@charset "UTF-8";
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
.loadingmask-message {
  background: transparent;
  border-width: 0;
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  width: 1em; }
  .loadingmask-message .loadingmask-message-content {
    -webkit-animation: loading-animation 1.2s infinite ease-out;
    animation: loading-animation 1.2s infinite ease-out;
    background: transparent;
    border-radius: 50%;
    border-width: 0;
    clear: both;
    color: transparent;
    height: 1em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1em; }

.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Separator ---------- */
.separator {
  border-top: 1px solid #cdced9; }

/* ---------- Status ---------- */
.entry-status {
  border-left: 4px solid transparent; }

span.alert {
  display: inline-block; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

.quick-access-nav {
  position: absolute;
  top: -1000px;
  width: 100%;
  z-index: 1000; }
  .quick-access-nav a {
    background: #333;
    background: rgba(51, 51, 51, 0.9);
    border: 1px solid #fff;
    left: 0;
    outline: none;
    padding: 8px;
    position: absolute;
    right: 0;
    text-align: center; }
    .quick-access-nav a:focus {
      color: #fff;
      top: 1000px; }

@media (max-width: 991.98px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%; }
    .responsive-table-horizontal:after {
      clear: both;
      content: '';
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden; }
    .responsive-table-horizontal tbody {
      display: block;
      overflow-x: auto;
      position: relative;
      white-space: nowrap;
      width: auto; }
      .responsive-table-horizontal tbody tr {
        display: inline-block;
        vertical-align: top; }
        .responsive-table-horizontal tbody tr td {
          display: block;
          margin-bottom: 20px; }
          .responsive-table-horizontal tbody tr td:first-child {
            text-align: left; }
    .responsive-table-horizontal thead {
      display: block;
      float: left;
      margin-right: 10px; }
      .responsive-table-horizontal thead:after {
        clear: both;
        content: '';
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden; }
      .responsive-table-horizontal thead th {
        display: block;
        margin-bottom: 20px;
        text-align: right; }
        .responsive-table-horizontal thead th:first-child {
          text-align: right; }
  .ie9 .responsive-table-horizontal thead {
    float: none; } }

.important {
  font-weight: bold; }

.highlight {
  background: #ffc;
  font-weight: bold;
  margin: 0 1px; }

.hide-accessible {
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  /*Webkit and IE7 let clipped content change the scroll height of the page*/
  /*Scale webkit to 0*/
  -webkit-transform: scale(0);
  -webkit-transform-origin-x: 0;
  -webkit-transform-origin-y: 0;
  /*Change IE7 to using fixed*/
  *position: fixed !important;
  /*...And reset back to absolute for IE6*/
  _position: absolute !important; }

.force-offset {
  display: block !important;
  position: absolute !important;
  visibility: hidden !important; }

.unselectable,
.unselectable * {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

/* ---------- Cards ---------- */
/* ---------- Cards horizontal ---------- */
/* ---------- Dialogs ---------- */
/* ---------- Splitter ---------- */
/* ---------- Toggle card ---------- */
/* ---------- File icons colors ---------- */
/* ---------- File icons text colors ---------- */
/* ---------- User icons background colors ---------- */
/* ---------- User icons border color ---------- */
/* ---------- User icons colors ---------- */
.aspect-ratio.aspect-ratio-8-to-3 {
  padding-bottom: 37.5%; }

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0; }

.liferay-autocomplete-input-mirror {
  left: -9999px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: -9999px;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word; }

.card-tab-group .card-tab:nth-child(n + 2) {
  border-left: 4px solid #65b6f0;
  padding-left: 20px; }
  .card-tab-group .card-tab:nth-child(n + 2) .card-tab {
    border-left: 4px solid #93ccf5;
    padding-left: 20px; }
    .card-tab-group .card-tab:nth-child(n + 2) .card-tab .card-tab {
      border-left-color: #c2e2f9; }
      .card-tab-group .card-tab:nth-child(n + 2) .card-tab .card-tab .card-tab {
        border-left-width: 0;
        padding-left: 0; }

.hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value {
  width: 95px; }

.hsv-palette .hsv-view-container .hsv-value {
  width: 56px; }

.yui3-color-picker-popover .palette-container {
  border-collapse: separate; }

.dialog-iframe-popup .hsv-palette-modal.modal-dialog {
  bottom: 0 !important;
  left: 0 !important;
  margin: 0;
  max-width: none;
  right: 0 !important;
  top: 0 !important;
  width: 100%; }
  @media (min-width: 768px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog {
      bottom: auto !important;
      height: 100%;
      left: 50% !important;
      max-height: 375px;
      max-width: 650px;
      right: auto !important;
      top: 50% !important;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
    bottom: 0;
    left: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 767.98px) {
      .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
        border-radius: 0;
        border-width: 0; } }
  @media (max-width: 767.98px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog .modal-body {
      padding: 1rem; } }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-default-size.hsv-container {
    width: 100%; }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-image-container {
    margin: 0; }

.dialog-bd {
  min-height: 30px; }

.dialog-content {
  border: 1px solid #c8c9ca;
  padding: 5px; }

.dialog-iframe-popup .sheet > .lfr-nav {
  margin-top: -24px; }

.dialog-iframe-popup .contacts-portlet .portlet-configuration-container .form {
  position: static; }

.dialog-iframe-popup .lfr-form-content {
  padding: 15px; }

.dialog-iframe-popup .portlet-body,
.dialog-iframe-popup .portlet-boundary,
.dialog-iframe-popup .portlet-column,
.dialog-iframe-popup .portlet-layout {
  height: 100%; }

.dialog-iframe-popup .portlet-column {
  position: static; }

.dialog-iframe-popup .dialog-body > .container-fluid-1280,
.dialog-iframe-popup .dialog-body .container-view,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree .container-view,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content .container-view,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content .container-view,
.dialog-iframe-popup .process-list > .container-fluid-1280,
.dialog-iframe-popup .process-list .container-view,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body .container-view {
  padding-top: 20px; }
  .dialog-iframe-popup .dialog-body > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .dialog-body > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .dialog-body .container-view > .nav-tabs-default,
  .dialog-iframe-popup .dialog-body .container-view .nav-tabs-underline,
  .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .export-dialog-tree .container-view > .nav-tabs-default,
  .dialog-iframe-popup .export-dialog-tree .container-view .nav-tabs-underline,
  .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .lfr-dynamic-uploader .container-view > .nav-tabs-default,
  .dialog-iframe-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
  .dialog-iframe-popup .lfr-form-content > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .lfr-form-content > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .lfr-form-content .container-view > .nav-tabs-default,
  .dialog-iframe-popup .lfr-form-content .container-view .nav-tabs-underline,
  .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .portlet-configuration-body-content .container-view > .nav-tabs-default,
  .dialog-iframe-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
  .dialog-iframe-popup .process-list > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .process-list > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .process-list .container-view > .nav-tabs-default,
  .dialog-iframe-popup .process-list .container-view .nav-tabs-underline,
  .dialog-iframe-popup .roles-selector-body > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .roles-selector-body > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .roles-selector-body .container-view > .nav-tabs-default,
  .dialog-iframe-popup .roles-selector-body .container-view .nav-tabs-underline {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -20px; }

.dialog-iframe-popup .dialog-body > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .process-list > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body > .lfr-nav + .container-fluid-1280 {
  padding-top: 0; }

.dialog-iframe-popup .login-container {
  padding: 1.5rem; }

.dialog-iframe-popup .management-bar-default,
.dialog-iframe-popup .navbar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0; }

.dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
.dialog-iframe-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative; }
  @media (min-width: 576px) {
    .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
    .dialog-iframe-popup .portlet-export-import-container {
      height: calc(100% - 48px); } }

.dialog-iframe-popup .navigation-bar > .container-fluid {
  margin-left: 24px;
  margin-right: 24px;
  padding: 0; }

.dialog-iframe-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0; }

.dialog-iframe-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0; }

.dialog-iframe-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px; }
  @media (min-width: 576px) {
    .dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
      padding-left: 8px;
      padding-right: 8px; } }

.dialog-iframe-popup .lfr-dynamic-uploader,
.dialog-iframe-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 576px) {
    .dialog-iframe-popup .lfr-dynamic-uploader,
    .dialog-iframe-popup .process-list {
      top: 48px; } }

.dialog-iframe-popup .portlet-export-import-publish-processes {
  top: 0; }

@media (min-width: 768px) {
  .dialog-with-footer #main-content,
  .dialog-with-footer #wrapper {
    height: calc(100% - 60px); } }

.dialog-with-footer .button-holder.dialog-footer,
.dialog-with-footer .sheet-footer.dialog-footer {
  background-color: #FFF;
  border-top: 1px solid #E7E7ED;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%; }
  @media (min-width: 768px) {
    .dialog-with-footer .button-holder.dialog-footer,
    .dialog-with-footer .sheet-footer.dialog-footer {
      position: fixed; } }
  .dialog-with-footer .button-holder.dialog-footer .btn,
  .dialog-with-footer .sheet-footer.dialog-footer .btn {
    margin-left: 1rem;
    margin-right: 0; }

@media (min-width: 768px) {
  .dialog-with-footer .dialog-body,
  .dialog-with-footer .lfr-dynamic-uploader,
  .dialog-with-footer .lfr-form-content,
  .dialog-with-footer .portlet-configuration-body-content,
  .dialog-with-footer .roles-selector-body {
    padding-bottom: 60px; } }

.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0; }
  .dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
    display: none; }

.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible; }
  .dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
    flex-grow: 1;
    max-width: none;
    overflow: auto; }

.dialog-with-footer .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0; }

.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #d3dadd; }

.active-area {
  background: #ffc; }

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #ccc; }

.sortable-layout-proxy {
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden; }

.sortable-proxy {
  background: #727c81;
  margin-top: 1px; }

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

.lfr-editable {
  outline: 1px dashed #68bb30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68bb30 url(../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px; }
  .lfr-editable:focus:after {
    display: none; }
  .lfr-editable:focus:hover {
    background-color: transparent; }
  .lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226; }
    .lfr-editable:hover:after {
      background-color: #519226; }

.lfr-editable-notice-close {
  margin-left: 1em; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
      display: inline-block;
      vertical-align: bottom; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
      margin-top: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
      display: inline-block;
      float: none;
      margin-top: 0;
      width: auto; }

.alloy-editor-container .alloy-editor {
  outline: 0; }
  .alloy-editor-container .alloy-editor.alloy-editor-placeholder {
    color: #2b4259; }
    .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
      border-left-color: #dbdde1;
      color: #b0b4bb; }
    .alloy-editor-container .alloy-editor.alloy-editor-placeholder.readonly {
      color: #ccc; }

.alloy-editor-container .alloy-editor-icon {
  color: #869cad; }

.has-error .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
  border-left-color: #cc6677; }

.cke_dialog .cke_dialog_ui_input_text {
  height: auto; }

.cke_editable_inline a {
  cursor: pointer; }

.cke_panel.cke_combopanel {
  width: 220px; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0; }

.cke_panel_block .cke_panel_list {
  margin-left: 0; }
  .cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial; }
    .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
      text-decoration: none; }

/* ---------- CKEditor table ---------- */
.cke_show_border {
  width: 500px; }
  .cke_show_border td {
    height: 15px; }

/* ---------- CKEditor image resizer ---------- */
.cke_widget_image .cke_image_resizer {
  bottom: -15px;
  height: 5px;
  outline-color: transparent;
  padding: 5px;
  right: -15px;
  width: 5px; }

.html-editor.portlet {
  background: #fff;
  color: #000;
  line-height: 1;
  padding: 1em;
  text-align: start; }

.html-editor.portlet-message-boards {
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #eef0f2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 24px;
      margin-right: -35px;
      margin-top: -25px;
      width: 31px;
      z-index: 999; }
    .html-editor.portlet-message-boards blockquote cite {
      display: block;
      font-weight: bold; }
  .html-editor.portlet-message-boards pre {
    background: #f9f9f9;
    border: 1px solid #777;
    padding: 0.5em; }

.lfr-source-editor {
  border-color: #ccc; }
  .lfr-source-editor .lfr-source-editor-toolbar li > .btn {
    background-color: #fff;
    border: transparent;
    color: #717383;
    outline: 0; }
  .lfr-source-editor .lfr-source-editor-code {
    background-color: #fff;
    color: #2b4259; }
    .lfr-source-editor .lfr-source-editor-code .ace_gutter {
      background-color: #ededef;
      color: #868896;
      overflow: hidden; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
        font-family: fontawesome-alloy;
        text-align: center;
        vertical-align: middle; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
          background-image: none; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
          content: '\f0d7'; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
          content: '\f0dA'; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
        color: #fff; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #717383; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
        border-right: solid 1px #ccc; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
        background-image: none; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #ededef; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
      color: #34adab; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
      color: #1d5ec7; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
      color: #ff6c58; }
      .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
        color: #f00; }
  .lfr-source-editor.ace_dark .lfr-source-editor-code {
    background-color: #47474f;
    color: #fff; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
      background: #54555e;
      color: #fff; }
      .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #009aed; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #11394e; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
      color: #fff; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
      color: #4d91ff; }

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border-color: #ccc; }

.mce-content-body {
  text-align: start; }

.file-icon-color-0 {
  background-color: #FFF;
  color: #6b6c7e; }

.file-icon-color-1 {
  background-color: #FFF;
  color: #a7a9bc; }

.file-icon-color-2 {
  background-color: #FFF;
  color: #50d2a0; }

.file-icon-color-3 {
  background-color: #FFF;
  color: #af78ff; }

.file-icon-color-4 {
  background-color: #FFF;
  color: #ffb46e; }

.file-icon-color-5 {
  background-color: #FFF;
  color: #ff5f5f; }

.file-icon-color-6 {
  background-color: #FFF;
  color: #4b9bff; }

.file-icon-color-7 {
  background-color: #FFF;
  color: #272833; }

.lfr-item-viewer .image-viewer-base {
  outline: none; }

.lfr-item-viewer .item-preview:hover {
  cursor: pointer; }

.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.lfr-item-viewer .search-info {
  background-color: #d3e8f1; }
  .lfr-item-viewer .search-info .keywords {
    font-size: 1.4em;
    font-weight: bold; }
  .lfr-item-viewer .search-info .change-search-folder {
    font-size: 0.8em;
    font-weight: normal; }

.lfr-item-viewer .progress-container {
  background-color: #fff; }

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3; }

.image-viewer-caption {
  color: #777; }

.image-viewer-footer-control, .image-viewer-footer-control:focus, .image-viewer-footer-control:hover {
  color: #777; }

@media (min-width: 576px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0; } }

.image-viewer-sidenav dd {
  color: #8b8b8b;
  margin-bottom: 16px; }
  @media (min-width: 576px) {
    .image-viewer-sidenav dd {
      color: #777; } }

.image-viewer-sidenav .h5 {
  color: #869cad;
  margin-bottom: 3px; }
  @media (min-width: 576px) {
    .image-viewer-sidenav .h5 {
      color: #fff; } }

.image-viewer-sidenav .nav-tabs-default > li {
  padding-left: 20px; }
  .image-viewer-sidenav .nav-tabs-default > li:first-child {
    padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li:first-child > a {
  padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li > a {
  border-color: transparent;
  color: #777;
  padding-left: 0;
  padding-right: 0; }

.image-viewer-sidenav .nav-tabs-default > li > .active {
  background-color: transparent; }
  .image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover {
    border-color: transparent;
    color: #777; }
    @media (min-width: 576px) {
      .image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover {
        color: #fff; } }
  .image-viewer-sidenav .nav-tabs-default > li > .active:after {
    background-color: #65b6f0;
    bottom: -10px;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: relative;
    right: 0; }

.image-viewer-sidenav-body {
  padding-top: 0; }

.lfr-item-viewer .lfr-item-viewer-close {
  color: #fff;
  opacity: 1; }
  .lfr-item-viewer .lfr-item-viewer-close, .lfr-item-viewer .lfr-item-viewer-close:focus, .lfr-item-viewer .lfr-item-viewer-close:hover {
    color: #fff; }
  .lfr-item-viewer .lfr-item-viewer-close .icon-monospaced {
    color: #777; }

.lfr-item-viewer-icon-info {
  color: #fff; }

.nav.list-group li > a:focus, .nav.list-group li > a:hover {
  background-color: #e5f5fc;
  color: #009ae5; }

.nav.list-group > .active {
  border-width: 1px 0 0 0; }
  .nav.list-group > .active > a, .nav.list-group > .active > a:focus, .nav.list-group > .active > a:hover {
    background-color: #60bfef;
    border: 1px solid #60bfef;
    color: #fff; }

.nav.list-group .list-group-item {
  padding: 0; }
  .nav.list-group .list-group-item.nav-header {
    background-color: #f3f3f3;
    padding-left: 10px;
    padding-right: 10px; }

.lfr-page-templates li a {
  padding: 0; }
  .lfr-page-templates li a label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 5px; }

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.menu-content {
  background: #fff;
  list-style: none;
  min-width: 150px; }
  .menu-content li {
    margin: 0;
    padding: 0; }
    .menu-content li .disabled {
      color: #999; }

.menu-content {
  background: #ccc9c9 url(../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #aeafb1 #777879 #777879 #aeafb1;
  padding: 2px 0; }

.menugroup-content .menu-label {
  background: #d2d6de;
  color: #5b677d;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #fff; }

.menugroup-content ul {
  display: block;
  min-width: 0; }

.menu-content li {
  border-bottom: 1px solid #bcbbbb;
  border-top: 1px solid #eee;
  display: block;
  margin: 0;
  padding: 0; }
  .menu-content li.first {
    border-top-width: 0; }
  .menu-content li.last {
    border-bottom-width: 0; }

.menu-content li a,
.menu-content li .disabled {
  color: #2c2f34;
  display: block;
  padding: 4px 5px;
  text-decoration: none; }

.menu-content li a.focus,
.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34; }

.app-view-drop-active {
  background-color: #00a2ea;
  font-weight: bold; }
  .category-portlets .app-view-drop-active {
    background-color: #00a2ea;
    color: #fff; }

.basecelleditor [class~='form-validator-message'] {
  clip: rect(auto auto auto auto);
  width: auto; }

.document-library-file-entry-cell-editor-hidden {
  display: none; }

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle; }

.has-control-menu .lfr-asset-anchor {
  height: 74px;
  margin-top: -74px; }

.lfr-asset-anchor {
  display: block;
  height: 10px;
  margin-top: -10px;
  position: relative;
  z-index: -1; }

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all; }

.lfr-page-layouts {
  padding: 0; }
  .lfr-page-layouts input[type='radio'] {
    opacity: 0;
    position: absolute; }
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal.card,
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal .card {
      background-color: #F7F8F9;
      cursor: default; }
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after {
      background-color: #0B5FFF;
      bottom: 0;
      content: "";
      height: 4px;
      left: 0;
      position: absolute;
      right: 0;
      transition: height 0.15s ease-in-out; }
  .lfr-page-layouts .card-horizontal.card,
  .lfr-page-layouts .card-horizontal .card {
    border-width: 1px;
    box-shadow: none;
    cursor: pointer;
    outline: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    .lfr-page-layouts .card-horizontal.card:hover,
    .lfr-page-layouts .card-horizontal .card:hover {
      background-color: #F7F8F9;
      text-decoration: none; }
    .lfr-page-layouts .card-horizontal.card:focus,
    .lfr-page-layouts .card-horizontal .card:focus {
      background-color: #F7F8F9;
      box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #719AFF; }
    .lfr-page-layouts .card-horizontal.card:active, .lfr-page-layouts .card-horizontal.card.active,
    .lfr-page-layouts .card-horizontal .card:active,
    .lfr-page-layouts .card-horizontal .card.active {
      background-color: #F1F2F5; }
  .lfr-page-layouts .card-horizontal::after {
    border-radius: 0 0 0.25rem 0.25rem;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    transition: height 0.15s ease-in-out; }
  .lfr-page-layouts .card-horizontal:hover::after, .lfr-page-layouts .card-horizontal.hover::after {
    background-color: #0B5FFF;
    height: 4px; }
  .lfr-page-layouts .card-horizontal:focus::after, .lfr-page-layouts .card-horizontal.focus::after {
    background-color: #0B5FFF;
    height: 4px; }
  .lfr-page-layouts .card-horizontal:active::after, .lfr-page-layouts .card-horizontal.active::after {
    background-color: #0B5FFF;
    height: 4px; }

.dialog-iframe-popup:not(.article-preview) #main-content,
.dialog-iframe-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch; }

.modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: fixed; }

.modal-body {
  overflow: auto; }
  .modal-body.dialog-iframe-bd {
    overflow: hidden;
    padding: 0; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: none; } }

.modal-dialog.modal-dialog-sm {
  max-width: 600px; }

.modal-hidden {
  display: none; }

.modal-open .modal {
  overflow: hidden; }

.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0; }
  .portal-popup .columns-max > .portlet-layout.row > .portlet-column {
    padding-left: 0;
    padding-right: 0; }

.dragging .portlet-column.customizable {
  background-color: #cffccf;
  outline: 3px solid #5eaf3d; }

.customizable-layout-column-content {
  background-color: #c92c3c; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    margin: 0 15px; }

.layout-customizable-controls {
  background-color: rgba(201, 44, 60, 0.8); }

.customizable .customizable-layout-column-content {
  background-color: #5eaf3d; }

.customizable .layout-customizable-controls {
  background-color: rgba(94, 175, 61, 0.8); }

.layout-customizable-controls-container {
  margin: 0 15px;
  position: relative; }

.layout-customizable-controls {
  font-size: 1.5em;
  padding: 4px 16px;
  position: absolute;
  width: 100%;
  z-index: 15; }
  .layout-customizable-controls label {
    color: #fff; }

.paginator-link {
  background: #eee no-repeat scroll 50% 1px;
  border: 1px solid #f0f1f2;
  border-color: #f0f1f2 #b2b2b2 #949494 #f0f1f1;
  color: #1f1e1e;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px; }

.paginator-page-link {
  height: auto;
  text-indent: 0; }

.paginator-current-page {
  background: #0083bd url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38b6ef #006d9e #006d9e #46b4e6;
  color: #fff;
  text-shadow: -1px -1px #003c57; }

.paginator-first-link {
  background-image: url(../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(../images/arrows/paging_next.png); }

.paginator-current-page-report,
.paginator-total {
  color: #555;
  font-size: 0.9em; }

.paginator-current-page-report {
  margin-left: 2em; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

.info-panel .panel-group {
  margin-left: -1rem;
  margin-right: -1rem; }

.lfr-panel-container {
  background: #fff; }

.lfr-panel-content {
  padding: 5px 10px; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px; }

.panel-hd {
  background: #c0c2c5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca;
  padding-left: 10px;
  text-shadow: 1px 1px #fff; }

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0; }

.sheet-footer .btn {
  margin-right: 1rem; }
  .sheet-footer .btn:last-child {
    margin-right: 0; }

@media (min-width: 576px) {
  .sheet .display-style-icon .lfr-asset-item {
    width: 25%; } }

.splitter {
  border-radius: 0.25rem 0.25rem 0 0;
  color: #6B6C7E;
  padding: 10px 15px;
  position: relative;
  z-index: 1; }
  .splitter.splitter-spaced {
    border-radius: 0.25rem;
    margin-bottom: 20px; }

.table > tbody > tr.splitter {
  height: auto; }
  .table > tbody > tr.splitter > td {
    padding: 0; }

.lfr-nav.nav-tabs {
  margin-bottom: 20px; }

.tab-active strong {
  font-weight: normal; }

.tab-back {
  float: right; }

.tab-back-content {
  border-width: 0;
  padding: 1px; }

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline-block;
    margin: 0 1em 0 0;
    max-width: 100%; }

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-popularity-1 {
    font-size: 1em; }
  .tag-cloud .tag-popularity-2 {
    font-size: 1.3em; }
  .tag-cloud .tag-popularity-3 {
    font-size: 1.6em; }
  .tag-cloud .tag-popularity-4 {
    font-size: 1.9em; }
  .tag-cloud .tag-popularity-5 {
    font-size: 2.2em; }
  .tag-cloud .tag-popularity-6 {
    font-size: 2.5em; }

.tagselector-content {
  border-width: 0;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    border-bottom: 2px solid #869cad;
    margin-bottom: 10px;
    padding: 0; }

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

.lfr-portal-tooltip {
  display: inline-block; }
  .lfr-portal-tooltip,
  .lfr-portal-tooltip a {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }

.tooltip {
  max-width: 200px; }
  .tooltip .tooltip-arrow {
    background-color: #272833;
    height: 0.6rem;
    position: absolute;
    transform: rotate(45deg);
    width: 0.6rem; }

.tooltip.top .tooltip-arrow,
.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -0.3rem; }

.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow {
  margin-top: -0.3rem;
  top: 50%; }

.tooltip.bottom {
  padding-top: 0.3rem; }
  .tooltip.bottom .tooltip-arrow {
    top: 0; }

.tooltip.left {
  padding-right: 0.3rem; }
  .tooltip.left .tooltip-arrow {
    right: 0; }

.tooltip.right {
  padding-left: 0.3rem; }
  .tooltip.right .tooltip-arrow {
    left: 0; }

.tooltip.top {
  padding-bottom: 0.3rem; }
  .tooltip.top .tooltip-arrow {
    bottom: 0; }

.tree-node .icon-check {
  padding-right: 2px; }
  .tree-node .icon-check:before {
    content: '\f096'; }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }
  .tree-node .tree-node-checked .icon-check:before {
    content: '\f046'; }

.tree-node [class^='icon-'] {
  margin-right: 5px; }

.tree-node .tree-node-checkbox-container {
  margin-right: 0; }

.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }

.tree-node-content .tree-label {
  margin-left: 3px; }

.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 38px; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #f4f3f3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #aeafb1;
  border-width: 0 1px 1px; }

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

.user-icon-color-0 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #6b6c7e; }

.user-icon-color-1 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #4b9bff; }

.user-icon-color-2 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #ffb46e; }

.user-icon-color-3 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #ff5f5f; }

.user-icon-color-4 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #50d2a0; }

.user-icon-color-5 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #ff73c3; }

.user-icon-color-6 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #9be169; }

.user-icon-color-7 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #af78ff; }

.user-icon-color-8 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #ffd76e; }

.user-icon-color-9 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #5fc8ff; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

/* ---------- Wrapper ---------- */
#wrapper {
  padding-bottom: 0;
  padding-top: 2em;
  position: relative; }

/*@import "dockbar";

@import "navigation"";*/
/* ---------- Portlet topper ---------- */
/* ---------- Portlet decorator ---------- */
/* ---------- Portlet header ---------- */
body.portlet {
  border-width: 0; }

.portlet-icon-back {
  margin-top: -2px; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 5px 5px 5px 18px; }
  .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none; }

.portlet-title-editable {
  cursor: pointer; }

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap; }

.panel-page-content .portlet-title-text,
.panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important; }

.portlet-layout .portlet-header {
  margin-bottom: 1rem; }

.portlet-draggable .portlet-topper {
  cursor: move; }

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none; } }

.portlet:hover .visible-interaction, .portlet.open .visible-interaction {
  display: block; }

@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none; } }

.lfr-status-alert-label,
.lfr-status-error-label,
.lfr-status-info-label,
.lfr-status-progress-label,
.lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px; }

.lfr-status-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663; }

.lfr-status-error-label {
  background-image: url(../images/messages/error.png);
  color: #900; }

.lfr-status-help-label,
.lfr-status-info-label,
.lfr-status-progress-label {
  background-image: url(../images/messages/info.png);
  color: #34404f; }

.lfr-status-help-label {
  background-image: url(../images/portlet/help.png); }

.lfr-status-progress-label {
  background-image: url(../images/aui/loading_indicator.gif); }

.lfr-status-success-label {
  background-image: url(../images/messages/success.png);
  color: #384f34; }

.portlet-msg {
  background: #eee none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404f;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .lfr-message .lfr-message-close-all {
    color: #fff;
    display: none;
    font-size: 0.8em;
    margin-left: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 0 #000;
    vertical-align: top; }
    .lfr-message .lfr-message-close-all a {
      color: #fff; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(../images/common/time.png); }

.lfr-message-content.alert {
  margin-bottom: 0; }

.lfr-message-close {
  cursor: pointer; }

/* ---------- Standard styles defined in the JSR 168 specification ---------- */
/* ---------- Fonts ---------- */
/* ---------- Sections ---------- */
.portlet-section-selected,
.portlet-section-selected a {
  background: #727c81;
  color: #fff;
  font-weight: bold;
  text-decoration: none; }

.portlet-section-selected a:hover,
.portlet-section-selected a:focus {
  background-color: #727c81; }

/* ---------- Forms ---------- */
/* ---------- Icons ---------- */
/* ---------- Menus ---------- */
@media (min-width: 576px) {
  .portlet.open > .portlet-topper, .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%); } }

@media (min-width: 576px) {
  .portlet.open > .portlet-content-editable, .portlet:hover > .portlet-content-editable, .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

.portlet {
  margin-bottom: 10px;
  position: relative; }
  .portlet > .portlet-content-editable {
    border-color: transparent; }
  .portlet > .portlet-topper {
    display: none; }
    @media (min-width: 576px) {
      .portlet > .portlet-topper {
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transition: opacity 0.25s, transform 0.25s;
        top: 0; } }
  @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
    .portlet > .portlet-topper {
      transition: none; } }

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px; }

/* ---------- Portlet topper ---------- */
.portlet-actions {
  float: right; }

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600; }

.portlet-options {
  display: inline-block; }

.portlet-title-default {
  box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.portlet-title-menu {
  box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  .portlet-title-menu > span > a {
    display: inline-block;
    text-decoration: none; }

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #6B6C7E;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative; }

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0; }
  .portlet-topper-toolbar > a,
  .portlet-topper-toolbar > span > a,
  .portlet-topper-toolbar .lfr-icon-menu > a {
    color: #6B6C7E; }
  .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
    text-decoration: none; }

@media (max-width: 767.98px) {
  .lfr-configurator-visibility {
    opacity: 0.5; } }

@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5; }
  .lfr-configurator-visibility .portlet-content-editable {
    opacity: 0.5; } }

/* ---------- Portlet controls in mobile ---------- */
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; } }

.controls-visible .portlet-topper-toolbar {
  display: block; }

.lfr-configurator-visibility .portlet-borderless-bar {
  opacity: 0.6; }

.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  opacity: 1; }

.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #d3dadd; }

.main-content-body {
  margin-top: 20px; }

.restricted,
.restricted td {
  background: #fdd;
  border-width: 0; }

.restricted * {
  color: #727c81; }

.alt.restricted td {
  background-color: #ffc0c0; }

.hover.restricted td {
  background-color: #d3bdc0; }

.alt.restricted td.first,
.restricted td.first {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

.portlet-borderless .portlet-content {
  padding: 1rem; }

.portlet-decorate .portlet-content {
  background: #F1F2F5;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word; }

.portlet-barebone .portlet-content {
  padding: 0; }

/* ---------- Dynamic data list display/Journal portlet ---------- */
.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px 28px; }

/* ---------- Breadcrumb taglib ---------- */
.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center; }
  .breadcrumb.breadcrumb-vertical li {
    display: block; }
    .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
      background: none; }
  .breadcrumb.breadcrumb-vertical .divider {
    background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
    display: block;
    height: 10px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th,
.taglib-calendar tr td {
  border-width: 0; }

.taglib-calendar tr td a {
  background-color: #f0f5f7;
  border: 1px solid #fff;
  border-bottom-width: 0;
  border-left-width: 0;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727c81;
    color: #fff; }

.taglib-calendar tr td.calendar-inactive {
  background-color: #fff;
  color: #b5bfc4; }

.taglib-calendar tr th {
  border-bottom-color: #d7d7d7; }

.taglib-calendar table td {
  border-width: 0; }

.taglib-calendar .calendar-current-day,
.taglib-calendar .calendar-current-day a {
  background-color: #fff; }

.taglib-calendar .calendar-current-day a {
  border: 1px solid #727c81;
  color: #369;
  text-decoration: underline; }

/* ---------- Navbar form search ---------- */
.navbar form {
  margin: 0; }

.menu-content,
.underlay-content {
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-ddm-container .file-entry-upload-progress {
  border-radius: 0 0 4px 4px; }

.lfr-preview-file-image img {
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

.portlet-document-library .lfr-ddm-small-image-preview,
.portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  box-shadow: 0 1px 3px #ccc; }

.portlet-document-library-upload-mask .overlaymask-content {
  border-radius: 5px; }

.overlaymask-content {
  background-color: #fff; }

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px; }

.product-menu .loading-animation {
  margin-top: 160px; }

.lfr-search-combobox-item {
  border-radius: 1px; }

.lfr-search-combobox .field-input-text {
  border-radius: 4px 1px 1px 4px; }

.lfr-search-combobox .button-input {
  border-radius: 1px 4px 4px 1px; }

.lfr-upload-container .progress-bar,
.lfr-upload-container .progress,
.lfr-editable:after {
  border-radius: 10px; }

.portlet-language .portlet-body .current-language,
.portlet-language .portlet-body .taglib-icon,
.portlet-language .portlet-body .taglib-language-list-text {
  border-radius: 10px; }

body > .lfr-menu-list ul,
.active-area-proxy,
.entry-display-style .entry-thumbnail,
.lfr-api-results,
.lfr-translation-manager,
.lfr-translation-manager-translation,
.lfr-upload-container .cancel-button .modify-pages .delete-tab,
.portlet-image-gallery-display .image-thumbnail img,
.rule-group-instance-container .rule-group-instance,
.select-documents,
.select-files,
.taglib-ratings.stars:hover,
.taglib-ratings.stars:hover .liferay-rating-vote > div,
.taglib-ratings.stars .rating-focused > div,
.tags-search-combobox .field-input-text {
  border-radius: 4px; }

.entry-display-style,
.lfr-search-combobox,
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target,
.portlet-document-library .common-file-metadata-container.selected,
.portlet-document-library-display .common-file-metadata-container.selected,
.portlet-image-gallery-display .image-icon,
.select-documents,
.select-files {
  border-radius: 5px; }

.portlet-dynamic-data-list-display .lfr-ddm-container .lfr-ddm-repeatable-placeholder,
.portlet-dynamic-data-lists .lfr-ddm-container .lfr-ddm-repeatable-placeholder {
  border-radius: 6px; }

.menu-content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
    box-shadow: 0 0 5px 0 #333;
    transition-duration: 0.25s;
    transition-property: box-shadow;
    transition-timing-function: ease-out; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
    border-radius: 50%; }

.underlay-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.input-localized .lfr-input-localized-state {
  border-radius: 3px; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  box-shadow: 0 0 3px #ddd; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    box-shadow: 0 0 3px #ff0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  box-shadow: 0 0 3px #27c1f2; }

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  border-radius: 0;
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); }

.lfr-message .lfr-message-control {
  border-radius: 10px; }

.lfr-token {
  border-radius: 8px; }

.staging-tabview-list {
  border-radius: 0; }

.site-variations-tabview-list .tab-content,
.staging-tabview-list .tab-active .tab-content,
.tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  box-shadow: none; }

.rule-group-instance-container .rule-group-instance {
  box-shadow: 1px 1px 2px #999; }

.lfr-action-label {
  border-radius: 2px; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out; }
  @media (prefers-reduced-motion: reduce) {
    .lfr-progress-active .progress-bar-status,
    .lfr-upload-container .file-uploading .progress-bar .progress {
      transition: none; } }

@-webkit-keyframes highlight-animation {
  from {
    background-color: #ffc; }
  to {
    background-color: transparent; } }

@keyframes highlight-animation {
  from {
    background-color: #ffc; }
  to {
    background-color: transparent; } }

.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s; }

.lfr-spa-loading .lfr-spa-loading-bar {
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.lfr-spa-loading-bar {
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

@-webkit-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .lfr-icon-menu-text,
.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  max-width: 200px; }

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  @media (prefers-reduced-motion: reduce) {
    .portlet-boundary.yui3-dd-dragging {
      transition: none; } }

.portlet-document-library .entry-thumbnail .label,
.portlet-document-library-display .workflow-status .label,
.portlet-journal .entry-thumbnail .label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none; }

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd; }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    background-color: #ddedde;
    border-color: #7d7; }
  100% {
    background-color: #ebebeb;
    border-color: #ddd; } }

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd; }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    background-color: #ddedde;
    border-color: #7d7; }
  100% {
    background-color: #ebebeb;
    border-color: #ddd; } }

.upload-drop-active .lfr-upload-container .upload-target {
  -webkit-animation: none;
  animation: none; }

.upload-drop-active .portlet-document-library .document-container {
  box-shadow: inset 0 0 5px #b8c1d1; }

.upload-drop-intent .lfr-upload-container .upload-target {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite; }

.quick-access-nav a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup,
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  box-shadow: initial; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  box-shadow: none; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  background-image: linear-gradient(#fff, #e4e4e4);
  border-radius: 2px; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
  background-image: linear-gradient(#f2f2f2, #ccc); }

/* ---------- Switches ---------- */
input.switch:focus ~ .switch-bar:before {
  box-shadow: 0 0 3px #00f; }

input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before,
input.switch:empty ~ .switch-bar .switch-icon,
input.switch:empty ~ .switch-bar .switch-toggle:after,
input.switch:empty ~ .switch-bar .switch-toggle:before {
  transition: all 100ms ease-in; }
  @media (prefers-reduced-motion: reduce) {
    input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before,
    input.switch:empty ~ .switch-bar .switch-icon,
    input.switch:empty ~ .switch-bar .switch-toggle:after,
    input.switch:empty ~ .switch-bar .switch-toggle:before {
      transition: none; } }

/* ---------- Image selector ---------- */
.taglib-image-selector .icon-check {
  transition: opacity 0.2s ease-in-out;
  border-radius: 30px; }
  @media (prefers-reduced-motion: reduce) {
    .taglib-image-selector .icon-check {
      transition: none; } }

.taglib-image-selector .progress-wrapper .progressbar {
  border-radius: 0; }

/* ---------- Drop here info ---------- */
.drop-here-info {
  transition: all 0.2s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .drop-here-info {
      transition: none; } }
  .drop-here-info .drop-icons {
    transition: all 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .drop-here-info .drop-icons {
        transition: none; } }
    .drop-here-info .drop-icons span {
      transition: all 0.3s ease-in-out;
      border-radius: 3px; }
      @media (prefers-reduced-motion: reduce) {
        .drop-here-info .drop-icons span {
          transition: none; } }
    .drop-here-info .drop-icons span:nth-of-type(1) {
      box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
      -webkit-transform: rotate(25deg);
      transform: rotate(25deg); }
    .drop-here-info .drop-icons span:nth-of-type(2) {
      box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15);
      -webkit-transform: scale(0.8);
      transform: scale(0.8); }
    .drop-here-info .drop-icons span:nth-of-type(3) {
      box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
      -webkit-transform: rotate(-25deg);
      transform: rotate(-25deg); }

.drop-active .drop-here-info span:nth-of-type(1) {
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg); }

.drop-active .drop-here-info span:nth-of-type(2) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.drop-active .drop-here-info span:nth-of-type(3) {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg); }

/*
* YP Colors
*/
.yp-color-white {
  color: white !important; }

.yp-bg-color-white {
  background-color: white !important; }

.yp-bg-variant-color-white {
  background-color: white !important; }

.yp-color-black {
  color: black !important; }

.yp-bg-color-black {
  background-color: black !important; }

.yp-bg-variant-color-black {
  background-color: #262626 !important; }

.yp-color-primary {
  color: #96BE0F !important; }

.yp-bg-color-primary {
  background-color: #96BE0F !important; }

.yp-bg-variant-color-primary {
  background-color: #c2ee2b !important; }

.yp-color-secondary {
  color: #2B3A61 !important; }

.yp-bg-color-secondary {
  background-color: #2B3A61 !important; }

.yp-bg-variant-color-secondary {
  background-color: #425a96 !important; }

.yp-color-tertiary {
  color: #555555 !important; }

.yp-bg-color-tertiary {
  background-color: #555555 !important; }

.yp-bg-variant-color-tertiary {
  background-color: #7b7b7b !important; }

.yp-color-success {
  color: #5cb85c !important; }

.yp-bg-color-success {
  background-color: #5cb85c !important; }

.yp-bg-variant-color-success {
  background-color: #91cf91 !important; }

.yp-color-info {
  color: #60b4df !important; }

.yp-bg-color-info {
  background-color: #60b4df !important; }

.yp-bg-variant-color-info {
  background-color: #a0d2ec !important; }

.yp-color-warning {
  color: #f0ad4e !important; }

.yp-bg-color-warning {
  background-color: #f0ad4e !important; }

.yp-bg-variant-color-warning {
  background-color: #f6ce95 !important; }

.yp-color-danger {
  color: #d9534f !important; }

.yp-bg-color-danger {
  background-color: #d9534f !important; }

.yp-bg-variant-color-danger {
  background-color: #e7908e !important; }

.yp-color-default {
  color: #39ADD2 !important; }

.yp-bg-color-default {
  background-color: #39ADD2 !important; }

.yp-bg-variant-color-default {
  background-color: #77c7e0 !important; }

.yp-color1 {
  color: #67a9e0 !important; }

.yp-bg-color1 {
  background-color: #67a9e0 !important; }

.yp-bg-variant-color1 {
  background-color: #a7cded !important; }

.yp-color2 {
  color: #e06767 !important; }

.yp-bg-color2 {
  background-color: #e06767 !important; }

.yp-bg-variant-color2 {
  background-color: #eda7a7 !important; }

.yp-color3 {
  color: #67cde0 !important; }

.yp-bg-color3 {
  background-color: #67cde0 !important; }

.yp-bg-variant-color3 {
  background-color: #a7e2ed !important; }

.yp-color4 {
  color: #e067af !important; }

.yp-bg-color4 {
  background-color: #e067af !important; }

.yp-bg-variant-color4 {
  background-color: #eda7d0 !important; }

.yp-color5 {
  color: #67e0bf !important; }

.yp-bg-color5 {
  background-color: #67e0bf !important; }

.yp-bg-variant-color5 {
  background-color: #a7edda !important; }

.yp-color6 {
  color: #a967e0 !important; }

.yp-bg-color6 {
  background-color: #a967e0 !important; }

.yp-bg-variant-color6 {
  background-color: #cda7ed !important; }

.yp-color7 {
  color: #a1e067 !important; }

.yp-bg-color7 {
  background-color: #a1e067 !important; }

.yp-bg-variant-color7 {
  background-color: #c8eda7 !important; }

.yp-color8 {
  color: #6779e0 !important; }

.yp-bg-color8 {
  background-color: #6779e0 !important; }

.yp-bg-variant-color8 {
  background-color: #a7b1ed !important; }

.yp-color9 {
  color: #e89853 !important; }

.yp-bg-color9 {
  background-color: #e89853 !important; }

.yp-bg-variant-color9 {
  background-color: #f1c096 !important; }

.yp-color10 {
  color: #e0d767 !important; }

.yp-bg-color10 {
  background-color: #e0d767 !important; }

.yp-bg-variant-color10 {
  background-color: #ede8a7 !important; }

.yp-color-grey1 {
  color: #F4F4F4 !important; }

.yp-bg-color-grey1 {
  background-color: #F4F4F4 !important; }

.yp-bg-variant-color-grey1 {
  background-color: white !important; }

.yp-color-grey2 {
  color: #ebebeb !important; }

.yp-bg-color-grey2 {
  background-color: #ebebeb !important; }

.yp-bg-variant-color-grey2 {
  background-color: white !important; }

.yp-color-grey3 {
  color: #d7d7d7 !important; }

.yp-bg-color-grey3 {
  background-color: #d7d7d7 !important; }

.yp-bg-variant-color-grey3 {
  background-color: #fdfdfd !important; }

.yp-color-grey4 {
  color: #C3C3C3 !important; }

.yp-bg-color-grey4 {
  background-color: #C3C3C3 !important; }

.yp-bg-variant-color-grey4 {
  background-color: #e9e9e9 !important; }

/**
 * base CSS
 */
/** To override an AUI rule needed for navigation */
html body.yp .yp-portlet .navbar-nav, html body.yp .yp-portlet .navbar-nav > li {
  float: none; }

/** Hides portlet title when controls are hidden */
.controls-hidden .portlet-title {
  display: none; }

/** Class "bold" */
span.bold {
  font-weight: bold; }

html body.esab .my-sites-menu .site-type {
  display: none; }

html body {
  font-size: 13px; }

html select, html textarea, html input[type="text"], html input[type="password"], html input[type="datetime"], html input[type="datetime-local"], html input[type="date"],
html input[type="month"], html input[type="time"], html input[type="week"], html input[type="number"], html input[type="email"], html input[type="url"], html input[type="search"],
html input[type="tel"], html input[type="color"], html .uneditable-input {
  margin-bottom: 0px; }

/* For Responsive */
@media (max-width: 1024px) {
  html body {
    margin: 0px !important; } }

/* For Responsive */
@media (max-width: 992px) {
  /* grid toolbar layout */
  .k-grid-toolbar .toolbar .toolbar-commands {
    width: 100%; }
  .k-grid-toolbar .toolbar .toolbar-commands .btn-group {
    width: auto;
    margin-right: 10px; }
  /* end grid toolbar layout */
  /* fix layout top menu on mobile*/
  html .navbar-fixed-top, html .navbar-fixed-bottom, html .navbar-static-top {
    margin-left: 0;
    margin-right: 0; }
  /* fix layout spacing on mobile */
  html .portlet-content, html .portlet-minimized .portlet-content-container {
    padding: 0; }
  #content .portlet-boundary:not(.esab-menu-portlet) .portlet-body {
    padding: 0px !important; }
  /* end fix layout spacing on mobile */ }

@media (max-width: 979px) {
  html.ios input, html.ios input.input-large, html.ios textarea, html.ios .uneditable-input {
    max-width: 100% !important; }
  /* fix displaying on mobile */
  header#banner, .portlet-dockbar, div#main-content aside, footer#footer {
    /* display:none; */ }
  html body {
    padding-left: 0px;
    padding-right: 0px; }
  /*button with DropDown*/
  html a.btn.btn-primary.dropdown-toggle,
  html a.yp-action.btn.btn-primary {
    width: auto !important;
    margin-top: 0 !important; } }

/*center the button display of action dropdown*/
@media (max-width: 767px) {
  .btn-group .dropdown-menu button {
    text-align: center !important; } }

/* Copied HTML/Body rules from libraries*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

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

html input[disabled] {
  cursor: default; }

html {
  /** Migration LR7.  
		We changed the font-size from 10px to 16px.
		Because the font size is interfering with the Liferay Menu.
	**/
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: white; }

html body.yp .yp-portlet {
  position: relative;
  /*must have this for kendoUI combobox*/ }

html .dropdown-menu .divider {
  border-bottom: 0px solid #ebebeb; }

html .form-horizontal input {
  vertical-align: inherit; }

html .portlet {
  background: #ebebeb; }

html .portlet, html .portlet-borderless-container {
  margin-bottom: 0px; }

/******* correction footer *****/
html #footer {
  height: auto !important;
  padding-bottom: 10px;
  text-align: center !important; }

html #footer ul {
  margin: 10px; }

html #footer ul li {
  margin: 10px 20px; }

html #footer p {
  margin: 0;
  padding: 0;
  width: 100%; }

@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot");
  src: url("fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2") format("woff2"), url("fonts/fontawesome-webfont.woff") format("woff"), url("fonts/fontawesome-webfont.ttf") format("truetype"), url("fonts/fontawesome-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Material-Design-Iconic-Font';
  src: url("fonts/Material-Design-Iconic-Font.woff2?v=2.2.0") format("woff2"), url("fonts/Material-Design-Iconic-Font.woff?v=2.2.0") format("woff"), url("fonts/Material-Design-Iconic-Font.ttf?v=2.2.0") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoregular';
  src: url("fonts/roboto-regular-webfont.eot");
  src: url("fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-regular-webfont.woff2") format("woff2"), url("fonts/roboto-regular-webfont.woff") format("woff"), url("fonts/roboto-regular-webfont.ttf") format("truetype"), url("fonts/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotobold';
  src: url("fonts/roboto-bold-webfont.eot");
  src: url("fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-bold-webfont.woff2") format("woff2"), url("fonts/roboto-bold-webfont.woff") format("woff"), url("fonts/roboto-bold-webfont.ttf") format("truetype"), url("fonts/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotolight';
  src: url("fonts/roboto-light-webfont.eot");
  src: url("fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-light-webfont.woff2") format("woff2"), url("fonts/roboto-light-webfont.woff") format("woff"), url("fonts/roboto-light-webfont.ttf") format("truetype"), url("fonts/roboto-light-webfont.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotomedium';
  src: url("fonts/roboto-medium-webfont.eot");
  src: url("fonts/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-medium-webfont.woff2") format("woff2"), url("fonts/roboto-medium-webfont.woff") format("woff"), url("fonts/roboto-medium-webfont.ttf") format("truetype"), url("fonts/roboto-medium-webfont.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("fonts/glyphicons-halflings-regular.eot");
  src: url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("fonts/glyphicons-halflings-regular.woff") format("woff"), url("fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

/*YPW CSS*/
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/* ---------- Base styles ---------- */
html {
  /* ---------- Dockbar ---------- */
  /* ---------- Main navigation ---------- */
  /* ---------- Breadcrumbs ---------- */
  /* ---------- Portlet wrapper and icons ---------- */
  /* ---------- Set password reminder portlet ---------- */
  /* ---------- Staging bar ---------- */
  /* ---------- Footer ---------- */
  /* ---------- Hudcrumbs ---------- */
  /* ---------- Miscellaneous ---------- */
  /* ---------- Extras ---------- */
  /* ---------- IE8 ---------- */ }
  html .separator {
    border-color: #BFBFBF transparent #FFF;
    border-style: solid;
    border-width: 1px 0; }
  html .site-title a:hover {
    text-decoration: none; }
  html .site-title .site-name {
    display: inline-block; }
  html #skip-to-content:focus {
    clip: rect(auto auto auto auto);
    margin-top: 35px;
    right: 5px;
    z-index: 200; }
  html #sign-in {
    background: url(/o/ThemeBNDA_03012023-theme/images/common/key.png) no-repeat 3px 50%;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
    position: absolute;
    right: 0;
    top: -1.2em; }
  html .redirected-to-message {
    margin-right: 10px; }
    html .redirected-to-message a {
      background: #ECFBFF;
      border: 1px solid #ADE5FA;
      color: #8D8D8D;
      padding: 5px; }
  html .site-navigation {
    margin-bottom: 6px; }
    html .site-navigation .lfr-nav-item span, html .site-navigation .lfr-nav-item a {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      max-width: 300px; }
  html .taglib-portal-message {
    margin-bottom: 0; }
  html .dockbar.navbar .nav li.dropdown.active .dropdown-toggle {
    background-color: transparent; }
    html .dockbar.navbar .nav li.dropdown.active .dropdown-toggle:hover {
      color: #FFF; }
  html .dockbar.navbar .nav li.dropdown.staging-toggle .dropdown-menu {
    background-color: #55B8EC; }
  html .dockbar.navbar .nav > li > a {
    margin: 0 5px 0 0;
    padding: 6px 10px; }
    html .dockbar.navbar .nav > li > a:hover {
      background-color: #2FA4F5; }
  html .dockbar .info-button {
    top: 9px; }
    html .dockbar .info-button a {
      margin-top: -4px; }
      html .dockbar .info-button a:hover {
        color: #FFF; }
  html .dockbar .staging-bar .staging-toggle {
    color: #FFF; }
    html .dockbar .staging-bar .staging-toggle li a {
      color: #FFF;
      font-weight: 300;
      text-decoration: none; }
    html .dockbar .staging-bar .staging-toggle .btn-link {
      color: #FFF;
      font-size: 12px; }
  html .dockbar .page-customization-bar .btn {
    border-color: transparent; }
    html .dockbar .page-customization-bar .btn:hover, html .dockbar .page-customization-bar .btn:focus {
      background: transparent;
      text-decoration: underline; }
  html .dockbar .navbar-inner, html .dockbar-split .dockbar .navbar-inner {
    background-color: #118ADE;
    background-image: -webkit-linear-gradient(#118ADE 0%, #118ADE 47%, #1273C7 100%);
    background-image: linear-gradient(to   , #118ADE 47%, #1273C7 100%); }
    html .dockbar .navbar-inner .nav > li, html .dockbar-split .dockbar .navbar-inner .nav > li {
      background-color: #118ADE;
      background-image: -webkit-linear-gradient(#118ADE 0%, #118ADE 47%, #1273C7 100%);
      background-image: linear-gradient(to   , #118ADE 47%, #1273C7 100%); }
  html .dockbar-split .dockbar .info-button {
    top: 9px; }
  html .dockbar-split .dockbar .navbar-inner .nav-account-controls {
    border-top: 1px solid #00AEFF; }
    html .dockbar-split .dockbar .navbar-inner .nav-account-controls.nav-account-controls-notice {
      margin-top: 10px;
      top: 50px; }
  html .dockbar-split .dockbar .navbar-inner .nav-add-controls {
    background: transparent;
    border-top-width: 0; }
    html .dockbar-split .dockbar .navbar-inner .nav-add-controls.nav-add-controls-notice {
      top: 70px; }
    html .dockbar-split .dockbar .navbar-inner .nav-add-controls > li {
      background-color: transparent; }
      html .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
        background: #45CBF5;
        line-height: inherit;
        padding: 6px 8px; }
        @media (max-width: 991.98px) {
          html .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
            background: transparent; } }
        html .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover {
          background: #5BBAE8; }
        html .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
          background: #92F545; }
          @media (max-width: 991.98px) {
            html .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
              background: transparent; } }
  html .dockbar-split .dockbar .navbar-inner .page-customization-bar {
    background-color: #6DA4E4;
    background-color: rgba(109, 168, 228, 0.9);
    line-height: 20px; }
  html .dockbar-split .dockbar .navbar-inner .page-customization-bar-text {
    height: 43px; }
  html .dockbar-split .dockbar .navbar-inner .staging-bar {
    margin: 6px 0; }
    html .dockbar-split .dockbar .navbar-inner .staging-bar > li {
      background: transparent; }
  html #navigation .add-page-editor input {
    margin-top: 0; }
  html #navigation .brand {
    margin-left: 0;
    padding: 0 20px 0 0; }
    html #navigation .brand img {
      height: 40px;
      width: auto; }
  html #navigation .nav li.dropdown > .dropdown-toggle {
    padding-right: 0; }
    html #navigation .nav li.dropdown > .dropdown-toggle .caret {
      border-bottom-color: #FFF;
      border-top-color: #FFF; }
  html #navigation .nav li.open > a {
    background-color: #A3A3A3;
    color: #FFF; }
  html #navigation .nav li.active > a {
    background-color: #118ADE; }
  html #navigation .nav > li > a {
    padding: 4px 15px 5px; }
  html #navigation .nav .dropdown-menu {
    background: #00ACFF;
    border-width: 0;
    margin: 0; }
    html #navigation .nav .dropdown-menu:after, html #navigation .nav .dropdown-menu:before {
      border-width: 0; }
    html #navigation .nav .dropdown-menu a {
      color: #FFF; }
      html #navigation .nav .dropdown-menu a:hover {
        background: none;
        text-decoration: underline; }
  html #navigation .navbar-inner {
    background: #555;
    border-width: 0;
    min-height: 36px; }
    html #navigation .navbar-inner li a {
      color: #FFF; }
  html .modify-pages .delete-tab {
    background: #555;
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 16px;
    padding: 4px;
    right: -10px;
    top: 0;
    z-index: 300; }
  html .modify-pages .lfr-nav-item .lfr-nav-child-toggle {
    padding: 10px; }
    html .modify-pages .lfr-nav-item .lfr-nav-child-toggle i {
      margin: 0; }
    @media (max-width: 991.98px) {
      html .modify-pages .lfr-nav-item .lfr-nav-child-toggle {
        line-height: 1em;
        padding: 14px;
        position: absolute;
        right: 0;
        top: 0; } }
  html .modify-pages .drag-handle {
    background-color: rgba(255, 255, 255, 0.75);
    color: #009AE5; }
  html .breadcrumb {
    background-color: #FAFAFA; }
  html #breadcrumbs {
    margin-bottom: 45px; }
    html #breadcrumbs .breadcrumb {
      margin-bottom: 0; }
  html .portlet-content, html .portlet-minimized .portlet-content-container {
    border: 1px solid #EAEAEA;
    border-top-width: 0;
    padding: 12px 10px 10px; }
  html .portlet-topper {
    background: #D3D3D3;
    color: #FFF;
    padding: 0; }
    html .portlet-topper .portlet-title {
      font-size: 1em;
      font-weight: normal;
      line-height: 2.2;
      margin: 0; }
      html .portlet-topper .portlet-title i, html .portlet-topper .portlet-title span img {
        display: none; }
    html .portlet-topper .portlet-topper-toolbar {
      font-size: 0.8em;
      margin: -10px 0 0;
      padding: 0;
      right: 10px;
      top: 50%; }
  html .lfr-configurator-visibility .portlet-topper {
    background-color: #A9A9A9; }
  html .signed-in.controls-visible .portlet-title {
    padding-right: 80px; }
  html .portlet-asset-publisher .asset-title, html .portlet-asset-publisher .header-title, html .portlet-asset-publisher li.title-list, html .portlet-blogs .entry-title, html .portlet-blogs .header-title, html .portlet-message-boards .header-title {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all; }
  html .portlet-asset-publisher .asset-content, html .portlet-asset-publisher .asset-summary, html .portlet-blogs .entry-body, html .portlet-journal-content .journal-content-article, html .portlet-message-boards .thread-body {
    word-wrap: break-word; }
  html .edit-actions {
    list-style: none;
    margin-left: 0;
    margin-right: 0; }
    html .edit-actions li {
      float: left;
      margin-right: 10px; }
  html .portlet-icons {
    float: none; }
  html .page-maximized .portlet-icons {
    font-size: 11px; }
  html .dropdown-menu > li.portlet-close > a {
    color: #C00;
    font-weight: bold; }
    html .dropdown-menu > li.portlet-close > a:focus, html .dropdown-menu > li.portlet-close > a:hover {
      background-color: #C00;
      background-image: none;
      color: #FFF; }
  html .update-reminder-query .form-group {
    max-width: 350px; }
  html .update-reminder-query .reminder-query-answer {
    height: 30px;
    width: 100%; }
  html .update-reminder-query .reminder-query-question {
    width: 100%; }
  html .navbar-inner .nav.staging-bar {
    border-top-width: 0;
    position: static; }
    html .navbar-inner .nav.staging-bar li .page-variations {
      display: inline-block;
      margin-left: 8px; }
      html .navbar-inner .nav.staging-bar li .page-variations a {
        text-decoration: none; }
    html .navbar-inner .nav.staging-bar li.dropdown {
      position: static; }
  html .portlet-staging-bar .row-fluid .layout-revision-info .layout-revision-version label {
    color: #B6DDF5; }
  html .portlet-staging-bar .label-submit {
    background-color: #469DE3; }
  html .portlet-staging-bar .layout-branch-selector .icon-caret-down, html .portlet-staging-bar .layout-set-branch-selector .icon-caret-down {
    background-color: #469DE3; }
  html .portlet-staging-bar .page-variations-options .lfr-icon-menu, html .portlet-staging-bar .site-pages-variation-options .lfr-icon-menu {
    background-color: #50AFE9; }
    html .portlet-staging-bar .page-variations-options .lfr-icon-menu .icon-globe, html .portlet-staging-bar .page-variations-options .lfr-icon-menu .icon-file, html .portlet-staging-bar .site-pages-variation-options .lfr-icon-menu .icon-globe, html .portlet-staging-bar .site-pages-variation-options .lfr-icon-menu .icon-file {
      background-color: #469DE3; }
  html #footer {
    text-align: right; }
  html .lfr-hudcrumbs {
    position: fixed;
    top: 0;
    z-index: 300; }
    html .lfr-hudcrumbs .breadcrumb {
      background: #414445;
      background: rgba(0, 0, 0, 0.8); }
      html .lfr-hudcrumbs .breadcrumb li a, html .lfr-hudcrumbs .breadcrumb li span {
        color: #FFF; }
  html .lfr-panel-container {
    background-color: transparent; }
  html .lfr-portlet-title-editable-content .field {
    display: inline;
    float: none; }
  html .portlet-journal-content .lfr-icon-actions {
    margin-bottom: 3px; }
  html #navigation .nav li.open > a {
    box-shadow: none; }
  html #navigation .nav .dropdown-menu {
    border-radius: 0; }
  html #navigation .nav > .active > a {
    background-color: #118ADE;
    background-image: -webkit-linear-gradient(#118ADE 0%, #118ADE 47%, #1273C7 100%);
    background-image: linear-gradient(to   , #118ADE 47%, #1273C7 100%);
    box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF118ADE', endColorstr='#FF1273C7'); }
  html #navigation .navbar-inner {
    border-radius: 0;
    box-shadow: none; }
    html #navigation .navbar-inner li a {
      text-shadow: none; }
  html .update-reminder-query .reminder-query-answer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  html .modify-pages .delete-tab {
    border-radius: 50%;
    text-shadow: none;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    html .modify-pages .delete-tab:hover {
      box-shadow: 0 1px 1px -1px #000; }
  html .portlet-borderless-bar, html .portlet-content .lfr-icon-actions {
    border-radius: 20px;
    box-shadow: inset 0 1px 3px #000; }
  html .portlet-borderless-bar .portlet-actions {
    box-shadow: inset 2px 1px 2px #000; }
  html .portlet-borderless-bar .portlet-title-default {
    box-shadow: inset -2px 1px 2px #000; }
  html .portlet-content, html .portlet-minimized .portlet-content-container {
    border-radius: 0 0 3px 3px; }
  html .portlet-minimized .portlet-content {
    border-width: 0; }
  html .portlet-minimized .portlet-topper {
    border-radius: 3px; }
  html .portlet-nested-portlets .portlet-body .portlet, html .portlet-nested-portlets .portlet-body .portlet-borderless-container {
    box-shadow: none; }
  html .portlet-topper {
    border-radius: 3px 3px 0 0; }
  html .dockbar .staging-bar .staging-toggle > a {
    border-radius: 3px; }
  html .dockbar-split .dockbar .navbar-inner {
    box-shadow: none;
    text-shadow: none; }
    @media (max-width: 991.98px) {
      html .dockbar-split .dockbar .navbar-inner {
        background-color: #118ADE;
        background-image: -webkit-linear-gradient(#118ADE, #1273C7);
        background-image: linear-gradient(#118ADE, #1273C7); } }
    html .dockbar-split .dockbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
      background-color: #0EA6F9;
      background-image: -webkit-linear-gradient(#0EA6F9, #0993DD);
      background-image: linear-gradient(#0EA6F9, #0993DD);
      box-shadow: none; }
    html .dockbar-split .dockbar .navbar-inner .nav li.dropdown.active > .staging-link.dropdown-toggle {
      background-color: #55B8EC;
      background-image: none; }
  html .lfr-hudcrumbs ul {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  html .lfr-hudcrumbs .breadcrumb li a, html .lfr-hudcrumbs .breadcrumb li span {
    text-shadow: -1px -1px #000; }
  html.ie8 .dockbar-split .dockbar .navbar-inner .info-button a {
    margin-top: -2px; }

/** gestion des images dans la page d'acceuil*/
@media (min-width: 769px) {
  .imagesWelcomeAlignedCenter {
    text-align: center; }
  .imagesWelcomeAlignedLeft {
    text-align: left; }
  .imagesWelcomeAlignedRight {
    text-align: right; } }

@media (max-width: 768px) {
  .imagesWelcomeAlignedCenter {
    text-align: center; }
  .imagesWelcomeAlignedLeft {
    text-align: center; }
  .imagesWelcomeAlignedRight {
    text-align: center; } }

.imageLeft_Site2 {
  display: block;
  float: left; }

.imageRight_Site2 {
  display: block;
  float: right; }

@media (min-width: 993px) {
  .imageLeft_Site2 {
    float: left; }
  .imageRight_Site2 {
    float: right; } }

@media (max-width: 1199px) {
  .imageLeft_Site2 {
    float: none; }
  .imageRight_Site2 {
    float: none; } }

/*************************/
#wrapper {
  padding: 0; }

html, body, #wrapper {
  height: 100%; }

#skip-to-content {
  clip: rect(0 0 0 0);
  position: absolute; }

/* Desktop */
@media (min-width: 980px) {
  .portlet-dockbar {
    height: 44px; }
  .portlet-dockbar + #wrapper {
    height: calc(100% - 45px); }
  #banner {
    height: 70px; }
  #banner.has-secondary-menu {
    height: auto; }
  #content {
    min-height: calc(100% - 110px); }
  #banner.has-secondary-menu + #content {
    min-height: calc(100% - 185px); }
  #footer {
    height: 72px; } }

@media (max-width: 979px) {
  html body {
    margin-top: 20px; }
  html #heading .site-title img {
    width: auto; } }

/** Main content */
#content {
  background-color: white; }

#content #hrefFm {
  margin: 0; }

/** Header */
#heading {
  height: 66px; }

/** Banner */
#banner {
  background-color: white; }

/** Footer */
#footer {
  color: white;
  background-color: #344265;
  border-top: 2px solid #ACDB11;
  padding: 0; }

#footer a, #footer a:hover, #footer p {
  color: white; }

#footer p {
  /**margin-bottom: 0px; */
  padding: 5px 150px;
  margin: -41px 0 0;
  color: #9A9A9A; }

#footer p span {
  margin-right: 10px;
  font-size: 15px; }

#footer p a {
  font-size: 20px;
  font-weight: bold; }

#footer ul {
  font-size: inherit;
  margin-right: 30%; }

#footer ul li {
  display: inline-block;
  margin-top: 20px;
  margin-right: 80px; }

#footer ul li a {
  color: #9A9A9A;
  font-weight: normal;
  font-size: 15px;
  padding-left: 10px; }

/** Portlets */
/*.controls-hidden .portlet-topper {
	display: none;
}*/
.controls-hidden .portlet-content {
  border: none;
  padding: 0; }

/** Menu fixes */
html {
  overflow-x: hidden; }

@media (min-width: 980px) {
  /* disable horizontal scrolling to hide elements */
  ul.fixed-width-navbar, .menu-horizontal ul.niveau0 {
    white-space: nowrap; }
  ul.fixed-width-navbar ul, .menu-horizontal ul.niveau0 ul {
    white-space: initial; } }

.show-more.hidden {
  display: none; }

/** CSS bug on show-more refactoring */
#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item.selected.active.open a[role="menuitem"] span {
  color: inherit !important; }

/** Breadcrumbs container in theme */
html #breadcrumbs {
  margin-bottom: 0px; }

/** All breadcrumbs */
html .breadcrumb {
  padding: 0;
  margin: 5px 0 0 80px;
  font-size: 0.9em;
  background-color: transparent; }

html .breadcrumb a {
  color: #666666; }

html .breadcrumb .active {
  color: #999999; }

html .breadcrumb li span.divider {
  color: transparent; }

html .breadcrumb li span.divider:after {
  content: '\000BB';
  color: #96BE0E;
  margin-right: 3px;
  /*     position: relative; */
  /*     bottom: 1px; */ }

@media (max-width: 979px) {
  html .breadcrumb {
    display: none; }
  html .portlet-breadcrumb .portlet-body {
    padding: 0 !important; } }

html .modal {
  border-radius: 0;
  border: 1px solid #F4F4F4;
  margin-left: 0; }

html .esab-dialog {
  border: 1px solid white;
  background-color: #F4F4F4; }

html .esab-dialog .modal-header {
  border-bottom: 0; }

html .esab-dialog .esab-dialog-title,
html .esab-dialog .esab-dialog-content {
  padding: 0px 40px; }

html .esab-dialog .esab-dialog-title {
  font-weight: normal;
  font-size: 1.6em;
  padding-top: 1.5em;
  color: #666666; }

html .esab-dialog .esab-dialog-content {
  color: #999999; }

/* FIXME (moins urgent) */
/*
FIXME : include in .ypw-portlet
*/
html #navigation .navbar-inner li a {
  font-weight: normal; }

html .nav-secondary .nav > li > a {
  color: rgba(255, 255, 255, 0.8) !important;
  outline: none !important; }

html .nav-secondary .nav > li.open > a {
  color: white !important; }

@media (max-width: 979px) {
  html nav.nav-secondary .esab-toolbar {
    z-index: 5;
    background: none;
    background: linear-gradient(to right, #2a375a, #465773);
    padding-top: 15px;
    padding-bottom: 15px; } }

html #navigation .nav .dropdown-menu {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

html body {
  font-weight: normal;
  font-family: 'robotoregular'; }

/* FIXME */
/*login page*/
/* by KOEIN */
/* Added on 5/5/2016 SIGN IN */
html body {
  font-weight: normal;
  font-family: 'robotoregular'; }

form.form.sign-in-form {
  width: 100%;
  min-height: calc(100vh - 198px);
  background: url(../images/signInBg.png) no-repeat;
  margin: 0;
  padding-bottom: 20px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

form.form.sign-in-form .fieldset {
  margin: auto;
  width: 90%;
  padding-top: 255px; }

form.form.sign-in-form .fieldset.clavier {
  padding-top: 20px; }

form.form.sign-in-form .fieldset .form-group {
  height: 43px;
  position: relative;
  max-width: 450px;
  margin: auto;
  border: 1px solid transparent !important; }

form.form.sign-in-form .fieldset .form-group + .form-group {
  margin-top: 15px; }

form.form.sign-in-form .fieldset .form-group .control-label {
  position: absolute;
  line-height: 43px;
  color: #878787;
  font-size: 14px;
  font-style: italic;
  pointer-events: none;
  left: 50px;
  display: block; }

form.form.sign-in-form .fieldset .form-group input.field {
  height: 43px !important;
  padding-left: 50px !important;
  max-width: none;
  color: #666666 !important; }

form.form.sign-in-form .fieldset .form-group.toggled .control-label {
  display: none; }

form.form.sign-in-form .fieldset .form-group::before {
  font-family: 'FontAwesome';
  position: absolute;
  left: 18px;
  font-size: 19px;
  line-height: 43px;
  color: #666666; }

form.form.sign-in-form .fieldset .form-validator-stack {
  display: none !important; }

form.form.sign-in-form .fieldset .form-group:nth-child(1)::before {
  content: '\f007'; }

form.form.sign-in-form .fieldset .form-group:nth-child(2)::before {
  content: '\f023 '; }

form.form.sign-in-form .fieldset.clavier .form-group:nth-child(3)::before {
  content: '\f023 '; }

form.form.sign-in-form .fieldset + .button-holder {
  margin-top: 30px;
  text-align: center; }

form.form.sign-in-form .fieldset + .button-holder .btn {
  background-color: #96be0f;
  width: auto;
  height: 43px;
  background-image: none;
  font-weight: normal;
  font-family: 'robotomedium';
  font-size: 15px;
  -moz-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.05);
  text-transform: uppercase;
  outline: none !important; }

form.form.sign-in-form .fieldset .form-group.has-error input.field {
  border: 1px solid #EF6262 !important; }

form.form.sign-in-form .fieldset .form-group.has-error::before {
  color: #EF6262; }

body.guest-site.signed-out .alert.alert-error,
.modify-password-error {
  /* by Elias in change password page*/
  position: absolute;
  top: 185px;
  width: 390px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(239, 98, 98, 0.2);
  color: #FFF;
  border: 1px solid #ef6262;
  text-align: center;
  /*border-bottom: 0 none;*/
  border-top: 1px solid #ef6262; }

body.guest-site.signed-out .alert.alert-error.popup {
  top: 53px; }

body.guest-site.signed-out .alert.alert-error + form.form.sign-in-form .alert.alert-error {
  top: 245px; }

@media (min-width: 769px) {
  form.form.sign-in-form .fieldset + .button-holder .btn:hover {
    background-color: rgba(150, 190, 15, 0.6);
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    -webkit-transition: all 350ms;
    transition: all 350ms;
    -moz-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.03); } }

@media (max-width: 768px) {
  form.form.sign-in-form {
    padding-bottom: 80px; }
  form.form.sign-in-form .fieldset {
    padding-top: 123px; }
  form.form.sign-in-form .fieldset + .button-holder .btn {
    display: inline-block; }
  body.guest-site.signed-out .alert.alert-error {
    padding: 5px;
    max-width: calc(100% - 70px); }
  body.guest-site.signed-out .alert.alert-error + form.form.sign-in-form .alert.alert-error {
    top: 110px; } }

/** modification mot de pass */
body.guest-site.signed-in .alert.alert-error {
  /* by Elias in change password page*/
  position: relative;
  width: 400px;
  margin: auto;
  top: 10px;
  background-color: rgba(239, 98, 98, 0.85);
  color: #FFF;
  border: 1px solid #ef6262;
  text-align: center;
  border-top: 1px solid #ef6262;
  z-index: 1; }

.modify-password-error {
  top: 10px;
  display: none;
  position: relative; }

.modify-password-error .modify-password-error {
  top: 0px;
  position: relative; }

/**     */
@media (max-width: 768px) {
  body.guest-site.signed-out .alert.alert-error {
    top: 70px; } }

form.form.sign-in-form input, form.form.sign-in-form textarea, form.form.sign-in-form .uneditable-input, form.form.sign-in-form select {
  max-width: 254px;
  width: 100%;
  height: 36px !important;
  border: 1px solid #E4E4E4 !important;
  box-shadow: none !important;
  padding: 0 0 0 10px !important;
  box-sizing: border-box;
  margin-bottom: 0; }

#YPTitreLogin {
  text-align: center;
  font-size: 23px;
  color: #c4cad6;
  font-family: Raleway, sans-serif !important;
  padding-top: 130px; }

#YPTitreLoginPic {
  background: url(../images/logo_bank.png) no-repeat;
  height: 38px;
  width: 128px;
  margin: 20px auto; }

/*clavier virtuel protlet*/
.clavier-virtuel-login-portlet, .change-password-portlet {
  /*TODO: a mettre dans un wrapper commun**/
  /*!
 *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
  /* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
  /***************************************************************************************/
  /*@media (min-width:$minTablet1){.loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key:hover{
color: rgba(12, 12, 12, .5);
-o-transition:color 350ms;
-webkit-transition:color 350ms;
-moz-transition:color 350ms;
transition:color 350ms
  }
}*/
  /**Custom mike*/
  /*** guessed from boostrap*/
  /******/
  /*** riga 355163 clavier changement mot de passe*/
  /****/ }

@font-face {
  .clavier-virtuel-login-portlet, .change-password-portlet {
    font-family: 'Material-Design-Iconic-Font';
    src: url("fonts/Material-Design-Iconic-Font.woff2?v=2.2.0") format("woff2"), url("fonts/Material-Design-Iconic-Font.woff?v=2.2.0") format("woff"), url("fonts/Material-Design-Iconic-Font.ttf?v=2.2.0") format("truetype");
    font-weight: normal;
    font-style: normal; } }
  .clavier-virtuel-login-portlet .zmdi, .change-password-portlet .zmdi {
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .clavier-virtuel-login-portlet .zmdi-hc-lg, .change-password-portlet .zmdi-hc-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%; }
  .clavier-virtuel-login-portlet .zmdi-hc-2x, .change-password-portlet .zmdi-hc-2x {
    font-size: 2em; }
  .clavier-virtuel-login-portlet .zmdi-hc-3x, .change-password-portlet .zmdi-hc-3x {
    font-size: 3em; }
  .clavier-virtuel-login-portlet .zmdi-hc-4x, .change-password-portlet .zmdi-hc-4x {
    font-size: 4em; }
  .clavier-virtuel-login-portlet .zmdi-hc-5x, .change-password-portlet .zmdi-hc-5x {
    font-size: 5em; }
  .clavier-virtuel-login-portlet .zmdi-hc-fw, .change-password-portlet .zmdi-hc-fw {
    width: 1.28571429em;
    text-align: center; }
  .clavier-virtuel-login-portlet .zmdi-hc-ul, .change-password-portlet .zmdi-hc-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none; }
  .clavier-virtuel-login-portlet .zmdi-hc-ul > li, .change-password-portlet .zmdi-hc-ul > li {
    position: relative; }
  .clavier-virtuel-login-portlet .zmdi-hc-li, .change-password-portlet .zmdi-hc-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center; }
  .clavier-virtuel-login-portlet .zmdi-hc-li.zmdi-hc-lg, .change-password-portlet .zmdi-hc-li.zmdi-hc-lg {
    left: -1.85714286em; }
  .clavier-virtuel-login-portlet .zmdi-hc-border, .change-password-portlet .zmdi-hc-border {
    padding: .1em .25em;
    border: solid 0.1em #9e9e9e;
    border-radius: 2px; }
  .clavier-virtuel-login-portlet .zmdi-hc-border-circle, .change-password-portlet .zmdi-hc-border-circle {
    padding: .1em .25em;
    border: solid 0.1em #9e9e9e;
    border-radius: 50%; }
  .clavier-virtuel-login-portlet .zmdi.pull-left, .change-password-portlet .zmdi.pull-left {
    float: left;
    margin-right: .15em; }
  .clavier-virtuel-login-portlet .zmdi.pull-right, .change-password-portlet .zmdi.pull-right {
    float: right;
    margin-left: .15em; }
  .clavier-virtuel-login-portlet .zmdi-hc-spin, .change-password-portlet .zmdi-hc-spin {
    -webkit-animation: zmdi-spin 1.5s infinite linear;
    animation: zmdi-spin 1.5s infinite linear; }
  .clavier-virtuel-login-portlet .zmdi-hc-spin-reverse, .change-password-portlet .zmdi-hc-spin-reverse {
    -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
    animation: zmdi-spin-reverse 1.5s infinite linear; }

@-webkit-keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }

@keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }
  .clavier-virtuel-login-portlet .zmdi-hc-rotate-90, .change-password-portlet .zmdi-hc-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .clavier-virtuel-login-portlet .zmdi-hc-rotate-180, .change-password-portlet .zmdi-hc-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .clavier-virtuel-login-portlet .zmdi-hc-rotate-270, .change-password-portlet .zmdi-hc-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  .clavier-virtuel-login-portlet .zmdi-hc-flip-horizontal, .change-password-portlet .zmdi-hc-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  .clavier-virtuel-login-portlet .zmdi-hc-flip-vertical, .change-password-portlet .zmdi-hc-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1); }
  .clavier-virtuel-login-portlet .zmdi-hc-stack, .change-password-portlet .zmdi-hc-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle; }
  .clavier-virtuel-login-portlet .zmdi-hc-stack-1x,
  .clavier-virtuel-login-portlet .zmdi-hc-stack-2x, .change-password-portlet .zmdi-hc-stack-1x,
  .change-password-portlet .zmdi-hc-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center; }
  .clavier-virtuel-login-portlet .zmdi-hc-stack-1x, .change-password-portlet .zmdi-hc-stack-1x {
    line-height: inherit; }
  .clavier-virtuel-login-portlet .zmdi-hc-stack-2x, .change-password-portlet .zmdi-hc-stack-2x {
    font-size: 2em; }
  .clavier-virtuel-login-portlet .zmdi-hc-inverse, .change-password-portlet .zmdi-hc-inverse {
    color: #ffffff; }
  .clavier-virtuel-login-portlet .zmdi-3d-rotation:before, .change-password-portlet .zmdi-3d-rotation:before {
    content: '\f101'; }
  .clavier-virtuel-login-portlet .zmdi-airplane-off:before, .change-password-portlet .zmdi-airplane-off:before {
    content: '\f102'; }
  .clavier-virtuel-login-portlet .zmdi-airplane:before, .change-password-portlet .zmdi-airplane:before {
    content: '\f103'; }
  .clavier-virtuel-login-portlet .zmdi-album:before, .change-password-portlet .zmdi-album:before {
    content: '\f104'; }
  .clavier-virtuel-login-portlet .zmdi-archive:before, .change-password-portlet .zmdi-archive:before {
    content: '\f105'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-account:before, .change-password-portlet .zmdi-assignment-account:before {
    content: '\f106'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-alert:before, .change-password-portlet .zmdi-assignment-alert:before {
    content: '\f107'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-check:before, .change-password-portlet .zmdi-assignment-check:before {
    content: '\f108'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-o:before, .change-password-portlet .zmdi-assignment-o:before {
    content: '\f109'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-return:before, .change-password-portlet .zmdi-assignment-return:before {
    content: '\f10a'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-returned:before, .change-password-portlet .zmdi-assignment-returned:before {
    content: '\f10b'; }
  .clavier-virtuel-login-portlet .zmdi-assignment:before, .change-password-portlet .zmdi-assignment:before {
    content: '\f10c'; }
  .clavier-virtuel-login-portlet .zmdi-attachment-alt:before, .change-password-portlet .zmdi-attachment-alt:before {
    content: '\f10d'; }
  .clavier-virtuel-login-portlet .zmdi-attachment:before, .change-password-portlet .zmdi-attachment:before {
    content: '\f10e'; }
  .clavier-virtuel-login-portlet .zmdi-audio:before, .change-password-portlet .zmdi-audio:before {
    content: '\f10f'; }
  .clavier-virtuel-login-portlet .zmdi-badge-check:before, .change-password-portlet .zmdi-badge-check:before {
    content: '\f110'; }
  .clavier-virtuel-login-portlet .zmdi-balance-wallet:before, .change-password-portlet .zmdi-balance-wallet:before {
    content: '\f111'; }
  .clavier-virtuel-login-portlet .zmdi-balance:before, .change-password-portlet .zmdi-balance:before {
    content: '\f112'; }
  .clavier-virtuel-login-portlet .zmdi-battery-alert:before, .change-password-portlet .zmdi-battery-alert:before {
    content: '\f113'; }
  .clavier-virtuel-login-portlet .zmdi-battery-flash:before, .change-password-portlet .zmdi-battery-flash:before {
    content: '\f114'; }
  .clavier-virtuel-login-portlet .zmdi-battery-unknown:before, .change-password-portlet .zmdi-battery-unknown:before {
    content: '\f115'; }
  .clavier-virtuel-login-portlet .zmdi-battery:before, .change-password-portlet .zmdi-battery:before {
    content: '\f116'; }
  .clavier-virtuel-login-portlet .zmdi-bike:before, .change-password-portlet .zmdi-bike:before {
    content: '\f117'; }
  .clavier-virtuel-login-portlet .zmdi-block-alt:before, .change-password-portlet .zmdi-block-alt:before {
    content: '\f118'; }
  .clavier-virtuel-login-portlet .zmdi-block:before, .change-password-portlet .zmdi-block:before {
    content: '\f119'; }
  .clavier-virtuel-login-portlet .zmdi-boat:before, .change-password-portlet .zmdi-boat:before {
    content: '\f11a'; }
  .clavier-virtuel-login-portlet .zmdi-book-image:before, .change-password-portlet .zmdi-book-image:before {
    content: '\f11b'; }
  .clavier-virtuel-login-portlet .zmdi-book:before, .change-password-portlet .zmdi-book:before {
    content: '\f11c'; }
  .clavier-virtuel-login-portlet .zmdi-bookmark-outline:before, .change-password-portlet .zmdi-bookmark-outline:before {
    content: '\f11d'; }
  .clavier-virtuel-login-portlet .zmdi-bookmark:before, .change-password-portlet .zmdi-bookmark:before {
    content: '\f11e'; }
  .clavier-virtuel-login-portlet .zmdi-brush:before, .change-password-portlet .zmdi-brush:before {
    content: '\f11f'; }
  .clavier-virtuel-login-portlet .zmdi-bug:before, .change-password-portlet .zmdi-bug:before {
    content: '\f120'; }
  .clavier-virtuel-login-portlet .zmdi-bus:before, .change-password-portlet .zmdi-bus:before {
    content: '\f121'; }
  .clavier-virtuel-login-portlet .zmdi-cake:before, .change-password-portlet .zmdi-cake:before {
    content: '\f122'; }
  .clavier-virtuel-login-portlet .zmdi-car-taxi:before, .change-password-portlet .zmdi-car-taxi:before {
    content: '\f123'; }
  .clavier-virtuel-login-portlet .zmdi-car-wash:before, .change-password-portlet .zmdi-car-wash:before {
    content: '\f124'; }
  .clavier-virtuel-login-portlet .zmdi-car:before, .change-password-portlet .zmdi-car:before {
    content: '\f125'; }
  .clavier-virtuel-login-portlet .zmdi-card-giftcard:before, .change-password-portlet .zmdi-card-giftcard:before {
    content: '\f126'; }
  .clavier-virtuel-login-portlet .zmdi-card-membership:before, .change-password-portlet .zmdi-card-membership:before {
    content: '\f127'; }
  .clavier-virtuel-login-portlet .zmdi-card-travel:before, .change-password-portlet .zmdi-card-travel:before {
    content: '\f128'; }
  .clavier-virtuel-login-portlet .zmdi-card:before, .change-password-portlet .zmdi-card:before {
    content: '\f129'; }
  .clavier-virtuel-login-portlet .zmdi-case-check:before, .change-password-portlet .zmdi-case-check:before {
    content: '\f12a'; }
  .clavier-virtuel-login-portlet .zmdi-case-download:before, .change-password-portlet .zmdi-case-download:before {
    content: '\f12b'; }
  .clavier-virtuel-login-portlet .zmdi-case-play:before, .change-password-portlet .zmdi-case-play:before {
    content: '\f12c'; }
  .clavier-virtuel-login-portlet .zmdi-case:before, .change-password-portlet .zmdi-case:before {
    content: '\f12d'; }
  .clavier-virtuel-login-portlet .zmdi-cast-connected:before, .change-password-portlet .zmdi-cast-connected:before {
    content: '\f12e'; }
  .clavier-virtuel-login-portlet .zmdi-cast:before, .change-password-portlet .zmdi-cast:before {
    content: '\f12f'; }
  .clavier-virtuel-login-portlet .zmdi-chart-donut:before, .change-password-portlet .zmdi-chart-donut:before {
    content: '\f130'; }
  .clavier-virtuel-login-portlet .zmdi-chart:before, .change-password-portlet .zmdi-chart:before {
    content: '\f131'; }
  .clavier-virtuel-login-portlet .zmdi-city-alt:before, .change-password-portlet .zmdi-city-alt:before {
    content: '\f132'; }
  .clavier-virtuel-login-portlet .zmdi-city:before, .change-password-portlet .zmdi-city:before {
    content: '\f133'; }
  .clavier-virtuel-login-portlet .zmdi-close-circle-o:before, .change-password-portlet .zmdi-close-circle-o:before {
    content: '\f134'; }
  .clavier-virtuel-login-portlet .zmdi-close-circle:before, .change-password-portlet .zmdi-close-circle:before {
    content: '\f135'; }
  .clavier-virtuel-login-portlet .zmdi-close:before, .change-password-portlet .zmdi-close:before {
    content: '\f136'; }
  .clavier-virtuel-login-portlet .zmdi-cocktail:before, .change-password-portlet .zmdi-cocktail:before {
    content: '\f137'; }
  .clavier-virtuel-login-portlet .zmdi-code-setting:before, .change-password-portlet .zmdi-code-setting:before {
    content: '\f138'; }
  .clavier-virtuel-login-portlet .zmdi-code-smartphone:before, .change-password-portlet .zmdi-code-smartphone:before {
    content: '\f139'; }
  .clavier-virtuel-login-portlet .zmdi-code:before, .change-password-portlet .zmdi-code:before {
    content: '\f13a'; }
  .clavier-virtuel-login-portlet .zmdi-coffee:before, .change-password-portlet .zmdi-coffee:before {
    content: '\f13b'; }
  .clavier-virtuel-login-portlet .zmdi-collection-bookmark:before, .change-password-portlet .zmdi-collection-bookmark:before {
    content: '\f13c'; }
  .clavier-virtuel-login-portlet .zmdi-collection-case-play:before, .change-password-portlet .zmdi-collection-case-play:before {
    content: '\f13d'; }
  .clavier-virtuel-login-portlet .zmdi-collection-folder-image:before, .change-password-portlet .zmdi-collection-folder-image:before {
    content: '\f13e'; }
  .clavier-virtuel-login-portlet .zmdi-collection-image-o:before, .change-password-portlet .zmdi-collection-image-o:before {
    content: '\f13f'; }
  .clavier-virtuel-login-portlet .zmdi-collection-image:before, .change-password-portlet .zmdi-collection-image:before {
    content: '\f140'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-1:before, .change-password-portlet .zmdi-collection-item-1:before {
    content: '\f141'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-2:before, .change-password-portlet .zmdi-collection-item-2:before {
    content: '\f142'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-3:before, .change-password-portlet .zmdi-collection-item-3:before {
    content: '\f143'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-4:before, .change-password-portlet .zmdi-collection-item-4:before {
    content: '\f144'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-5:before, .change-password-portlet .zmdi-collection-item-5:before {
    content: '\f145'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-6:before, .change-password-portlet .zmdi-collection-item-6:before {
    content: '\f146'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-7:before, .change-password-portlet .zmdi-collection-item-7:before {
    content: '\f147'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-8:before, .change-password-portlet .zmdi-collection-item-8:before {
    content: '\f148'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-9-plus:before, .change-password-portlet .zmdi-collection-item-9-plus:before {
    content: '\f149'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-9:before, .change-password-portlet .zmdi-collection-item-9:before {
    content: '\f14a'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item:before, .change-password-portlet .zmdi-collection-item:before {
    content: '\f14b'; }
  .clavier-virtuel-login-portlet .zmdi-collection-music:before, .change-password-portlet .zmdi-collection-music:before {
    content: '\f14c'; }
  .clavier-virtuel-login-portlet .zmdi-collection-pdf:before, .change-password-portlet .zmdi-collection-pdf:before {
    content: '\f14d'; }
  .clavier-virtuel-login-portlet .zmdi-collection-plus:before, .change-password-portlet .zmdi-collection-plus:before {
    content: '\f14e'; }
  .clavier-virtuel-login-portlet .zmdi-collection-speaker:before, .change-password-portlet .zmdi-collection-speaker:before {
    content: '\f14f'; }
  .clavier-virtuel-login-portlet .zmdi-collection-text:before, .change-password-portlet .zmdi-collection-text:before {
    content: '\f150'; }
  .clavier-virtuel-login-portlet .zmdi-collection-video:before, .change-password-portlet .zmdi-collection-video:before {
    content: '\f151'; }
  .clavier-virtuel-login-portlet .zmdi-compass:before, .change-password-portlet .zmdi-compass:before {
    content: '\f152'; }
  .clavier-virtuel-login-portlet .zmdi-cutlery:before, .change-password-portlet .zmdi-cutlery:before {
    content: '\f153'; }
  .clavier-virtuel-login-portlet .zmdi-delete:before, .change-password-portlet .zmdi-delete:before {
    content: '\f154'; }
  .clavier-virtuel-login-portlet .zmdi-dialpad:before, .change-password-portlet .zmdi-dialpad:before {
    content: '\f155'; }
  .clavier-virtuel-login-portlet .zmdi-dns:before, .change-password-portlet .zmdi-dns:before {
    content: '\f156'; }
  .clavier-virtuel-login-portlet .zmdi-drink:before, .change-password-portlet .zmdi-drink:before {
    content: '\f157'; }
  .clavier-virtuel-login-portlet .zmdi-edit:before, .change-password-portlet .zmdi-edit:before {
    content: '\f158'; }
  .clavier-virtuel-login-portlet .zmdi-email-open:before, .change-password-portlet .zmdi-email-open:before {
    content: '\f159'; }
  .clavier-virtuel-login-portlet .zmdi-email:before, .change-password-portlet .zmdi-email:before {
    content: '\f15a'; }
  .clavier-virtuel-login-portlet .zmdi-eye-off:before, .change-password-portlet .zmdi-eye-off:before {
    content: '\f15b'; }
  .clavier-virtuel-login-portlet .zmdi-eye:before, .change-password-portlet .zmdi-eye:before {
    content: '\f15c'; }
  .clavier-virtuel-login-portlet .zmdi-eyedropper:before, .change-password-portlet .zmdi-eyedropper:before {
    content: '\f15d'; }
  .clavier-virtuel-login-portlet .zmdi-favorite-outline:before, .change-password-portlet .zmdi-favorite-outline:before {
    content: '\f15e'; }
  .clavier-virtuel-login-portlet .zmdi-favorite:before, .change-password-portlet .zmdi-favorite:before {
    content: '\f15f'; }
  .clavier-virtuel-login-portlet .zmdi-filter-list:before, .change-password-portlet .zmdi-filter-list:before {
    content: '\f160'; }
  .clavier-virtuel-login-portlet .zmdi-fire:before, .change-password-portlet .zmdi-fire:before {
    content: '\f161'; }
  .clavier-virtuel-login-portlet .zmdi-flag:before, .change-password-portlet .zmdi-flag:before {
    content: '\f162'; }
  .clavier-virtuel-login-portlet .zmdi-flare:before, .change-password-portlet .zmdi-flare:before {
    content: '\f163'; }
  .clavier-virtuel-login-portlet .zmdi-flash-auto:before, .change-password-portlet .zmdi-flash-auto:before {
    content: '\f164'; }
  .clavier-virtuel-login-portlet .zmdi-flash-off:before, .change-password-portlet .zmdi-flash-off:before {
    content: '\f165'; }
  .clavier-virtuel-login-portlet .zmdi-flash:before, .change-password-portlet .zmdi-flash:before {
    content: '\f166'; }
  .clavier-virtuel-login-portlet .zmdi-flip:before, .change-password-portlet .zmdi-flip:before {
    content: '\f167'; }
  .clavier-virtuel-login-portlet .zmdi-flower-alt:before, .change-password-portlet .zmdi-flower-alt:before {
    content: '\f168'; }
  .clavier-virtuel-login-portlet .zmdi-flower:before, .change-password-portlet .zmdi-flower:before {
    content: '\f169'; }
  .clavier-virtuel-login-portlet .zmdi-font:before, .change-password-portlet .zmdi-font:before {
    content: '\f16a'; }
  .clavier-virtuel-login-portlet .zmdi-fullscreen-alt:before, .change-password-portlet .zmdi-fullscreen-alt:before {
    content: '\f16b'; }
  .clavier-virtuel-login-portlet .zmdi-fullscreen-exit:before, .change-password-portlet .zmdi-fullscreen-exit:before {
    content: '\f16c'; }
  .clavier-virtuel-login-portlet .zmdi-fullscreen:before, .change-password-portlet .zmdi-fullscreen:before {
    content: '\f16d'; }
  .clavier-virtuel-login-portlet .zmdi-functions:before, .change-password-portlet .zmdi-functions:before {
    content: '\f16e'; }
  .clavier-virtuel-login-portlet .zmdi-gas-station:before, .change-password-portlet .zmdi-gas-station:before {
    content: '\f16f'; }
  .clavier-virtuel-login-portlet .zmdi-gesture:before, .change-password-portlet .zmdi-gesture:before {
    content: '\f170'; }
  .clavier-virtuel-login-portlet .zmdi-globe-alt:before, .change-password-portlet .zmdi-globe-alt:before {
    content: '\f171'; }
  .clavier-virtuel-login-portlet .zmdi-globe-lock:before, .change-password-portlet .zmdi-globe-lock:before {
    content: '\f172'; }
  .clavier-virtuel-login-portlet .zmdi-globe:before, .change-password-portlet .zmdi-globe:before {
    content: '\f173'; }
  .clavier-virtuel-login-portlet .zmdi-graduation-cap:before, .change-password-portlet .zmdi-graduation-cap:before {
    content: '\f174'; }
  .clavier-virtuel-login-portlet .zmdi-home:before, .change-password-portlet .zmdi-home:before {
    content: '\f175'; }
  .clavier-virtuel-login-portlet .zmdi-hospital-alt:before, .change-password-portlet .zmdi-hospital-alt:before {
    content: '\f176'; }
  .clavier-virtuel-login-portlet .zmdi-hospital:before, .change-password-portlet .zmdi-hospital:before {
    content: '\f177'; }
  .clavier-virtuel-login-portlet .zmdi-hotel:before, .change-password-portlet .zmdi-hotel:before {
    content: '\f178'; }
  .clavier-virtuel-login-portlet .zmdi-hourglass-alt:before, .change-password-portlet .zmdi-hourglass-alt:before {
    content: '\f179'; }
  .clavier-virtuel-login-portlet .zmdi-hourglass-outline:before, .change-password-portlet .zmdi-hourglass-outline:before {
    content: '\f17a'; }
  .clavier-virtuel-login-portlet .zmdi-hourglass:before, .change-password-portlet .zmdi-hourglass:before {
    content: '\f17b'; }
  .clavier-virtuel-login-portlet .zmdi-http:before, .change-password-portlet .zmdi-http:before {
    content: '\f17c'; }
  .clavier-virtuel-login-portlet .zmdi-image-alt:before, .change-password-portlet .zmdi-image-alt:before {
    content: '\f17d'; }
  .clavier-virtuel-login-portlet .zmdi-image-o:before, .change-password-portlet .zmdi-image-o:before {
    content: '\f17e'; }
  .clavier-virtuel-login-portlet .zmdi-image:before, .change-password-portlet .zmdi-image:before {
    content: '\f17f'; }
  .clavier-virtuel-login-portlet .zmdi-inbox:before, .change-password-portlet .zmdi-inbox:before {
    content: '\f180'; }
  .clavier-virtuel-login-portlet .zmdi-invert-colors-off:before, .change-password-portlet .zmdi-invert-colors-off:before {
    content: '\f181'; }
  .clavier-virtuel-login-portlet .zmdi-invert-colors:before, .change-password-portlet .zmdi-invert-colors:before {
    content: '\f182'; }
  .clavier-virtuel-login-portlet .zmdi-key:before, .change-password-portlet .zmdi-key:before {
    content: '\f183'; }
  .clavier-virtuel-login-portlet .zmdi-label-alt-outline:before, .change-password-portlet .zmdi-label-alt-outline:before {
    content: '\f184'; }
  .clavier-virtuel-login-portlet .zmdi-label-alt:before, .change-password-portlet .zmdi-label-alt:before {
    content: '\f185'; }
  .clavier-virtuel-login-portlet .zmdi-label-heart:before, .change-password-portlet .zmdi-label-heart:before {
    content: '\f186'; }
  .clavier-virtuel-login-portlet .zmdi-label:before, .change-password-portlet .zmdi-label:before {
    content: '\f187'; }
  .clavier-virtuel-login-portlet .zmdi-labels:before, .change-password-portlet .zmdi-labels:before {
    content: '\f188'; }
  .clavier-virtuel-login-portlet .zmdi-lamp:before, .change-password-portlet .zmdi-lamp:before {
    content: '\f189'; }
  .clavier-virtuel-login-portlet .zmdi-landscape:before, .change-password-portlet .zmdi-landscape:before {
    content: '\f18a'; }
  .clavier-virtuel-login-portlet .zmdi-layers-off:before, .change-password-portlet .zmdi-layers-off:before {
    content: '\f18b'; }
  .clavier-virtuel-login-portlet .zmdi-layers:before, .change-password-portlet .zmdi-layers:before {
    content: '\f18c'; }
  .clavier-virtuel-login-portlet .zmdi-library:before, .change-password-portlet .zmdi-library:before {
    content: '\f18d'; }
  .clavier-virtuel-login-portlet .zmdi-link:before, .change-password-portlet .zmdi-link:before {
    content: '\f18e'; }
  .clavier-virtuel-login-portlet .zmdi-lock-open:before, .change-password-portlet .zmdi-lock-open:before {
    content: '\f18f'; }
  .clavier-virtuel-login-portlet .zmdi-lock-outline:before, .change-password-portlet .zmdi-lock-outline:before {
    content: '\f190'; }
  .clavier-virtuel-login-portlet .zmdi-lock:before, .change-password-portlet .zmdi-lock:before {
    content: '\f191'; }
  .clavier-virtuel-login-portlet .zmdi-mail-reply-all:before, .change-password-portlet .zmdi-mail-reply-all:before {
    content: '\f192'; }
  .clavier-virtuel-login-portlet .zmdi-mail-reply:before, .change-password-portlet .zmdi-mail-reply:before {
    content: '\f193'; }
  .clavier-virtuel-login-portlet .zmdi-mail-send:before, .change-password-portlet .zmdi-mail-send:before {
    content: '\f194'; }
  .clavier-virtuel-login-portlet .zmdi-mall:before, .change-password-portlet .zmdi-mall:before {
    content: '\f195'; }
  .clavier-virtuel-login-portlet .zmdi-map:before, .change-password-portlet .zmdi-map:before {
    content: '\f196'; }
  .clavier-virtuel-login-portlet .zmdi-menu:before, .change-password-portlet .zmdi-menu:before {
    content: '\f197'; }
  .clavier-virtuel-login-portlet .zmdi-money-box:before, .change-password-portlet .zmdi-money-box:before {
    content: '\f198'; }
  .clavier-virtuel-login-portlet .zmdi-money-off:before, .change-password-portlet .zmdi-money-off:before {
    content: '\f199'; }
  .clavier-virtuel-login-portlet .zmdi-money:before, .change-password-portlet .zmdi-money:before {
    content: '\f19a'; }
  .clavier-virtuel-login-portlet .zmdi-more-vert:before, .change-password-portlet .zmdi-more-vert:before {
    content: '\f19b'; }
  .clavier-virtuel-login-portlet .zmdi-more:before, .change-password-portlet .zmdi-more:before {
    content: '\f19c'; }
  .clavier-virtuel-login-portlet .zmdi-movie-alt:before, .change-password-portlet .zmdi-movie-alt:before {
    content: '\f19d'; }
  .clavier-virtuel-login-portlet .zmdi-movie:before, .change-password-portlet .zmdi-movie:before {
    content: '\f19e'; }
  .clavier-virtuel-login-portlet .zmdi-nature-people:before, .change-password-portlet .zmdi-nature-people:before {
    content: '\f19f'; }
  .clavier-virtuel-login-portlet .zmdi-nature:before, .change-password-portlet .zmdi-nature:before {
    content: '\f1a0'; }
  .clavier-virtuel-login-portlet .zmdi-navigation:before, .change-password-portlet .zmdi-navigation:before {
    content: '\f1a1'; }
  .clavier-virtuel-login-portlet .zmdi-open-in-browser:before, .change-password-portlet .zmdi-open-in-browser:before {
    content: '\f1a2'; }
  .clavier-virtuel-login-portlet .zmdi-open-in-new:before, .change-password-portlet .zmdi-open-in-new:before {
    content: '\f1a3'; }
  .clavier-virtuel-login-portlet .zmdi-palette:before, .change-password-portlet .zmdi-palette:before {
    content: '\f1a4'; }
  .clavier-virtuel-login-portlet .zmdi-parking:before, .change-password-portlet .zmdi-parking:before {
    content: '\f1a5'; }
  .clavier-virtuel-login-portlet .zmdi-pin-account:before, .change-password-portlet .zmdi-pin-account:before {
    content: '\f1a6'; }
  .clavier-virtuel-login-portlet .zmdi-pin-assistant:before, .change-password-portlet .zmdi-pin-assistant:before {
    content: '\f1a7'; }
  .clavier-virtuel-login-portlet .zmdi-pin-drop:before, .change-password-portlet .zmdi-pin-drop:before {
    content: '\f1a8'; }
  .clavier-virtuel-login-portlet .zmdi-pin-help:before, .change-password-portlet .zmdi-pin-help:before {
    content: '\f1a9'; }
  .clavier-virtuel-login-portlet .zmdi-pin-off:before, .change-password-portlet .zmdi-pin-off:before {
    content: '\f1aa'; }
  .clavier-virtuel-login-portlet .zmdi-pin:before, .change-password-portlet .zmdi-pin:before {
    content: '\f1ab'; }
  .clavier-virtuel-login-portlet .zmdi-pizza:before, .change-password-portlet .zmdi-pizza:before {
    content: '\f1ac'; }
  .clavier-virtuel-login-portlet .zmdi-plaster:before, .change-password-portlet .zmdi-plaster:before {
    content: '\f1ad'; }
  .clavier-virtuel-login-portlet .zmdi-power-setting:before, .change-password-portlet .zmdi-power-setting:before {
    content: '\f1ae'; }
  .clavier-virtuel-login-portlet .zmdi-power:before, .change-password-portlet .zmdi-power:before {
    content: '\f1af'; }
  .clavier-virtuel-login-portlet .zmdi-print:before, .change-password-portlet .zmdi-print:before {
    content: '\f1b0'; }
  .clavier-virtuel-login-portlet .zmdi-puzzle-piece:before, .change-password-portlet .zmdi-puzzle-piece:before {
    content: '\f1b1'; }
  .clavier-virtuel-login-portlet .zmdi-quote:before, .change-password-portlet .zmdi-quote:before {
    content: '\f1b2'; }
  .clavier-virtuel-login-portlet .zmdi-railway:before, .change-password-portlet .zmdi-railway:before {
    content: '\f1b3'; }
  .clavier-virtuel-login-portlet .zmdi-receipt:before, .change-password-portlet .zmdi-receipt:before {
    content: '\f1b4'; }
  .clavier-virtuel-login-portlet .zmdi-refresh-alt:before, .change-password-portlet .zmdi-refresh-alt:before {
    content: '\f1b5'; }
  .clavier-virtuel-login-portlet .zmdi-refresh-sync-alert:before, .change-password-portlet .zmdi-refresh-sync-alert:before {
    content: '\f1b6'; }
  .clavier-virtuel-login-portlet .zmdi-refresh-sync-off:before, .change-password-portlet .zmdi-refresh-sync-off:before {
    content: '\f1b7'; }
  .clavier-virtuel-login-portlet .zmdi-refresh-sync:before, .change-password-portlet .zmdi-refresh-sync:before {
    content: '\f1b8'; }
  .clavier-virtuel-login-portlet .zmdi-refresh:before, .change-password-portlet .zmdi-refresh:before {
    content: '\f1b9'; }
  .clavier-virtuel-login-portlet .zmdi-roller:before, .change-password-portlet .zmdi-roller:before {
    content: '\f1ba'; }
  .clavier-virtuel-login-portlet .zmdi-ruler:before, .change-password-portlet .zmdi-ruler:before {
    content: '\f1bb'; }
  .clavier-virtuel-login-portlet .zmdi-scissors:before, .change-password-portlet .zmdi-scissors:before {
    content: '\f1bc'; }
  .clavier-virtuel-login-portlet .zmdi-screen-rotation-lock:before, .change-password-portlet .zmdi-screen-rotation-lock:before {
    content: '\f1bd'; }
  .clavier-virtuel-login-portlet .zmdi-screen-rotation:before, .change-password-portlet .zmdi-screen-rotation:before {
    content: '\f1be'; }
  .clavier-virtuel-login-portlet .zmdi-search-for:before, .change-password-portlet .zmdi-search-for:before {
    content: '\f1bf'; }
  .clavier-virtuel-login-portlet .zmdi-search-in-file:before, .change-password-portlet .zmdi-search-in-file:before {
    content: '\f1c0'; }
  .clavier-virtuel-login-portlet .zmdi-search-in-page:before, .change-password-portlet .zmdi-search-in-page:before {
    content: '\f1c1'; }
  .clavier-virtuel-login-portlet .zmdi-search-replace:before, .change-password-portlet .zmdi-search-replace:before {
    content: '\f1c2'; }
  .clavier-virtuel-login-portlet .zmdi-search:before, .change-password-portlet .zmdi-search:before {
    content: '\f1c3'; }
  .clavier-virtuel-login-portlet .zmdi-seat:before, .change-password-portlet .zmdi-seat:before {
    content: '\f1c4'; }
  .clavier-virtuel-login-portlet .zmdi-settings-square:before, .change-password-portlet .zmdi-settings-square:before {
    content: '\f1c5'; }
  .clavier-virtuel-login-portlet .zmdi-settings:before, .change-password-portlet .zmdi-settings:before {
    content: '\f1c6'; }
  .clavier-virtuel-login-portlet .zmdi-shield-check:before, .change-password-portlet .zmdi-shield-check:before {
    content: '\f1c7'; }
  .clavier-virtuel-login-portlet .zmdi-shield-security:before, .change-password-portlet .zmdi-shield-security:before {
    content: '\f1c8'; }
  .clavier-virtuel-login-portlet .zmdi-shopping-basket:before, .change-password-portlet .zmdi-shopping-basket:before {
    content: '\f1c9'; }
  .clavier-virtuel-login-portlet .zmdi-shopping-cart-plus:before, .change-password-portlet .zmdi-shopping-cart-plus:before {
    content: '\f1ca'; }
  .clavier-virtuel-login-portlet .zmdi-shopping-cart:before, .change-password-portlet .zmdi-shopping-cart:before {
    content: '\f1cb'; }
  .clavier-virtuel-login-portlet .zmdi-sign-in:before, .change-password-portlet .zmdi-sign-in:before {
    content: '\f1cc'; }
  .clavier-virtuel-login-portlet .zmdi-sort-amount-asc:before, .change-password-portlet .zmdi-sort-amount-asc:before {
    content: '\f1cd'; }
  .clavier-virtuel-login-portlet .zmdi-sort-amount-desc:before, .change-password-portlet .zmdi-sort-amount-desc:before {
    content: '\f1ce'; }
  .clavier-virtuel-login-portlet .zmdi-sort-asc:before, .change-password-portlet .zmdi-sort-asc:before {
    content: '\f1cf'; }
  .clavier-virtuel-login-portlet .zmdi-sort-desc:before, .change-password-portlet .zmdi-sort-desc:before {
    content: '\f1d0'; }
  .clavier-virtuel-login-portlet .zmdi-spellcheck:before, .change-password-portlet .zmdi-spellcheck:before {
    content: '\f1d1'; }
  .clavier-virtuel-login-portlet .zmdi-storage:before, .change-password-portlet .zmdi-storage:before {
    content: '\f1d2'; }
  .clavier-virtuel-login-portlet .zmdi-store-24:before, .change-password-portlet .zmdi-store-24:before {
    content: '\f1d3'; }
  .clavier-virtuel-login-portlet .zmdi-store:before, .change-password-portlet .zmdi-store:before {
    content: '\f1d4'; }
  .clavier-virtuel-login-portlet .zmdi-subway:before, .change-password-portlet .zmdi-subway:before {
    content: '\f1d5'; }
  .clavier-virtuel-login-portlet .zmdi-sun:before, .change-password-portlet .zmdi-sun:before {
    content: '\f1d6'; }
  .clavier-virtuel-login-portlet .zmdi-tab-unselected:before, .change-password-portlet .zmdi-tab-unselected:before {
    content: '\f1d7'; }
  .clavier-virtuel-login-portlet .zmdi-tab:before, .change-password-portlet .zmdi-tab:before {
    content: '\f1d8'; }
  .clavier-virtuel-login-portlet .zmdi-tag-close:before, .change-password-portlet .zmdi-tag-close:before {
    content: '\f1d9'; }
  .clavier-virtuel-login-portlet .zmdi-tag-more:before, .change-password-portlet .zmdi-tag-more:before {
    content: '\f1da'; }
  .clavier-virtuel-login-portlet .zmdi-tag:before, .change-password-portlet .zmdi-tag:before {
    content: '\f1db'; }
  .clavier-virtuel-login-portlet .zmdi-thumb-down:before, .change-password-portlet .zmdi-thumb-down:before {
    content: '\f1dc'; }
  .clavier-virtuel-login-portlet .zmdi-thumb-up-down:before, .change-password-portlet .zmdi-thumb-up-down:before {
    content: '\f1dd'; }
  .clavier-virtuel-login-portlet .zmdi-thumb-up:before, .change-password-portlet .zmdi-thumb-up:before {
    content: '\f1de'; }
  .clavier-virtuel-login-portlet .zmdi-ticket-star:before, .change-password-portlet .zmdi-ticket-star:before {
    content: '\f1df'; }
  .clavier-virtuel-login-portlet .zmdi-toll:before, .change-password-portlet .zmdi-toll:before {
    content: '\f1e0'; }
  .clavier-virtuel-login-portlet .zmdi-toys:before, .change-password-portlet .zmdi-toys:before {
    content: '\f1e1'; }
  .clavier-virtuel-login-portlet .zmdi-traffic:before, .change-password-portlet .zmdi-traffic:before {
    content: '\f1e2'; }
  .clavier-virtuel-login-portlet .zmdi-translate:before, .change-password-portlet .zmdi-translate:before {
    content: '\f1e3'; }
  .clavier-virtuel-login-portlet .zmdi-triangle-down:before, .change-password-portlet .zmdi-triangle-down:before {
    content: '\f1e4'; }
  .clavier-virtuel-login-portlet .zmdi-triangle-up:before, .change-password-portlet .zmdi-triangle-up:before {
    content: '\f1e5'; }
  .clavier-virtuel-login-portlet .zmdi-truck:before, .change-password-portlet .zmdi-truck:before {
    content: '\f1e6'; }
  .clavier-virtuel-login-portlet .zmdi-turning-sign:before, .change-password-portlet .zmdi-turning-sign:before {
    content: '\f1e7'; }
  .clavier-virtuel-login-portlet .zmdi-wallpaper:before, .change-password-portlet .zmdi-wallpaper:before {
    content: '\f1e8'; }
  .clavier-virtuel-login-portlet .zmdi-washing-machine:before, .change-password-portlet .zmdi-washing-machine:before {
    content: '\f1e9'; }
  .clavier-virtuel-login-portlet .zmdi-window-maximize:before, .change-password-portlet .zmdi-window-maximize:before {
    content: '\f1ea'; }
  .clavier-virtuel-login-portlet .zmdi-window-minimize:before, .change-password-portlet .zmdi-window-minimize:before {
    content: '\f1eb'; }
  .clavier-virtuel-login-portlet .zmdi-window-restore:before, .change-password-portlet .zmdi-window-restore:before {
    content: '\f1ec'; }
  .clavier-virtuel-login-portlet .zmdi-wrench:before, .change-password-portlet .zmdi-wrench:before {
    content: '\f1ed'; }
  .clavier-virtuel-login-portlet .zmdi-zoom-in:before, .change-password-portlet .zmdi-zoom-in:before {
    content: '\f1ee'; }
  .clavier-virtuel-login-portlet .zmdi-zoom-out:before, .change-password-portlet .zmdi-zoom-out:before {
    content: '\f1ef'; }
  .clavier-virtuel-login-portlet .zmdi-alert-circle-o:before, .change-password-portlet .zmdi-alert-circle-o:before {
    content: '\f1f0'; }
  .clavier-virtuel-login-portlet .zmdi-alert-circle:before, .change-password-portlet .zmdi-alert-circle:before {
    content: '\f1f1'; }
  .clavier-virtuel-login-portlet .zmdi-alert-octagon:before, .change-password-portlet .zmdi-alert-octagon:before {
    content: '\f1f2'; }
  .clavier-virtuel-login-portlet .zmdi-alert-polygon:before, .change-password-portlet .zmdi-alert-polygon:before {
    content: '\f1f3'; }
  .clavier-virtuel-login-portlet .zmdi-alert-triangle:before, .change-password-portlet .zmdi-alert-triangle:before {
    content: '\f1f4'; }
  .clavier-virtuel-login-portlet .zmdi-help-outline:before, .change-password-portlet .zmdi-help-outline:before {
    content: '\f1f5'; }
  .clavier-virtuel-login-portlet .zmdi-help:before, .change-password-portlet .zmdi-help:before {
    content: '\f1f6'; }
  .clavier-virtuel-login-portlet .zmdi-info-outline:before, .change-password-portlet .zmdi-info-outline:before {
    content: '\f1f7'; }
  .clavier-virtuel-login-portlet .zmdi-info:before, .change-password-portlet .zmdi-info:before {
    content: '\f1f8'; }
  .clavier-virtuel-login-portlet .zmdi-notifications-active:before, .change-password-portlet .zmdi-notifications-active:before {
    content: '\f1f9'; }
  .clavier-virtuel-login-portlet .zmdi-notifications-add:before, .change-password-portlet .zmdi-notifications-add:before {
    content: '\f1fa'; }
  .clavier-virtuel-login-portlet .zmdi-notifications-none:before, .change-password-portlet .zmdi-notifications-none:before {
    content: '\f1fb'; }
  .clavier-virtuel-login-portlet .zmdi-notifications-off:before, .change-password-portlet .zmdi-notifications-off:before {
    content: '\f1fc'; }
  .clavier-virtuel-login-portlet .zmdi-notifications-paused:before, .change-password-portlet .zmdi-notifications-paused:before {
    content: '\f1fd'; }
  .clavier-virtuel-login-portlet .zmdi-notifications:before, .change-password-portlet .zmdi-notifications:before {
    content: '\f1fe'; }
  .clavier-virtuel-login-portlet .zmdi-account-add:before, .change-password-portlet .zmdi-account-add:before {
    content: '\f1ff'; }
  .clavier-virtuel-login-portlet .zmdi-account-box-mail:before, .change-password-portlet .zmdi-account-box-mail:before {
    content: '\f200'; }
  .clavier-virtuel-login-portlet .zmdi-account-box-o:before, .change-password-portlet .zmdi-account-box-o:before {
    content: '\f201'; }
  .clavier-virtuel-login-portlet .zmdi-account-box-phone:before, .change-password-portlet .zmdi-account-box-phone:before {
    content: '\f202'; }
  .clavier-virtuel-login-portlet .zmdi-account-box:before, .change-password-portlet .zmdi-account-box:before {
    content: '\f203'; }
  .clavier-virtuel-login-portlet .zmdi-account-calendar:before, .change-password-portlet .zmdi-account-calendar:before {
    content: '\f204'; }
  .clavier-virtuel-login-portlet .zmdi-account-circle:before, .change-password-portlet .zmdi-account-circle:before {
    content: '\f205'; }
  .clavier-virtuel-login-portlet .zmdi-account-o:before, .change-password-portlet .zmdi-account-o:before {
    content: '\f206'; }
  .clavier-virtuel-login-portlet .zmdi-account:before, .change-password-portlet .zmdi-account:before {
    content: '\f207'; }
  .clavier-virtuel-login-portlet .zmdi-accounts-add:before, .change-password-portlet .zmdi-accounts-add:before {
    content: '\f208'; }
  .clavier-virtuel-login-portlet .zmdi-accounts-alt:before, .change-password-portlet .zmdi-accounts-alt:before {
    content: '\f209'; }
  .clavier-virtuel-login-portlet .zmdi-accounts-list-alt:before, .change-password-portlet .zmdi-accounts-list-alt:before {
    content: '\f20a'; }
  .clavier-virtuel-login-portlet .zmdi-accounts-list:before, .change-password-portlet .zmdi-accounts-list:before {
    content: '\f20b'; }
  .clavier-virtuel-login-portlet .zmdi-accounts-outline:before, .change-password-portlet .zmdi-accounts-outline:before {
    content: '\f20c'; }
  .clavier-virtuel-login-portlet .zmdi-accounts:before, .change-password-portlet .zmdi-accounts:before {
    content: '\f20d'; }
  .clavier-virtuel-login-portlet .zmdi-face:before, .change-password-portlet .zmdi-face:before {
    content: '\f20e'; }
  .clavier-virtuel-login-portlet .zmdi-female:before, .change-password-portlet .zmdi-female:before {
    content: '\f20f'; }
  .clavier-virtuel-login-portlet .zmdi-male-alt:before, .change-password-portlet .zmdi-male-alt:before {
    content: '\f210'; }
  .clavier-virtuel-login-portlet .zmdi-male-female:before, .change-password-portlet .zmdi-male-female:before {
    content: '\f211'; }
  .clavier-virtuel-login-portlet .zmdi-male:before, .change-password-portlet .zmdi-male:before {
    content: '\f212'; }
  .clavier-virtuel-login-portlet .zmdi-mood-bad:before, .change-password-portlet .zmdi-mood-bad:before {
    content: '\f213'; }
  .clavier-virtuel-login-portlet .zmdi-mood:before, .change-password-portlet .zmdi-mood:before {
    content: '\f214'; }
  .clavier-virtuel-login-portlet .zmdi-run:before, .change-password-portlet .zmdi-run:before {
    content: '\f215'; }
  .clavier-virtuel-login-portlet .zmdi-walk:before, .change-password-portlet .zmdi-walk:before {
    content: '\f216'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-box:before, .change-password-portlet .zmdi-cloud-box:before {
    content: '\f217'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-circle:before, .change-password-portlet .zmdi-cloud-circle:before {
    content: '\f218'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-done:before, .change-password-portlet .zmdi-cloud-done:before {
    content: '\f219'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-download:before, .change-password-portlet .zmdi-cloud-download:before {
    content: '\f21a'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-off:before, .change-password-portlet .zmdi-cloud-off:before {
    content: '\f21b'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-outline-alt:before, .change-password-portlet .zmdi-cloud-outline-alt:before {
    content: '\f21c'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-outline:before, .change-password-portlet .zmdi-cloud-outline:before {
    content: '\f21d'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-upload:before, .change-password-portlet .zmdi-cloud-upload:before {
    content: '\f21e'; }
  .clavier-virtuel-login-portlet .zmdi-cloud:before, .change-password-portlet .zmdi-cloud:before {
    content: '\f21f'; }
  .clavier-virtuel-login-portlet .zmdi-download:before, .change-password-portlet .zmdi-download:before {
    content: '\f220'; }
  .clavier-virtuel-login-portlet .zmdi-file-plus:before, .change-password-portlet .zmdi-file-plus:before {
    content: '\f221'; }
  .clavier-virtuel-login-portlet .zmdi-file-text:before, .change-password-portlet .zmdi-file-text:before {
    content: '\f222'; }
  .clavier-virtuel-login-portlet .zmdi-file:before, .change-password-portlet .zmdi-file:before {
    content: '\f223'; }
  .clavier-virtuel-login-portlet .zmdi-folder-outline:before, .change-password-portlet .zmdi-folder-outline:before {
    content: '\f224'; }
  .clavier-virtuel-login-portlet .zmdi-folder-person:before, .change-password-portlet .zmdi-folder-person:before {
    content: '\f225'; }
  .clavier-virtuel-login-portlet .zmdi-folder-star-alt:before, .change-password-portlet .zmdi-folder-star-alt:before {
    content: '\f226'; }
  .clavier-virtuel-login-portlet .zmdi-folder-star:before, .change-password-portlet .zmdi-folder-star:before {
    content: '\f227'; }
  .clavier-virtuel-login-portlet .zmdi-folder:before, .change-password-portlet .zmdi-folder:before {
    content: '\f228'; }
  .clavier-virtuel-login-portlet .zmdi-gif:before, .change-password-portlet .zmdi-gif:before {
    content: '\f229'; }
  .clavier-virtuel-login-portlet .zmdi-upload:before, .change-password-portlet .zmdi-upload:before {
    content: '\f22a'; }
  .clavier-virtuel-login-portlet .zmdi-border-all:before, .change-password-portlet .zmdi-border-all:before {
    content: '\f22b'; }
  .clavier-virtuel-login-portlet .zmdi-border-bottom:before, .change-password-portlet .zmdi-border-bottom:before {
    content: '\f22c'; }
  .clavier-virtuel-login-portlet .zmdi-border-clear:before, .change-password-portlet .zmdi-border-clear:before {
    content: '\f22d'; }
  .clavier-virtuel-login-portlet .zmdi-border-color:before, .change-password-portlet .zmdi-border-color:before {
    content: '\f22e'; }
  .clavier-virtuel-login-portlet .zmdi-border-horizontal:before, .change-password-portlet .zmdi-border-horizontal:before {
    content: '\f22f'; }
  .clavier-virtuel-login-portlet .zmdi-border-inner:before, .change-password-portlet .zmdi-border-inner:before {
    content: '\f230'; }
  .clavier-virtuel-login-portlet .zmdi-border-left:before, .change-password-portlet .zmdi-border-left:before {
    content: '\f231'; }
  .clavier-virtuel-login-portlet .zmdi-border-outer:before, .change-password-portlet .zmdi-border-outer:before {
    content: '\f232'; }
  .clavier-virtuel-login-portlet .zmdi-border-right:before, .change-password-portlet .zmdi-border-right:before {
    content: '\f233'; }
  .clavier-virtuel-login-portlet .zmdi-border-style:before, .change-password-portlet .zmdi-border-style:before {
    content: '\f234'; }
  .clavier-virtuel-login-portlet .zmdi-border-top:before, .change-password-portlet .zmdi-border-top:before {
    content: '\f235'; }
  .clavier-virtuel-login-portlet .zmdi-border-vertical:before, .change-password-portlet .zmdi-border-vertical:before {
    content: '\f236'; }
  .clavier-virtuel-login-portlet .zmdi-copy:before, .change-password-portlet .zmdi-copy:before {
    content: '\f237'; }
  .clavier-virtuel-login-portlet .zmdi-crop:before, .change-password-portlet .zmdi-crop:before {
    content: '\f238'; }
  .clavier-virtuel-login-portlet .zmdi-format-align-center:before, .change-password-portlet .zmdi-format-align-center:before {
    content: '\f239'; }
  .clavier-virtuel-login-portlet .zmdi-format-align-justify:before, .change-password-portlet .zmdi-format-align-justify:before {
    content: '\f23a'; }
  .clavier-virtuel-login-portlet .zmdi-format-align-left:before, .change-password-portlet .zmdi-format-align-left:before {
    content: '\f23b'; }
  .clavier-virtuel-login-portlet .zmdi-format-align-right:before, .change-password-portlet .zmdi-format-align-right:before {
    content: '\f23c'; }
  .clavier-virtuel-login-portlet .zmdi-format-bold:before, .change-password-portlet .zmdi-format-bold:before {
    content: '\f23d'; }
  .clavier-virtuel-login-portlet .zmdi-format-clear-all:before, .change-password-portlet .zmdi-format-clear-all:before {
    content: '\f23e'; }
  .clavier-virtuel-login-portlet .zmdi-format-clear:before, .change-password-portlet .zmdi-format-clear:before {
    content: '\f23f'; }
  .clavier-virtuel-login-portlet .zmdi-format-color-fill:before, .change-password-portlet .zmdi-format-color-fill:before {
    content: '\f240'; }
  .clavier-virtuel-login-portlet .zmdi-format-color-reset:before, .change-password-portlet .zmdi-format-color-reset:before {
    content: '\f241'; }
  .clavier-virtuel-login-portlet .zmdi-format-color-text:before, .change-password-portlet .zmdi-format-color-text:before {
    content: '\f242'; }
  .clavier-virtuel-login-portlet .zmdi-format-indent-decrease:before, .change-password-portlet .zmdi-format-indent-decrease:before {
    content: '\f243'; }
  .clavier-virtuel-login-portlet .zmdi-format-indent-increase:before, .change-password-portlet .zmdi-format-indent-increase:before {
    content: '\f244'; }
  .clavier-virtuel-login-portlet .zmdi-format-italic:before, .change-password-portlet .zmdi-format-italic:before {
    content: '\f245'; }
  .clavier-virtuel-login-portlet .zmdi-format-line-spacing:before, .change-password-portlet .zmdi-format-line-spacing:before {
    content: '\f246'; }
  .clavier-virtuel-login-portlet .zmdi-format-list-bulleted:before, .change-password-portlet .zmdi-format-list-bulleted:before {
    content: '\f247'; }
  .clavier-virtuel-login-portlet .zmdi-format-list-numbered:before, .change-password-portlet .zmdi-format-list-numbered:before {
    content: '\f248'; }
  .clavier-virtuel-login-portlet .zmdi-format-ltr:before, .change-password-portlet .zmdi-format-ltr:before {
    content: '\f249'; }
  .clavier-virtuel-login-portlet .zmdi-format-rtl:before, .change-password-portlet .zmdi-format-rtl:before {
    content: '\f24a'; }
  .clavier-virtuel-login-portlet .zmdi-format-size:before, .change-password-portlet .zmdi-format-size:before {
    content: '\f24b'; }
  .clavier-virtuel-login-portlet .zmdi-format-strikethrough-s:before, .change-password-portlet .zmdi-format-strikethrough-s:before {
    content: '\f24c'; }
  .clavier-virtuel-login-portlet .zmdi-format-strikethrough:before, .change-password-portlet .zmdi-format-strikethrough:before {
    content: '\f24d'; }
  .clavier-virtuel-login-portlet .zmdi-format-subject:before, .change-password-portlet .zmdi-format-subject:before {
    content: '\f24e'; }
  .clavier-virtuel-login-portlet .zmdi-format-underlined:before, .change-password-portlet .zmdi-format-underlined:before {
    content: '\f24f'; }
  .clavier-virtuel-login-portlet .zmdi-format-valign-bottom:before, .change-password-portlet .zmdi-format-valign-bottom:before {
    content: '\f250'; }
  .clavier-virtuel-login-portlet .zmdi-format-valign-center:before, .change-password-portlet .zmdi-format-valign-center:before {
    content: '\f251'; }
  .clavier-virtuel-login-portlet .zmdi-format-valign-top:before, .change-password-portlet .zmdi-format-valign-top:before {
    content: '\f252'; }
  .clavier-virtuel-login-portlet .zmdi-redo:before, .change-password-portlet .zmdi-redo:before {
    content: '\f253'; }
  .clavier-virtuel-login-portlet .zmdi-select-all:before, .change-password-portlet .zmdi-select-all:before {
    content: '\f254'; }
  .clavier-virtuel-login-portlet .zmdi-space-bar:before, .change-password-portlet .zmdi-space-bar:before {
    content: '\f255'; }
  .clavier-virtuel-login-portlet .zmdi-text-format:before, .change-password-portlet .zmdi-text-format:before {
    content: '\f256'; }
  .clavier-virtuel-login-portlet .zmdi-transform:before, .change-password-portlet .zmdi-transform:before {
    content: '\f257'; }
  .clavier-virtuel-login-portlet .zmdi-undo:before, .change-password-portlet .zmdi-undo:before {
    content: '\f258'; }
  .clavier-virtuel-login-portlet .zmdi-wrap-text:before, .change-password-portlet .zmdi-wrap-text:before {
    content: '\f259'; }
  .clavier-virtuel-login-portlet .zmdi-comment-alert:before, .change-password-portlet .zmdi-comment-alert:before {
    content: '\f25a'; }
  .clavier-virtuel-login-portlet .zmdi-comment-alt-text:before, .change-password-portlet .zmdi-comment-alt-text:before {
    content: '\f25b'; }
  .clavier-virtuel-login-portlet .zmdi-comment-alt:before, .change-password-portlet .zmdi-comment-alt:before {
    content: '\f25c'; }
  .clavier-virtuel-login-portlet .zmdi-comment-edit:before, .change-password-portlet .zmdi-comment-edit:before {
    content: '\f25d'; }
  .clavier-virtuel-login-portlet .zmdi-comment-image:before, .change-password-portlet .zmdi-comment-image:before {
    content: '\f25e'; }
  .clavier-virtuel-login-portlet .zmdi-comment-list:before, .change-password-portlet .zmdi-comment-list:before {
    content: '\f25f'; }
  .clavier-virtuel-login-portlet .zmdi-comment-more:before, .change-password-portlet .zmdi-comment-more:before {
    content: '\f260'; }
  .clavier-virtuel-login-portlet .zmdi-comment-outline:before, .change-password-portlet .zmdi-comment-outline:before {
    content: '\f261'; }
  .clavier-virtuel-login-portlet .zmdi-comment-text-alt:before, .change-password-portlet .zmdi-comment-text-alt:before {
    content: '\f262'; }
  .clavier-virtuel-login-portlet .zmdi-comment-text:before, .change-password-portlet .zmdi-comment-text:before {
    content: '\f263'; }
  .clavier-virtuel-login-portlet .zmdi-comment-video:before, .change-password-portlet .zmdi-comment-video:before {
    content: '\f264'; }
  .clavier-virtuel-login-portlet .zmdi-comment:before, .change-password-portlet .zmdi-comment:before {
    content: '\f265'; }
  .clavier-virtuel-login-portlet .zmdi-comments:before, .change-password-portlet .zmdi-comments:before {
    content: '\f266'; }
  .clavier-virtuel-login-portlet .zmdi-check-all:before, .change-password-portlet .zmdi-check-all:before {
    content: '\f267'; }
  .clavier-virtuel-login-portlet .zmdi-check-circle-u:before, .change-password-portlet .zmdi-check-circle-u:before {
    content: '\f268'; }
  .clavier-virtuel-login-portlet .zmdi-check-circle:before, .change-password-portlet .zmdi-check-circle:before {
    content: '\f269'; }
  .clavier-virtuel-login-portlet .zmdi-check-square:before, .change-password-portlet .zmdi-check-square:before {
    content: '\f26a'; }
  .clavier-virtuel-login-portlet .zmdi-check:before, .change-password-portlet .zmdi-check:before {
    content: '\f26b'; }
  .clavier-virtuel-login-portlet .zmdi-circle-o:before, .change-password-portlet .zmdi-circle-o:before {
    content: '\f26c'; }
  .clavier-virtuel-login-portlet .zmdi-circle:before, .change-password-portlet .zmdi-circle:before {
    content: '\f26d'; }
  .clavier-virtuel-login-portlet .zmdi-dot-circle-alt:before, .change-password-portlet .zmdi-dot-circle-alt:before {
    content: '\f26e'; }
  .clavier-virtuel-login-portlet .zmdi-dot-circle:before, .change-password-portlet .zmdi-dot-circle:before {
    content: '\f26f'; }
  .clavier-virtuel-login-portlet .zmdi-minus-circle-outline:before, .change-password-portlet .zmdi-minus-circle-outline:before {
    content: '\f270'; }
  .clavier-virtuel-login-portlet .zmdi-minus-circle:before, .change-password-portlet .zmdi-minus-circle:before {
    content: '\f271'; }
  .clavier-virtuel-login-portlet .zmdi-minus-square:before, .change-password-portlet .zmdi-minus-square:before {
    content: '\f272'; }
  .clavier-virtuel-login-portlet .zmdi-minus:before, .change-password-portlet .zmdi-minus:before {
    content: '\f273'; }
  .clavier-virtuel-login-portlet .zmdi-plus-circle-o-duplicate:before, .change-password-portlet .zmdi-plus-circle-o-duplicate:before {
    content: '\f274'; }
  .clavier-virtuel-login-portlet .zmdi-plus-circle-o:before, .change-password-portlet .zmdi-plus-circle-o:before {
    content: '\f275'; }
  .clavier-virtuel-login-portlet .zmdi-plus-circle:before, .change-password-portlet .zmdi-plus-circle:before {
    content: '\f276'; }
  .clavier-virtuel-login-portlet .zmdi-plus-square:before, .change-password-portlet .zmdi-plus-square:before {
    content: '\f277'; }
  .clavier-virtuel-login-portlet .zmdi-plus:before, .change-password-portlet .zmdi-plus:before {
    content: '\f278'; }
  .clavier-virtuel-login-portlet .zmdi-square-o:before, .change-password-portlet .zmdi-square-o:before {
    content: '\f279'; }
  .clavier-virtuel-login-portlet .zmdi-star-circle:before, .change-password-portlet .zmdi-star-circle:before {
    content: '\f27a'; }
  .clavier-virtuel-login-portlet .zmdi-star-half:before, .change-password-portlet .zmdi-star-half:before {
    content: '\f27b'; }
  .clavier-virtuel-login-portlet .zmdi-star-outline:before, .change-password-portlet .zmdi-star-outline:before {
    content: '\f27c'; }
  .clavier-virtuel-login-portlet .zmdi-star:before, .change-password-portlet .zmdi-star:before {
    content: '\f27d'; }
  .clavier-virtuel-login-portlet .zmdi-bluetooth-connected:before, .change-password-portlet .zmdi-bluetooth-connected:before {
    content: '\f27e'; }
  .clavier-virtuel-login-portlet .zmdi-bluetooth-off:before, .change-password-portlet .zmdi-bluetooth-off:before {
    content: '\f27f'; }
  .clavier-virtuel-login-portlet .zmdi-bluetooth-search:before, .change-password-portlet .zmdi-bluetooth-search:before {
    content: '\f280'; }
  .clavier-virtuel-login-portlet .zmdi-bluetooth-setting:before, .change-password-portlet .zmdi-bluetooth-setting:before {
    content: '\f281'; }
  .clavier-virtuel-login-portlet .zmdi-bluetooth:before, .change-password-portlet .zmdi-bluetooth:before {
    content: '\f282'; }
  .clavier-virtuel-login-portlet .zmdi-camera-add:before, .change-password-portlet .zmdi-camera-add:before {
    content: '\f283'; }
  .clavier-virtuel-login-portlet .zmdi-camera-alt:before, .change-password-portlet .zmdi-camera-alt:before {
    content: '\f284'; }
  .clavier-virtuel-login-portlet .zmdi-camera-bw:before, .change-password-portlet .zmdi-camera-bw:before {
    content: '\f285'; }
  .clavier-virtuel-login-portlet .zmdi-camera-front:before, .change-password-portlet .zmdi-camera-front:before {
    content: '\f286'; }
  .clavier-virtuel-login-portlet .zmdi-camera-mic:before, .change-password-portlet .zmdi-camera-mic:before {
    content: '\f287'; }
  .clavier-virtuel-login-portlet .zmdi-camera-party-mode:before, .change-password-portlet .zmdi-camera-party-mode:before {
    content: '\f288'; }
  .clavier-virtuel-login-portlet .zmdi-camera-rear:before, .change-password-portlet .zmdi-camera-rear:before {
    content: '\f289'; }
  .clavier-virtuel-login-portlet .zmdi-camera-roll:before, .change-password-portlet .zmdi-camera-roll:before {
    content: '\f28a'; }
  .clavier-virtuel-login-portlet .zmdi-camera-switch:before, .change-password-portlet .zmdi-camera-switch:before {
    content: '\f28b'; }
  .clavier-virtuel-login-portlet .zmdi-camera:before, .change-password-portlet .zmdi-camera:before {
    content: '\f28c'; }
  .clavier-virtuel-login-portlet .zmdi-card-alert:before, .change-password-portlet .zmdi-card-alert:before {
    content: '\f28d'; }
  .clavier-virtuel-login-portlet .zmdi-card-off:before, .change-password-portlet .zmdi-card-off:before {
    content: '\f28e'; }
  .clavier-virtuel-login-portlet .zmdi-card-sd:before, .change-password-portlet .zmdi-card-sd:before {
    content: '\f28f'; }
  .clavier-virtuel-login-portlet .zmdi-card-sim:before, .change-password-portlet .zmdi-card-sim:before {
    content: '\f290'; }
  .clavier-virtuel-login-portlet .zmdi-desktop-mac:before, .change-password-portlet .zmdi-desktop-mac:before {
    content: '\f291'; }
  .clavier-virtuel-login-portlet .zmdi-desktop-windows:before, .change-password-portlet .zmdi-desktop-windows:before {
    content: '\f292'; }
  .clavier-virtuel-login-portlet .zmdi-device-hub:before, .change-password-portlet .zmdi-device-hub:before {
    content: '\f293'; }
  .clavier-virtuel-login-portlet .zmdi-devices-off:before, .change-password-portlet .zmdi-devices-off:before {
    content: '\f294'; }
  .clavier-virtuel-login-portlet .zmdi-devices:before, .change-password-portlet .zmdi-devices:before {
    content: '\f295'; }
  .clavier-virtuel-login-portlet .zmdi-dock:before, .change-password-portlet .zmdi-dock:before {
    content: '\f296'; }
  .clavier-virtuel-login-portlet .zmdi-floppy:before, .change-password-portlet .zmdi-floppy:before {
    content: '\f297'; }
  .clavier-virtuel-login-portlet .zmdi-gamepad:before, .change-password-portlet .zmdi-gamepad:before {
    content: '\f298'; }
  .clavier-virtuel-login-portlet .zmdi-gps-dot:before, .change-password-portlet .zmdi-gps-dot:before {
    content: '\f299'; }
  .clavier-virtuel-login-portlet .zmdi-gps-off:before, .change-password-portlet .zmdi-gps-off:before {
    content: '\f29a'; }
  .clavier-virtuel-login-portlet .zmdi-gps:before, .change-password-portlet .zmdi-gps:before {
    content: '\f29b'; }
  .clavier-virtuel-login-portlet .zmdi-headset-mic:before, .change-password-portlet .zmdi-headset-mic:before {
    content: '\f29c'; }
  .clavier-virtuel-login-portlet .zmdi-headset:before, .change-password-portlet .zmdi-headset:before {
    content: '\f29d'; }
  .clavier-virtuel-login-portlet .zmdi-input-antenna:before, .change-password-portlet .zmdi-input-antenna:before {
    content: '\f29e'; }
  .clavier-virtuel-login-portlet .zmdi-input-composite:before, .change-password-portlet .zmdi-input-composite:before {
    content: '\f29f'; }
  .clavier-virtuel-login-portlet .zmdi-input-hdmi:before, .change-password-portlet .zmdi-input-hdmi:before {
    content: '\f2a0'; }
  .clavier-virtuel-login-portlet .zmdi-input-power:before, .change-password-portlet .zmdi-input-power:before {
    content: '\f2a1'; }
  .clavier-virtuel-login-portlet .zmdi-input-svideo:before, .change-password-portlet .zmdi-input-svideo:before {
    content: '\f2a2'; }
  .clavier-virtuel-login-portlet .zmdi-keyboard-hide:before, .change-password-portlet .zmdi-keyboard-hide:before {
    content: '\f2a3'; }
  .clavier-virtuel-login-portlet .zmdi-keyboard:before, .change-password-portlet .zmdi-keyboard:before {
    content: '\f2a4'; }
  .clavier-virtuel-login-portlet .zmdi-laptop-chromebook:before, .change-password-portlet .zmdi-laptop-chromebook:before {
    content: '\f2a5'; }
  .clavier-virtuel-login-portlet .zmdi-laptop-mac:before, .change-password-portlet .zmdi-laptop-mac:before {
    content: '\f2a6'; }
  .clavier-virtuel-login-portlet .zmdi-laptop:before, .change-password-portlet .zmdi-laptop:before {
    content: '\f2a7'; }
  .clavier-virtuel-login-portlet .zmdi-mic-off:before, .change-password-portlet .zmdi-mic-off:before {
    content: '\f2a8'; }
  .clavier-virtuel-login-portlet .zmdi-mic-outline:before, .change-password-portlet .zmdi-mic-outline:before {
    content: '\f2a9'; }
  .clavier-virtuel-login-portlet .zmdi-mic-setting:before, .change-password-portlet .zmdi-mic-setting:before {
    content: '\f2aa'; }
  .clavier-virtuel-login-portlet .zmdi-mic:before, .change-password-portlet .zmdi-mic:before {
    content: '\f2ab'; }
  .clavier-virtuel-login-portlet .zmdi-mouse:before, .change-password-portlet .zmdi-mouse:before {
    content: '\f2ac'; }
  .clavier-virtuel-login-portlet .zmdi-network-alert:before, .change-password-portlet .zmdi-network-alert:before {
    content: '\f2ad'; }
  .clavier-virtuel-login-portlet .zmdi-network-locked:before, .change-password-portlet .zmdi-network-locked:before {
    content: '\f2ae'; }
  .clavier-virtuel-login-portlet .zmdi-network-off:before, .change-password-portlet .zmdi-network-off:before {
    content: '\f2af'; }
  .clavier-virtuel-login-portlet .zmdi-network-outline:before, .change-password-portlet .zmdi-network-outline:before {
    content: '\f2b0'; }
  .clavier-virtuel-login-portlet .zmdi-network-setting:before, .change-password-portlet .zmdi-network-setting:before {
    content: '\f2b1'; }
  .clavier-virtuel-login-portlet .zmdi-network:before, .change-password-portlet .zmdi-network:before {
    content: '\f2b2'; }
  .clavier-virtuel-login-portlet .zmdi-phone-bluetooth:before, .change-password-portlet .zmdi-phone-bluetooth:before {
    content: '\f2b3'; }
  .clavier-virtuel-login-portlet .zmdi-phone-end:before, .change-password-portlet .zmdi-phone-end:before {
    content: '\f2b4'; }
  .clavier-virtuel-login-portlet .zmdi-phone-forwarded:before, .change-password-portlet .zmdi-phone-forwarded:before {
    content: '\f2b5'; }
  .clavier-virtuel-login-portlet .zmdi-phone-in-talk:before, .change-password-portlet .zmdi-phone-in-talk:before {
    content: '\f2b6'; }
  .clavier-virtuel-login-portlet .zmdi-phone-locked:before, .change-password-portlet .zmdi-phone-locked:before {
    content: '\f2b7'; }
  .clavier-virtuel-login-portlet .zmdi-phone-missed:before, .change-password-portlet .zmdi-phone-missed:before {
    content: '\f2b8'; }
  .clavier-virtuel-login-portlet .zmdi-phone-msg:before, .change-password-portlet .zmdi-phone-msg:before {
    content: '\f2b9'; }
  .clavier-virtuel-login-portlet .zmdi-phone-paused:before, .change-password-portlet .zmdi-phone-paused:before {
    content: '\f2ba'; }
  .clavier-virtuel-login-portlet .zmdi-phone-ring:before, .change-password-portlet .zmdi-phone-ring:before {
    content: '\f2bb'; }
  .clavier-virtuel-login-portlet .zmdi-phone-setting:before, .change-password-portlet .zmdi-phone-setting:before {
    content: '\f2bc'; }
  .clavier-virtuel-login-portlet .zmdi-phone-sip:before, .change-password-portlet .zmdi-phone-sip:before {
    content: '\f2bd'; }
  .clavier-virtuel-login-portlet .zmdi-phone:before, .change-password-portlet .zmdi-phone:before {
    content: '\f2be'; }
  .clavier-virtuel-login-portlet .zmdi-portable-wifi-changes:before, .change-password-portlet .zmdi-portable-wifi-changes:before {
    content: '\f2bf'; }
  .clavier-virtuel-login-portlet .zmdi-portable-wifi-off:before, .change-password-portlet .zmdi-portable-wifi-off:before {
    content: '\f2c0'; }
  .clavier-virtuel-login-portlet .zmdi-portable-wifi:before, .change-password-portlet .zmdi-portable-wifi:before {
    content: '\f2c1'; }
  .clavier-virtuel-login-portlet .zmdi-radio:before, .change-password-portlet .zmdi-radio:before {
    content: '\f2c2'; }
  .clavier-virtuel-login-portlet .zmdi-reader:before, .change-password-portlet .zmdi-reader:before {
    content: '\f2c3'; }
  .clavier-virtuel-login-portlet .zmdi-remote-control-alt:before, .change-password-portlet .zmdi-remote-control-alt:before {
    content: '\f2c4'; }
  .clavier-virtuel-login-portlet .zmdi-remote-control:before, .change-password-portlet .zmdi-remote-control:before {
    content: '\f2c5'; }
  .clavier-virtuel-login-portlet .zmdi-router:before, .change-password-portlet .zmdi-router:before {
    content: '\f2c6'; }
  .clavier-virtuel-login-portlet .zmdi-scanner:before, .change-password-portlet .zmdi-scanner:before {
    content: '\f2c7'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-android:before, .change-password-portlet .zmdi-smartphone-android:before {
    content: '\f2c8'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-download:before, .change-password-portlet .zmdi-smartphone-download:before {
    content: '\f2c9'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-erase:before, .change-password-portlet .zmdi-smartphone-erase:before {
    content: '\f2ca'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-info:before, .change-password-portlet .zmdi-smartphone-info:before {
    content: '\f2cb'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-iphone:before, .change-password-portlet .zmdi-smartphone-iphone:before {
    content: '\f2cc'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-landscape-lock:before, .change-password-portlet .zmdi-smartphone-landscape-lock:before {
    content: '\f2cd'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-landscape:before, .change-password-portlet .zmdi-smartphone-landscape:before {
    content: '\f2ce'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-lock:before, .change-password-portlet .zmdi-smartphone-lock:before {
    content: '\f2cf'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-portrait-lock:before, .change-password-portlet .zmdi-smartphone-portrait-lock:before {
    content: '\f2d0'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-ring:before, .change-password-portlet .zmdi-smartphone-ring:before {
    content: '\f2d1'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-setting:before, .change-password-portlet .zmdi-smartphone-setting:before {
    content: '\f2d2'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-setup:before, .change-password-portlet .zmdi-smartphone-setup:before {
    content: '\f2d3'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone:before, .change-password-portlet .zmdi-smartphone:before {
    content: '\f2d4'; }
  .clavier-virtuel-login-portlet .zmdi-speaker:before, .change-password-portlet .zmdi-speaker:before {
    content: '\f2d5'; }
  .clavier-virtuel-login-portlet .zmdi-tablet-android:before, .change-password-portlet .zmdi-tablet-android:before {
    content: '\f2d6'; }
  .clavier-virtuel-login-portlet .zmdi-tablet-mac:before, .change-password-portlet .zmdi-tablet-mac:before {
    content: '\f2d7'; }
  .clavier-virtuel-login-portlet .zmdi-tablet:before, .change-password-portlet .zmdi-tablet:before {
    content: '\f2d8'; }
  .clavier-virtuel-login-portlet .zmdi-tv-alt-play:before, .change-password-portlet .zmdi-tv-alt-play:before {
    content: '\f2d9'; }
  .clavier-virtuel-login-portlet .zmdi-tv-list:before, .change-password-portlet .zmdi-tv-list:before {
    content: '\f2da'; }
  .clavier-virtuel-login-portlet .zmdi-tv-play:before, .change-password-portlet .zmdi-tv-play:before {
    content: '\f2db'; }
  .clavier-virtuel-login-portlet .zmdi-tv:before, .change-password-portlet .zmdi-tv:before {
    content: '\f2dc'; }
  .clavier-virtuel-login-portlet .zmdi-usb:before, .change-password-portlet .zmdi-usb:before {
    content: '\f2dd'; }
  .clavier-virtuel-login-portlet .zmdi-videocam-off:before, .change-password-portlet .zmdi-videocam-off:before {
    content: '\f2de'; }
  .clavier-virtuel-login-portlet .zmdi-videocam-switch:before, .change-password-portlet .zmdi-videocam-switch:before {
    content: '\f2df'; }
  .clavier-virtuel-login-portlet .zmdi-videocam:before, .change-password-portlet .zmdi-videocam:before {
    content: '\f2e0'; }
  .clavier-virtuel-login-portlet .zmdi-watch:before, .change-password-portlet .zmdi-watch:before {
    content: '\f2e1'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-alt-2:before, .change-password-portlet .zmdi-wifi-alt-2:before {
    content: '\f2e2'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-alt:before, .change-password-portlet .zmdi-wifi-alt:before {
    content: '\f2e3'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-info:before, .change-password-portlet .zmdi-wifi-info:before {
    content: '\f2e4'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-lock:before, .change-password-portlet .zmdi-wifi-lock:before {
    content: '\f2e5'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-off:before, .change-password-portlet .zmdi-wifi-off:before {
    content: '\f2e6'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-outline:before, .change-password-portlet .zmdi-wifi-outline:before {
    content: '\f2e7'; }
  .clavier-virtuel-login-portlet .zmdi-wifi:before, .change-password-portlet .zmdi-wifi:before {
    content: '\f2e8'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-left-bottom:before, .change-password-portlet .zmdi-arrow-left-bottom:before {
    content: '\f2e9'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-left:before, .change-password-portlet .zmdi-arrow-left:before {
    content: '\f2ea'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-merge:before, .change-password-portlet .zmdi-arrow-merge:before {
    content: '\f2eb'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-missed:before, .change-password-portlet .zmdi-arrow-missed:before {
    content: '\f2ec'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-right-top:before, .change-password-portlet .zmdi-arrow-right-top:before {
    content: '\f2ed'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-right:before, .change-password-portlet .zmdi-arrow-right:before {
    content: '\f2ee'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-split:before, .change-password-portlet .zmdi-arrow-split:before {
    content: '\f2ef'; }
  .clavier-virtuel-login-portlet .zmdi-arrows:before, .change-password-portlet .zmdi-arrows:before {
    content: '\f2f0'; }
  .clavier-virtuel-login-portlet .zmdi-caret-down-circle:before, .change-password-portlet .zmdi-caret-down-circle:before {
    content: '\f2f1'; }
  .clavier-virtuel-login-portlet .zmdi-caret-down:before, .change-password-portlet .zmdi-caret-down:before {
    content: '\f2f2'; }
  .clavier-virtuel-login-portlet .zmdi-caret-left-circle:before, .change-password-portlet .zmdi-caret-left-circle:before {
    content: '\f2f3'; }
  .clavier-virtuel-login-portlet .zmdi-caret-left:before, .change-password-portlet .zmdi-caret-left:before {
    content: '\f2f4'; }
  .clavier-virtuel-login-portlet .zmdi-caret-right-circle:before, .change-password-portlet .zmdi-caret-right-circle:before {
    content: '\f2f5'; }
  .clavier-virtuel-login-portlet .zmdi-caret-right:before, .change-password-portlet .zmdi-caret-right:before {
    content: '\f2f6'; }
  .clavier-virtuel-login-portlet .zmdi-caret-up-circle:before, .change-password-portlet .zmdi-caret-up-circle:before {
    content: '\f2f7'; }
  .clavier-virtuel-login-portlet .zmdi-caret-up:before, .change-password-portlet .zmdi-caret-up:before {
    content: '\f2f8'; }
  .clavier-virtuel-login-portlet .zmdi-chevron-down:before, .change-password-portlet .zmdi-chevron-down:before {
    content: '\f2f9'; }
  .clavier-virtuel-login-portlet .zmdi-chevron-left:before, .change-password-portlet .zmdi-chevron-left:before {
    content: '\f2fa'; }
  .clavier-virtuel-login-portlet .zmdi-chevron-right:before, .change-password-portlet .zmdi-chevron-right:before {
    content: '\f2fb'; }
  .clavier-virtuel-login-portlet .zmdi-chevron-up:before, .change-password-portlet .zmdi-chevron-up:before {
    content: '\f2fc'; }
  .clavier-virtuel-login-portlet .zmdi-forward:before, .change-password-portlet .zmdi-forward:before {
    content: '\f2fd'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-down:before, .change-password-portlet .zmdi-long-arrow-down:before {
    content: '\f2fe'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-left:before, .change-password-portlet .zmdi-long-arrow-left:before {
    content: '\f2ff'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-return:before, .change-password-portlet .zmdi-long-arrow-return:before {
    content: '\f300'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-right:before, .change-password-portlet .zmdi-long-arrow-right:before {
    content: '\f301'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-tab:before, .change-password-portlet .zmdi-long-arrow-tab:before {
    content: '\f302'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-up:before, .change-password-portlet .zmdi-long-arrow-up:before {
    content: '\f303'; }
  .clavier-virtuel-login-portlet .zmdi-rotate-ccw:before, .change-password-portlet .zmdi-rotate-ccw:before {
    content: '\f304'; }
  .clavier-virtuel-login-portlet .zmdi-rotate-cw:before, .change-password-portlet .zmdi-rotate-cw:before {
    content: '\f305'; }
  .clavier-virtuel-login-portlet .zmdi-rotate-left:before, .change-password-portlet .zmdi-rotate-left:before {
    content: '\f306'; }
  .clavier-virtuel-login-portlet .zmdi-rotate-right:before, .change-password-portlet .zmdi-rotate-right:before {
    content: '\f307'; }
  .clavier-virtuel-login-portlet .zmdi-square-down:before, .change-password-portlet .zmdi-square-down:before {
    content: '\f308'; }
  .clavier-virtuel-login-portlet .zmdi-square-right:before, .change-password-portlet .zmdi-square-right:before {
    content: '\f309'; }
  .clavier-virtuel-login-portlet .zmdi-swap-alt:before, .change-password-portlet .zmdi-swap-alt:before {
    content: '\f30a'; }
  .clavier-virtuel-login-portlet .zmdi-swap-vertical-circle:before, .change-password-portlet .zmdi-swap-vertical-circle:before {
    content: '\f30b'; }
  .clavier-virtuel-login-portlet .zmdi-swap-vertical:before, .change-password-portlet .zmdi-swap-vertical:before {
    content: '\f30c'; }
  .clavier-virtuel-login-portlet .zmdi-swap:before, .change-password-portlet .zmdi-swap:before {
    content: '\f30d'; }
  .clavier-virtuel-login-portlet .zmdi-trending-down:before, .change-password-portlet .zmdi-trending-down:before {
    content: '\f30e'; }
  .clavier-virtuel-login-portlet .zmdi-trending-flat:before, .change-password-portlet .zmdi-trending-flat:before {
    content: '\f30f'; }
  .clavier-virtuel-login-portlet .zmdi-trending-up:before, .change-password-portlet .zmdi-trending-up:before {
    content: '\f310'; }
  .clavier-virtuel-login-portlet .zmdi-unfold-less:before, .change-password-portlet .zmdi-unfold-less:before {
    content: '\f311'; }
  .clavier-virtuel-login-portlet .zmdi-unfold-more:before, .change-password-portlet .zmdi-unfold-more:before {
    content: '\f312'; }
  .clavier-virtuel-login-portlet .zmdi-apps:before, .change-password-portlet .zmdi-apps:before {
    content: '\f313'; }
  .clavier-virtuel-login-portlet .zmdi-grid-off:before, .change-password-portlet .zmdi-grid-off:before {
    content: '\f314'; }
  .clavier-virtuel-login-portlet .zmdi-grid:before, .change-password-portlet .zmdi-grid:before {
    content: '\f315'; }
  .clavier-virtuel-login-portlet .zmdi-view-agenda:before, .change-password-portlet .zmdi-view-agenda:before {
    content: '\f316'; }
  .clavier-virtuel-login-portlet .zmdi-view-array:before, .change-password-portlet .zmdi-view-array:before {
    content: '\f317'; }
  .clavier-virtuel-login-portlet .zmdi-view-carousel:before, .change-password-portlet .zmdi-view-carousel:before {
    content: '\f318'; }
  .clavier-virtuel-login-portlet .zmdi-view-column:before, .change-password-portlet .zmdi-view-column:before {
    content: '\f319'; }
  .clavier-virtuel-login-portlet .zmdi-view-comfy:before, .change-password-portlet .zmdi-view-comfy:before {
    content: '\f31a'; }
  .clavier-virtuel-login-portlet .zmdi-view-compact:before, .change-password-portlet .zmdi-view-compact:before {
    content: '\f31b'; }
  .clavier-virtuel-login-portlet .zmdi-view-dashboard:before, .change-password-portlet .zmdi-view-dashboard:before {
    content: '\f31c'; }
  .clavier-virtuel-login-portlet .zmdi-view-day:before, .change-password-portlet .zmdi-view-day:before {
    content: '\f31d'; }
  .clavier-virtuel-login-portlet .zmdi-view-headline:before, .change-password-portlet .zmdi-view-headline:before {
    content: '\f31e'; }
  .clavier-virtuel-login-portlet .zmdi-view-list-alt:before, .change-password-portlet .zmdi-view-list-alt:before {
    content: '\f31f'; }
  .clavier-virtuel-login-portlet .zmdi-view-list:before, .change-password-portlet .zmdi-view-list:before {
    content: '\f320'; }
  .clavier-virtuel-login-portlet .zmdi-view-module:before, .change-password-portlet .zmdi-view-module:before {
    content: '\f321'; }
  .clavier-virtuel-login-portlet .zmdi-view-quilt:before, .change-password-portlet .zmdi-view-quilt:before {
    content: '\f322'; }
  .clavier-virtuel-login-portlet .zmdi-view-stream:before, .change-password-portlet .zmdi-view-stream:before {
    content: '\f323'; }
  .clavier-virtuel-login-portlet .zmdi-view-subtitles:before, .change-password-portlet .zmdi-view-subtitles:before {
    content: '\f324'; }
  .clavier-virtuel-login-portlet .zmdi-view-toc:before, .change-password-portlet .zmdi-view-toc:before {
    content: '\f325'; }
  .clavier-virtuel-login-portlet .zmdi-view-web:before, .change-password-portlet .zmdi-view-web:before {
    content: '\f326'; }
  .clavier-virtuel-login-portlet .zmdi-view-week:before, .change-password-portlet .zmdi-view-week:before {
    content: '\f327'; }
  .clavier-virtuel-login-portlet .zmdi-widgets:before, .change-password-portlet .zmdi-widgets:before {
    content: '\f328'; }
  .clavier-virtuel-login-portlet .zmdi-alarm-check:before, .change-password-portlet .zmdi-alarm-check:before {
    content: '\f329'; }
  .clavier-virtuel-login-portlet .zmdi-alarm-off:before, .change-password-portlet .zmdi-alarm-off:before {
    content: '\f32a'; }
  .clavier-virtuel-login-portlet .zmdi-alarm-plus:before, .change-password-portlet .zmdi-alarm-plus:before {
    content: '\f32b'; }
  .clavier-virtuel-login-portlet .zmdi-alarm-snooze:before, .change-password-portlet .zmdi-alarm-snooze:before {
    content: '\f32c'; }
  .clavier-virtuel-login-portlet .zmdi-alarm:before, .change-password-portlet .zmdi-alarm:before {
    content: '\f32d'; }
  .clavier-virtuel-login-portlet .zmdi-calendar-alt:before, .change-password-portlet .zmdi-calendar-alt:before {
    content: '\f32e'; }
  .clavier-virtuel-login-portlet .zmdi-calendar-check:before, .change-password-portlet .zmdi-calendar-check:before {
    content: '\f32f'; }
  .clavier-virtuel-login-portlet .zmdi-calendar-close:before, .change-password-portlet .zmdi-calendar-close:before {
    content: '\f330'; }
  .clavier-virtuel-login-portlet .zmdi-calendar-note:before, .change-password-portlet .zmdi-calendar-note:before {
    content: '\f331'; }
  .clavier-virtuel-login-portlet .zmdi-calendar:before, .change-password-portlet .zmdi-calendar:before {
    content: '\f332'; }
  .clavier-virtuel-login-portlet .zmdi-time-countdown:before, .change-password-portlet .zmdi-time-countdown:before {
    content: '\f333'; }
  .clavier-virtuel-login-portlet .zmdi-time-interval:before, .change-password-portlet .zmdi-time-interval:before {
    content: '\f334'; }
  .clavier-virtuel-login-portlet .zmdi-time-restore-setting:before, .change-password-portlet .zmdi-time-restore-setting:before {
    content: '\f335'; }
  .clavier-virtuel-login-portlet .zmdi-time-restore:before, .change-password-portlet .zmdi-time-restore:before {
    content: '\f336'; }
  .clavier-virtuel-login-portlet .zmdi-time:before, .change-password-portlet .zmdi-time:before {
    content: '\f337'; }
  .clavier-virtuel-login-portlet .zmdi-timer-off:before, .change-password-portlet .zmdi-timer-off:before {
    content: '\f338'; }
  .clavier-virtuel-login-portlet .zmdi-timer:before, .change-password-portlet .zmdi-timer:before {
    content: '\f339'; }
  .clavier-virtuel-login-portlet .zmdi-android-alt:before, .change-password-portlet .zmdi-android-alt:before {
    content: '\f33a'; }
  .clavier-virtuel-login-portlet .zmdi-android:before, .change-password-portlet .zmdi-android:before {
    content: '\f33b'; }
  .clavier-virtuel-login-portlet .zmdi-apple:before, .change-password-portlet .zmdi-apple:before {
    content: '\f33c'; }
  .clavier-virtuel-login-portlet .zmdi-behance:before, .change-password-portlet .zmdi-behance:before {
    content: '\f33d'; }
  .clavier-virtuel-login-portlet .zmdi-codepen:before, .change-password-portlet .zmdi-codepen:before {
    content: '\f33e'; }
  .clavier-virtuel-login-portlet .zmdi-dribbble:before, .change-password-portlet .zmdi-dribbble:before {
    content: '\f33f'; }
  .clavier-virtuel-login-portlet .zmdi-dropbox:before, .change-password-portlet .zmdi-dropbox:before {
    content: '\f340'; }
  .clavier-virtuel-login-portlet .zmdi-evernote:before, .change-password-portlet .zmdi-evernote:before {
    content: '\f341'; }
  .clavier-virtuel-login-portlet .zmdi-facebook-box:before, .change-password-portlet .zmdi-facebook-box:before {
    content: '\f342'; }
  .clavier-virtuel-login-portlet .zmdi-facebook:before, .change-password-portlet .zmdi-facebook:before {
    content: '\f343'; }
  .clavier-virtuel-login-portlet .zmdi-github-box:before, .change-password-portlet .zmdi-github-box:before {
    content: '\f344'; }
  .clavier-virtuel-login-portlet .zmdi-github:before, .change-password-portlet .zmdi-github:before {
    content: '\f345'; }
  .clavier-virtuel-login-portlet .zmdi-google-drive:before, .change-password-portlet .zmdi-google-drive:before {
    content: '\f346'; }
  .clavier-virtuel-login-portlet .zmdi-google-earth:before, .change-password-portlet .zmdi-google-earth:before {
    content: '\f347'; }
  .clavier-virtuel-login-portlet .zmdi-google-glass:before, .change-password-portlet .zmdi-google-glass:before {
    content: '\f348'; }
  .clavier-virtuel-login-portlet .zmdi-google-maps:before, .change-password-portlet .zmdi-google-maps:before {
    content: '\f349'; }
  .clavier-virtuel-login-portlet .zmdi-google-pages:before, .change-password-portlet .zmdi-google-pages:before {
    content: '\f34a'; }
  .clavier-virtuel-login-portlet .zmdi-google-play:before, .change-password-portlet .zmdi-google-play:before {
    content: '\f34b'; }
  .clavier-virtuel-login-portlet .zmdi-google-plus-box:before, .change-password-portlet .zmdi-google-plus-box:before {
    content: '\f34c'; }
  .clavier-virtuel-login-portlet .zmdi-google-plus:before, .change-password-portlet .zmdi-google-plus:before {
    content: '\f34d'; }
  .clavier-virtuel-login-portlet .zmdi-google:before, .change-password-portlet .zmdi-google:before {
    content: '\f34e'; }
  .clavier-virtuel-login-portlet .zmdi-instagram:before, .change-password-portlet .zmdi-instagram:before {
    content: '\f34f'; }
  .clavier-virtuel-login-portlet .zmdi-language-css3:before, .change-password-portlet .zmdi-language-css3:before {
    content: '\f350'; }
  .clavier-virtuel-login-portlet .zmdi-language-html5:before, .change-password-portlet .zmdi-language-html5:before {
    content: '\f351'; }
  .clavier-virtuel-login-portlet .zmdi-language-javascript:before, .change-password-portlet .zmdi-language-javascript:before {
    content: '\f352'; }
  .clavier-virtuel-login-portlet .zmdi-language-python-alt:before, .change-password-portlet .zmdi-language-python-alt:before {
    content: '\f353'; }
  .clavier-virtuel-login-portlet .zmdi-language-python:before, .change-password-portlet .zmdi-language-python:before {
    content: '\f354'; }
  .clavier-virtuel-login-portlet .zmdi-lastfm:before, .change-password-portlet .zmdi-lastfm:before {
    content: '\f355'; }
  .clavier-virtuel-login-portlet .zmdi-linkedin-box:before, .change-password-portlet .zmdi-linkedin-box:before {
    content: '\f356'; }
  .clavier-virtuel-login-portlet .zmdi-paypal:before, .change-password-portlet .zmdi-paypal:before {
    content: '\f357'; }
  .clavier-virtuel-login-portlet .zmdi-pinterest-box:before, .change-password-portlet .zmdi-pinterest-box:before {
    content: '\f358'; }
  .clavier-virtuel-login-portlet .zmdi-pocket:before, .change-password-portlet .zmdi-pocket:before {
    content: '\f359'; }
  .clavier-virtuel-login-portlet .zmdi-polymer:before, .change-password-portlet .zmdi-polymer:before {
    content: '\f35a'; }
  .clavier-virtuel-login-portlet .zmdi-share:before, .change-password-portlet .zmdi-share:before {
    content: '\f35b'; }
  .clavier-virtuel-login-portlet .zmdi-stackoverflow:before, .change-password-portlet .zmdi-stackoverflow:before {
    content: '\f35c'; }
  .clavier-virtuel-login-portlet .zmdi-steam-square:before, .change-password-portlet .zmdi-steam-square:before {
    content: '\f35d'; }
  .clavier-virtuel-login-portlet .zmdi-steam:before, .change-password-portlet .zmdi-steam:before {
    content: '\f35e'; }
  .clavier-virtuel-login-portlet .zmdi-twitter-box:before, .change-password-portlet .zmdi-twitter-box:before {
    content: '\f35f'; }
  .clavier-virtuel-login-portlet .zmdi-twitter:before, .change-password-portlet .zmdi-twitter:before {
    content: '\f360'; }
  .clavier-virtuel-login-portlet .zmdi-vk:before, .change-password-portlet .zmdi-vk:before {
    content: '\f361'; }
  .clavier-virtuel-login-portlet .zmdi-wikipedia:before, .change-password-portlet .zmdi-wikipedia:before {
    content: '\f362'; }
  .clavier-virtuel-login-portlet .zmdi-windows:before, .change-password-portlet .zmdi-windows:before {
    content: '\f363'; }
  .clavier-virtuel-login-portlet .zmdi-aspect-ratio-alt:before, .change-password-portlet .zmdi-aspect-ratio-alt:before {
    content: '\f364'; }
  .clavier-virtuel-login-portlet .zmdi-aspect-ratio:before, .change-password-portlet .zmdi-aspect-ratio:before {
    content: '\f365'; }
  .clavier-virtuel-login-portlet .zmdi-blur-circular:before, .change-password-portlet .zmdi-blur-circular:before {
    content: '\f366'; }
  .clavier-virtuel-login-portlet .zmdi-blur-linear:before, .change-password-portlet .zmdi-blur-linear:before {
    content: '\f367'; }
  .clavier-virtuel-login-portlet .zmdi-blur-off:before, .change-password-portlet .zmdi-blur-off:before {
    content: '\f368'; }
  .clavier-virtuel-login-portlet .zmdi-blur:before, .change-password-portlet .zmdi-blur:before {
    content: '\f369'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-2:before, .change-password-portlet .zmdi-brightness-2:before {
    content: '\f36a'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-3:before, .change-password-portlet .zmdi-brightness-3:before {
    content: '\f36b'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-4:before, .change-password-portlet .zmdi-brightness-4:before {
    content: '\f36c'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-5:before, .change-password-portlet .zmdi-brightness-5:before {
    content: '\f36d'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-6:before, .change-password-portlet .zmdi-brightness-6:before {
    content: '\f36e'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-7:before, .change-password-portlet .zmdi-brightness-7:before {
    content: '\f36f'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-auto:before, .change-password-portlet .zmdi-brightness-auto:before {
    content: '\f370'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-setting:before, .change-password-portlet .zmdi-brightness-setting:before {
    content: '\f371'; }
  .clavier-virtuel-login-portlet .zmdi-broken-image:before, .change-password-portlet .zmdi-broken-image:before {
    content: '\f372'; }
  .clavier-virtuel-login-portlet .zmdi-center-focus-strong:before, .change-password-portlet .zmdi-center-focus-strong:before {
    content: '\f373'; }
  .clavier-virtuel-login-portlet .zmdi-center-focus-weak:before, .change-password-portlet .zmdi-center-focus-weak:before {
    content: '\f374'; }
  .clavier-virtuel-login-portlet .zmdi-compare:before, .change-password-portlet .zmdi-compare:before {
    content: '\f375'; }
  .clavier-virtuel-login-portlet .zmdi-crop-16-9:before, .change-password-portlet .zmdi-crop-16-9:before {
    content: '\f376'; }
  .clavier-virtuel-login-portlet .zmdi-crop-3-2:before, .change-password-portlet .zmdi-crop-3-2:before {
    content: '\f377'; }
  .clavier-virtuel-login-portlet .zmdi-crop-5-4:before, .change-password-portlet .zmdi-crop-5-4:before {
    content: '\f378'; }
  .clavier-virtuel-login-portlet .zmdi-crop-7-5:before, .change-password-portlet .zmdi-crop-7-5:before {
    content: '\f379'; }
  .clavier-virtuel-login-portlet .zmdi-crop-din:before, .change-password-portlet .zmdi-crop-din:before {
    content: '\f37a'; }
  .clavier-virtuel-login-portlet .zmdi-crop-free:before, .change-password-portlet .zmdi-crop-free:before {
    content: '\f37b'; }
  .clavier-virtuel-login-portlet .zmdi-crop-landscape:before, .change-password-portlet .zmdi-crop-landscape:before {
    content: '\f37c'; }
  .clavier-virtuel-login-portlet .zmdi-crop-portrait:before, .change-password-portlet .zmdi-crop-portrait:before {
    content: '\f37d'; }
  .clavier-virtuel-login-portlet .zmdi-crop-square:before, .change-password-portlet .zmdi-crop-square:before {
    content: '\f37e'; }
  .clavier-virtuel-login-portlet .zmdi-exposure-alt:before, .change-password-portlet .zmdi-exposure-alt:before {
    content: '\f37f'; }
  .clavier-virtuel-login-portlet .zmdi-exposure:before, .change-password-portlet .zmdi-exposure:before {
    content: '\f380'; }
  .clavier-virtuel-login-portlet .zmdi-filter-b-and-w:before, .change-password-portlet .zmdi-filter-b-and-w:before {
    content: '\f381'; }
  .clavier-virtuel-login-portlet .zmdi-filter-center-focus:before, .change-password-portlet .zmdi-filter-center-focus:before {
    content: '\f382'; }
  .clavier-virtuel-login-portlet .zmdi-filter-frames:before, .change-password-portlet .zmdi-filter-frames:before {
    content: '\f383'; }
  .clavier-virtuel-login-portlet .zmdi-filter-tilt-shift:before, .change-password-portlet .zmdi-filter-tilt-shift:before {
    content: '\f384'; }
  .clavier-virtuel-login-portlet .zmdi-gradient:before, .change-password-portlet .zmdi-gradient:before {
    content: '\f385'; }
  .clavier-virtuel-login-portlet .zmdi-grain:before, .change-password-portlet .zmdi-grain:before {
    content: '\f386'; }
  .clavier-virtuel-login-portlet .zmdi-graphic-eq:before, .change-password-portlet .zmdi-graphic-eq:before {
    content: '\f387'; }
  .clavier-virtuel-login-portlet .zmdi-hdr-off:before, .change-password-portlet .zmdi-hdr-off:before {
    content: '\f388'; }
  .clavier-virtuel-login-portlet .zmdi-hdr-strong:before, .change-password-portlet .zmdi-hdr-strong:before {
    content: '\f389'; }
  .clavier-virtuel-login-portlet .zmdi-hdr-weak:before, .change-password-portlet .zmdi-hdr-weak:before {
    content: '\f38a'; }
  .clavier-virtuel-login-portlet .zmdi-hdr:before, .change-password-portlet .zmdi-hdr:before {
    content: '\f38b'; }
  .clavier-virtuel-login-portlet .zmdi-iridescent:before, .change-password-portlet .zmdi-iridescent:before {
    content: '\f38c'; }
  .clavier-virtuel-login-portlet .zmdi-leak-off:before, .change-password-portlet .zmdi-leak-off:before {
    content: '\f38d'; }
  .clavier-virtuel-login-portlet .zmdi-leak:before, .change-password-portlet .zmdi-leak:before {
    content: '\f38e'; }
  .clavier-virtuel-login-portlet .zmdi-looks:before, .change-password-portlet .zmdi-looks:before {
    content: '\f38f'; }
  .clavier-virtuel-login-portlet .zmdi-loupe:before, .change-password-portlet .zmdi-loupe:before {
    content: '\f390'; }
  .clavier-virtuel-login-portlet .zmdi-panorama-horizontal:before, .change-password-portlet .zmdi-panorama-horizontal:before {
    content: '\f391'; }
  .clavier-virtuel-login-portlet .zmdi-panorama-vertical:before, .change-password-portlet .zmdi-panorama-vertical:before {
    content: '\f392'; }
  .clavier-virtuel-login-portlet .zmdi-panorama-wide-angle:before, .change-password-portlet .zmdi-panorama-wide-angle:before {
    content: '\f393'; }
  .clavier-virtuel-login-portlet .zmdi-photo-size-select-large:before, .change-password-portlet .zmdi-photo-size-select-large:before {
    content: '\f394'; }
  .clavier-virtuel-login-portlet .zmdi-photo-size-select-small:before, .change-password-portlet .zmdi-photo-size-select-small:before {
    content: '\f395'; }
  .clavier-virtuel-login-portlet .zmdi-picture-in-picture:before, .change-password-portlet .zmdi-picture-in-picture:before {
    content: '\f396'; }
  .clavier-virtuel-login-portlet .zmdi-slideshow:before, .change-password-portlet .zmdi-slideshow:before {
    content: '\f397'; }
  .clavier-virtuel-login-portlet .zmdi-texture:before, .change-password-portlet .zmdi-texture:before {
    content: '\f398'; }
  .clavier-virtuel-login-portlet .zmdi-tonality:before, .change-password-portlet .zmdi-tonality:before {
    content: '\f399'; }
  .clavier-virtuel-login-portlet .zmdi-vignette:before, .change-password-portlet .zmdi-vignette:before {
    content: '\f39a'; }
  .clavier-virtuel-login-portlet .zmdi-wb-auto:before, .change-password-portlet .zmdi-wb-auto:before {
    content: '\f39b'; }
  .clavier-virtuel-login-portlet .zmdi-eject-alt:before, .change-password-portlet .zmdi-eject-alt:before {
    content: '\f39c'; }
  .clavier-virtuel-login-portlet .zmdi-eject:before, .change-password-portlet .zmdi-eject:before {
    content: '\f39d'; }
  .clavier-virtuel-login-portlet .zmdi-equalizer:before, .change-password-portlet .zmdi-equalizer:before {
    content: '\f39e'; }
  .clavier-virtuel-login-portlet .zmdi-fast-forward:before, .change-password-portlet .zmdi-fast-forward:before {
    content: '\f39f'; }
  .clavier-virtuel-login-portlet .zmdi-fast-rewind:before, .change-password-portlet .zmdi-fast-rewind:before {
    content: '\f3a0'; }
  .clavier-virtuel-login-portlet .zmdi-forward-10:before, .change-password-portlet .zmdi-forward-10:before {
    content: '\f3a1'; }
  .clavier-virtuel-login-portlet .zmdi-forward-30:before, .change-password-portlet .zmdi-forward-30:before {
    content: '\f3a2'; }
  .clavier-virtuel-login-portlet .zmdi-forward-5:before, .change-password-portlet .zmdi-forward-5:before {
    content: '\f3a3'; }
  .clavier-virtuel-login-portlet .zmdi-hearing:before, .change-password-portlet .zmdi-hearing:before {
    content: '\f3a4'; }
  .clavier-virtuel-login-portlet .zmdi-pause-circle-outline:before, .change-password-portlet .zmdi-pause-circle-outline:before {
    content: '\f3a5'; }
  .clavier-virtuel-login-portlet .zmdi-pause-circle:before, .change-password-portlet .zmdi-pause-circle:before {
    content: '\f3a6'; }
  .clavier-virtuel-login-portlet .zmdi-pause:before, .change-password-portlet .zmdi-pause:before {
    content: '\f3a7'; }
  .clavier-virtuel-login-portlet .zmdi-play-circle-outline:before, .change-password-portlet .zmdi-play-circle-outline:before {
    content: '\f3a8'; }
  .clavier-virtuel-login-portlet .zmdi-play-circle:before, .change-password-portlet .zmdi-play-circle:before {
    content: '\f3a9'; }
  .clavier-virtuel-login-portlet .zmdi-play:before, .change-password-portlet .zmdi-play:before {
    content: '\f3aa'; }
  .clavier-virtuel-login-portlet .zmdi-playlist-audio:before, .change-password-portlet .zmdi-playlist-audio:before {
    content: '\f3ab'; }
  .clavier-virtuel-login-portlet .zmdi-playlist-plus:before, .change-password-portlet .zmdi-playlist-plus:before {
    content: '\f3ac'; }
  .clavier-virtuel-login-portlet .zmdi-repeat-one:before, .change-password-portlet .zmdi-repeat-one:before {
    content: '\f3ad'; }
  .clavier-virtuel-login-portlet .zmdi-repeat:before, .change-password-portlet .zmdi-repeat:before {
    content: '\f3ae'; }
  .clavier-virtuel-login-portlet .zmdi-replay-10:before, .change-password-portlet .zmdi-replay-10:before {
    content: '\f3af'; }
  .clavier-virtuel-login-portlet .zmdi-replay-30:before, .change-password-portlet .zmdi-replay-30:before {
    content: '\f3b0'; }
  .clavier-virtuel-login-portlet .zmdi-replay-5:before, .change-password-portlet .zmdi-replay-5:before {
    content: '\f3b1'; }
  .clavier-virtuel-login-portlet .zmdi-replay:before, .change-password-portlet .zmdi-replay:before {
    content: '\f3b2'; }
  .clavier-virtuel-login-portlet .zmdi-shuffle:before, .change-password-portlet .zmdi-shuffle:before {
    content: '\f3b3'; }
  .clavier-virtuel-login-portlet .zmdi-skip-next:before, .change-password-portlet .zmdi-skip-next:before {
    content: '\f3b4'; }
  .clavier-virtuel-login-portlet .zmdi-skip-previous:before, .change-password-portlet .zmdi-skip-previous:before {
    content: '\f3b5'; }
  .clavier-virtuel-login-portlet .zmdi-stop:before, .change-password-portlet .zmdi-stop:before {
    content: '\f3b6'; }
  .clavier-virtuel-login-portlet .zmdi-surround-sound:before, .change-password-portlet .zmdi-surround-sound:before {
    content: '\f3b7'; }
  .clavier-virtuel-login-portlet .zmdi-tune:before, .change-password-portlet .zmdi-tune:before {
    content: '\f3b8'; }
  .clavier-virtuel-login-portlet .zmdi-volume-down:before, .change-password-portlet .zmdi-volume-down:before {
    content: '\f3b9'; }
  .clavier-virtuel-login-portlet .zmdi-volume-mute:before, .change-password-portlet .zmdi-volume-mute:before {
    content: '\f3ba'; }
  .clavier-virtuel-login-portlet .zmdi-volume-off:before, .change-password-portlet .zmdi-volume-off:before {
    content: '\f3bb'; }
  .clavier-virtuel-login-portlet .zmdi-volume-up:before, .change-password-portlet .zmdi-volume-up:before {
    content: '\f3bc'; }
  .clavier-virtuel-login-portlet .zmdi-n-1-square:before, .change-password-portlet .zmdi-n-1-square:before {
    content: '\f3bd'; }
  .clavier-virtuel-login-portlet .zmdi-n-2-square:before, .change-password-portlet .zmdi-n-2-square:before {
    content: '\f3be'; }
  .clavier-virtuel-login-portlet .zmdi-n-3-square:before, .change-password-portlet .zmdi-n-3-square:before {
    content: '\f3bf'; }
  .clavier-virtuel-login-portlet .zmdi-n-4-square:before, .change-password-portlet .zmdi-n-4-square:before {
    content: '\f3c0'; }
  .clavier-virtuel-login-portlet .zmdi-n-5-square:before, .change-password-portlet .zmdi-n-5-square:before {
    content: '\f3c1'; }
  .clavier-virtuel-login-portlet .zmdi-n-6-square:before, .change-password-portlet .zmdi-n-6-square:before {
    content: '\f3c2'; }
  .clavier-virtuel-login-portlet .zmdi-neg-1:before, .change-password-portlet .zmdi-neg-1:before {
    content: '\f3c3'; }
  .clavier-virtuel-login-portlet .zmdi-neg-2:before, .change-password-portlet .zmdi-neg-2:before {
    content: '\f3c4'; }
  .clavier-virtuel-login-portlet .zmdi-plus-1:before, .change-password-portlet .zmdi-plus-1:before {
    content: '\f3c5'; }
  .clavier-virtuel-login-portlet .zmdi-plus-2:before, .change-password-portlet .zmdi-plus-2:before {
    content: '\f3c6'; }
  .clavier-virtuel-login-portlet .zmdi-sec-10:before, .change-password-portlet .zmdi-sec-10:before {
    content: '\f3c7'; }
  .clavier-virtuel-login-portlet .zmdi-sec-3:before, .change-password-portlet .zmdi-sec-3:before {
    content: '\f3c8'; }
  .clavier-virtuel-login-portlet .zmdi-zero:before, .change-password-portlet .zmdi-zero:before {
    content: '\f3c9'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-flat-angled:before, .change-password-portlet .zmdi-airline-seat-flat-angled:before {
    content: '\f3ca'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-flat:before, .change-password-portlet .zmdi-airline-seat-flat:before {
    content: '\f3cb'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-individual-suite:before, .change-password-portlet .zmdi-airline-seat-individual-suite:before {
    content: '\f3cc'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-legroom-extra:before, .change-password-portlet .zmdi-airline-seat-legroom-extra:before {
    content: '\f3cd'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-legroom-normal:before, .change-password-portlet .zmdi-airline-seat-legroom-normal:before {
    content: '\f3ce'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-legroom-reduced:before, .change-password-portlet .zmdi-airline-seat-legroom-reduced:before {
    content: '\f3cf'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-recline-extra:before, .change-password-portlet .zmdi-airline-seat-recline-extra:before {
    content: '\f3d0'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-recline-normal:before, .change-password-portlet .zmdi-airline-seat-recline-normal:before {
    content: '\f3d1'; }
  .clavier-virtuel-login-portlet .zmdi-airplay:before, .change-password-portlet .zmdi-airplay:before {
    content: '\f3d2'; }
  .clavier-virtuel-login-portlet .zmdi-closed-caption:before, .change-password-portlet .zmdi-closed-caption:before {
    content: '\f3d3'; }
  .clavier-virtuel-login-portlet .zmdi-confirmation-number:before, .change-password-portlet .zmdi-confirmation-number:before {
    content: '\f3d4'; }
  .clavier-virtuel-login-portlet .zmdi-developer-board:before, .change-password-portlet .zmdi-developer-board:before {
    content: '\f3d5'; }
  .clavier-virtuel-login-portlet .zmdi-disc-full:before, .change-password-portlet .zmdi-disc-full:before {
    content: '\f3d6'; }
  .clavier-virtuel-login-portlet .zmdi-explicit:before, .change-password-portlet .zmdi-explicit:before {
    content: '\f3d7'; }
  .clavier-virtuel-login-portlet .zmdi-flight-land:before, .change-password-portlet .zmdi-flight-land:before {
    content: '\f3d8'; }
  .clavier-virtuel-login-portlet .zmdi-flight-takeoff:before, .change-password-portlet .zmdi-flight-takeoff:before {
    content: '\f3d9'; }
  .clavier-virtuel-login-portlet .zmdi-flip-to-back:before, .change-password-portlet .zmdi-flip-to-back:before {
    content: '\f3da'; }
  .clavier-virtuel-login-portlet .zmdi-flip-to-front:before, .change-password-portlet .zmdi-flip-to-front:before {
    content: '\f3db'; }
  .clavier-virtuel-login-portlet .zmdi-group-work:before, .change-password-portlet .zmdi-group-work:before {
    content: '\f3dc'; }
  .clavier-virtuel-login-portlet .zmdi-hd:before, .change-password-portlet .zmdi-hd:before {
    content: '\f3dd'; }
  .clavier-virtuel-login-portlet .zmdi-hq:before, .change-password-portlet .zmdi-hq:before {
    content: '\f3de'; }
  .clavier-virtuel-login-portlet .zmdi-markunread-mailbox:before, .change-password-portlet .zmdi-markunread-mailbox:before {
    content: '\f3df'; }
  .clavier-virtuel-login-portlet .zmdi-memory:before, .change-password-portlet .zmdi-memory:before {
    content: '\f3e0'; }
  .clavier-virtuel-login-portlet .zmdi-nfc:before, .change-password-portlet .zmdi-nfc:before {
    content: '\f3e1'; }
  .clavier-virtuel-login-portlet .zmdi-play-for-work:before, .change-password-portlet .zmdi-play-for-work:before {
    content: '\f3e2'; }
  .clavier-virtuel-login-portlet .zmdi-power-input:before, .change-password-portlet .zmdi-power-input:before {
    content: '\f3e3'; }
  .clavier-virtuel-login-portlet .zmdi-present-to-all:before, .change-password-portlet .zmdi-present-to-all:before {
    content: '\f3e4'; }
  .clavier-virtuel-login-portlet .zmdi-satellite:before, .change-password-portlet .zmdi-satellite:before {
    content: '\f3e5'; }
  .clavier-virtuel-login-portlet .zmdi-tap-and-play:before, .change-password-portlet .zmdi-tap-and-play:before {
    content: '\f3e6'; }
  .clavier-virtuel-login-portlet .zmdi-vibration:before, .change-password-portlet .zmdi-vibration:before {
    content: '\f3e7'; }
  .clavier-virtuel-login-portlet .zmdi-voicemail:before, .change-password-portlet .zmdi-voicemail:before {
    content: '\f3e8'; }
  .clavier-virtuel-login-portlet .zmdi-group:before, .change-password-portlet .zmdi-group:before {
    content: '\f3e9'; }
  .clavier-virtuel-login-portlet .zmdi-rss:before, .change-password-portlet .zmdi-rss:before {
    content: '\f3ea'; }
  .clavier-virtuel-login-portlet .zmdi-shape:before, .change-password-portlet .zmdi-shape:before {
    content: '\f3eb'; }
  .clavier-virtuel-login-portlet .zmdi-spinner:before, .change-password-portlet .zmdi-spinner:before {
    content: '\f3ec'; }
  .clavier-virtuel-login-portlet .zmdi-ungroup:before, .change-password-portlet .zmdi-ungroup:before {
    content: '\f3ed'; }
  .clavier-virtuel-login-portlet .zmdi-500px:before, .change-password-portlet .zmdi-500px:before {
    content: '\f3ee'; }
  .clavier-virtuel-login-portlet .zmdi-8tracks:before, .change-password-portlet .zmdi-8tracks:before {
    content: '\f3ef'; }
  .clavier-virtuel-login-portlet .zmdi-amazon:before, .change-password-portlet .zmdi-amazon:before {
    content: '\f3f0'; }
  .clavier-virtuel-login-portlet .zmdi-blogger:before, .change-password-portlet .zmdi-blogger:before {
    content: '\f3f1'; }
  .clavier-virtuel-login-portlet .zmdi-delicious:before, .change-password-portlet .zmdi-delicious:before {
    content: '\f3f2'; }
  .clavier-virtuel-login-portlet .zmdi-disqus:before, .change-password-portlet .zmdi-disqus:before {
    content: '\f3f3'; }
  .clavier-virtuel-login-portlet .zmdi-flattr:before, .change-password-portlet .zmdi-flattr:before {
    content: '\f3f4'; }
  .clavier-virtuel-login-portlet .zmdi-flickr:before, .change-password-portlet .zmdi-flickr:before {
    content: '\f3f5'; }
  .clavier-virtuel-login-portlet .zmdi-github-alt:before, .change-password-portlet .zmdi-github-alt:before {
    content: '\f3f6'; }
  .clavier-virtuel-login-portlet .zmdi-google-old:before, .change-password-portlet .zmdi-google-old:before {
    content: '\f3f7'; }
  .clavier-virtuel-login-portlet .zmdi-linkedin:before, .change-password-portlet .zmdi-linkedin:before {
    content: '\f3f8'; }
  .clavier-virtuel-login-portlet .zmdi-odnoklassniki:before, .change-password-portlet .zmdi-odnoklassniki:before {
    content: '\f3f9'; }
  .clavier-virtuel-login-portlet .zmdi-outlook:before, .change-password-portlet .zmdi-outlook:before {
    content: '\f3fa'; }
  .clavier-virtuel-login-portlet .zmdi-paypal-alt:before, .change-password-portlet .zmdi-paypal-alt:before {
    content: '\f3fb'; }
  .clavier-virtuel-login-portlet .zmdi-pinterest:before, .change-password-portlet .zmdi-pinterest:before {
    content: '\f3fc'; }
  .clavier-virtuel-login-portlet .zmdi-playstation:before, .change-password-portlet .zmdi-playstation:before {
    content: '\f3fd'; }
  .clavier-virtuel-login-portlet .zmdi-reddit:before, .change-password-portlet .zmdi-reddit:before {
    content: '\f3fe'; }
  .clavier-virtuel-login-portlet .zmdi-skype:before, .change-password-portlet .zmdi-skype:before {
    content: '\f3ff'; }
  .clavier-virtuel-login-portlet .zmdi-slideshare:before, .change-password-portlet .zmdi-slideshare:before {
    content: '\f400'; }
  .clavier-virtuel-login-portlet .zmdi-soundcloud:before, .change-password-portlet .zmdi-soundcloud:before {
    content: '\f401'; }
  .clavier-virtuel-login-portlet .zmdi-tumblr:before, .change-password-portlet .zmdi-tumblr:before {
    content: '\f402'; }
  .clavier-virtuel-login-portlet .zmdi-twitch:before, .change-password-portlet .zmdi-twitch:before {
    content: '\f403'; }
  .clavier-virtuel-login-portlet .zmdi-vimeo:before, .change-password-portlet .zmdi-vimeo:before {
    content: '\f404'; }
  .clavier-virtuel-login-portlet .zmdi-whatsapp:before, .change-password-portlet .zmdi-whatsapp:before {
    content: '\f405'; }
  .clavier-virtuel-login-portlet .zmdi-xbox:before, .change-password-portlet .zmdi-xbox:before {
    content: '\f406'; }
  .clavier-virtuel-login-portlet .zmdi-yahoo:before, .change-password-portlet .zmdi-yahoo:before {
    content: '\f407'; }
  .clavier-virtuel-login-portlet .zmdi-youtube-play:before, .change-password-portlet .zmdi-youtube-play:before {
    content: '\f408'; }
  .clavier-virtuel-login-portlet .zmdi-youtube:before, .change-password-portlet .zmdi-youtube:before {
    content: '\f409'; }
  .clavier-virtuel-login-portlet .zmdi-3d-rotation:before, .change-password-portlet .zmdi-3d-rotation:before {
    content: '\f101'; }
  .clavier-virtuel-login-portlet .zmdi-airplane-off:before, .change-password-portlet .zmdi-airplane-off:before {
    content: '\f102'; }
  .clavier-virtuel-login-portlet .zmdi-airplane:before, .change-password-portlet .zmdi-airplane:before {
    content: '\f103'; }
  .clavier-virtuel-login-portlet .zmdi-album:before, .change-password-portlet .zmdi-album:before {
    content: '\f104'; }
  .clavier-virtuel-login-portlet .zmdi-archive:before, .change-password-portlet .zmdi-archive:before {
    content: '\f105'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-account:before, .change-password-portlet .zmdi-assignment-account:before {
    content: '\f106'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-alert:before, .change-password-portlet .zmdi-assignment-alert:before {
    content: '\f107'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-check:before, .change-password-portlet .zmdi-assignment-check:before {
    content: '\f108'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-o:before, .change-password-portlet .zmdi-assignment-o:before {
    content: '\f109'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-return:before, .change-password-portlet .zmdi-assignment-return:before {
    content: '\f10a'; }
  .clavier-virtuel-login-portlet .zmdi-assignment-returned:before, .change-password-portlet .zmdi-assignment-returned:before {
    content: '\f10b'; }
  .clavier-virtuel-login-portlet .zmdi-assignment:before, .change-password-portlet .zmdi-assignment:before {
    content: '\f10c'; }
  .clavier-virtuel-login-portlet .zmdi-attachment-alt:before, .change-password-portlet .zmdi-attachment-alt:before {
    content: '\f10d'; }
  .clavier-virtuel-login-portlet .zmdi-attachment:before, .change-password-portlet .zmdi-attachment:before {
    content: '\f10e'; }
  .clavier-virtuel-login-portlet .zmdi-audio:before, .change-password-portlet .zmdi-audio:before {
    content: '\f10f'; }
  .clavier-virtuel-login-portlet .zmdi-badge-check:before, .change-password-portlet .zmdi-badge-check:before {
    content: '\f110'; }
  .clavier-virtuel-login-portlet .zmdi-balance-wallet:before, .change-password-portlet .zmdi-balance-wallet:before {
    content: '\f111'; }
  .clavier-virtuel-login-portlet .zmdi-balance:before, .change-password-portlet .zmdi-balance:before {
    content: '\f112'; }
  .clavier-virtuel-login-portlet .zmdi-battery-alert:before, .change-password-portlet .zmdi-battery-alert:before {
    content: '\f113'; }
  .clavier-virtuel-login-portlet .zmdi-battery-flash:before, .change-password-portlet .zmdi-battery-flash:before {
    content: '\f114'; }
  .clavier-virtuel-login-portlet .zmdi-battery-unknown:before, .change-password-portlet .zmdi-battery-unknown:before {
    content: '\f115'; }
  .clavier-virtuel-login-portlet .zmdi-battery:before, .change-password-portlet .zmdi-battery:before {
    content: '\f116'; }
  .clavier-virtuel-login-portlet .zmdi-bike:before, .change-password-portlet .zmdi-bike:before {
    content: '\f117'; }
  .clavier-virtuel-login-portlet .zmdi-block-alt:before, .change-password-portlet .zmdi-block-alt:before {
    content: '\f118'; }
  .clavier-virtuel-login-portlet .zmdi-block:before, .change-password-portlet .zmdi-block:before {
    content: '\f119'; }
  .clavier-virtuel-login-portlet .zmdi-boat:before, .change-password-portlet .zmdi-boat:before {
    content: '\f11a'; }
  .clavier-virtuel-login-portlet .zmdi-book-image:before, .change-password-portlet .zmdi-book-image:before {
    content: '\f11b'; }
  .clavier-virtuel-login-portlet .zmdi-book:before, .change-password-portlet .zmdi-book:before {
    content: '\f11c'; }
  .clavier-virtuel-login-portlet .zmdi-bookmark-outline:before, .change-password-portlet .zmdi-bookmark-outline:before {
    content: '\f11d'; }
  .clavier-virtuel-login-portlet .zmdi-bookmark:before, .change-password-portlet .zmdi-bookmark:before {
    content: '\f11e'; }
  .clavier-virtuel-login-portlet .zmdi-brush:before, .change-password-portlet .zmdi-brush:before {
    content: '\f11f'; }
  .clavier-virtuel-login-portlet .zmdi-bug:before, .change-password-portlet .zmdi-bug:before {
    content: '\f120'; }
  .clavier-virtuel-login-portlet .zmdi-bus:before, .change-password-portlet .zmdi-bus:before {
    content: '\f121'; }
  .clavier-virtuel-login-portlet .zmdi-cake:before, .change-password-portlet .zmdi-cake:before {
    content: '\f122'; }
  .clavier-virtuel-login-portlet .zmdi-car-taxi:before, .change-password-portlet .zmdi-car-taxi:before {
    content: '\f123'; }
  .clavier-virtuel-login-portlet .zmdi-car-wash:before, .change-password-portlet .zmdi-car-wash:before {
    content: '\f124'; }
  .clavier-virtuel-login-portlet .zmdi-car:before, .change-password-portlet .zmdi-car:before {
    content: '\f125'; }
  .clavier-virtuel-login-portlet .zmdi-card-giftcard:before, .change-password-portlet .zmdi-card-giftcard:before {
    content: '\f126'; }
  .clavier-virtuel-login-portlet .zmdi-card-membership:before, .change-password-portlet .zmdi-card-membership:before {
    content: '\f127'; }
  .clavier-virtuel-login-portlet .zmdi-card-travel:before, .change-password-portlet .zmdi-card-travel:before {
    content: '\f128'; }
  .clavier-virtuel-login-portlet .zmdi-card:before, .change-password-portlet .zmdi-card:before {
    content: '\f129'; }
  .clavier-virtuel-login-portlet .zmdi-case-check:before, .change-password-portlet .zmdi-case-check:before {
    content: '\f12a'; }
  .clavier-virtuel-login-portlet .zmdi-case-download:before, .change-password-portlet .zmdi-case-download:before {
    content: '\f12b'; }
  .clavier-virtuel-login-portlet .zmdi-case-play:before, .change-password-portlet .zmdi-case-play:before {
    content: '\f12c'; }
  .clavier-virtuel-login-portlet .zmdi-case:before, .change-password-portlet .zmdi-case:before {
    content: '\f12d'; }
  .clavier-virtuel-login-portlet .zmdi-cast-connected:before, .change-password-portlet .zmdi-cast-connected:before {
    content: '\f12e'; }
  .clavier-virtuel-login-portlet .zmdi-cast:before, .change-password-portlet .zmdi-cast:before {
    content: '\f12f'; }
  .clavier-virtuel-login-portlet .zmdi-chart-donut:before, .change-password-portlet .zmdi-chart-donut:before {
    content: '\f130'; }
  .clavier-virtuel-login-portlet .zmdi-chart:before, .change-password-portlet .zmdi-chart:before {
    content: '\f131'; }
  .clavier-virtuel-login-portlet .zmdi-city-alt:before, .change-password-portlet .zmdi-city-alt:before {
    content: '\f132'; }
  .clavier-virtuel-login-portlet .zmdi-city:before, .change-password-portlet .zmdi-city:before {
    content: '\f133'; }
  .clavier-virtuel-login-portlet .zmdi-close-circle-o:before, .change-password-portlet .zmdi-close-circle-o:before {
    content: '\f134'; }
  .clavier-virtuel-login-portlet .zmdi-close-circle:before, .change-password-portlet .zmdi-close-circle:before {
    content: '\f135'; }
  .clavier-virtuel-login-portlet .zmdi-close:before, .change-password-portlet .zmdi-close:before {
    content: '\f136'; }
  .clavier-virtuel-login-portlet .zmdi-cocktail:before, .change-password-portlet .zmdi-cocktail:before {
    content: '\f137'; }
  .clavier-virtuel-login-portlet .zmdi-code-setting:before, .change-password-portlet .zmdi-code-setting:before {
    content: '\f138'; }
  .clavier-virtuel-login-portlet .zmdi-code-smartphone:before, .change-password-portlet .zmdi-code-smartphone:before {
    content: '\f139'; }
  .clavier-virtuel-login-portlet .zmdi-code:before, .change-password-portlet .zmdi-code:before {
    content: '\f13a'; }
  .clavier-virtuel-login-portlet .zmdi-coffee:before, .change-password-portlet .zmdi-coffee:before {
    content: '\f13b'; }
  .clavier-virtuel-login-portlet .zmdi-collection-bookmark:before, .change-password-portlet .zmdi-collection-bookmark:before {
    content: '\f13c'; }
  .clavier-virtuel-login-portlet .zmdi-collection-case-play:before, .change-password-portlet .zmdi-collection-case-play:before {
    content: '\f13d'; }
  .clavier-virtuel-login-portlet .zmdi-collection-folder-image:before, .change-password-portlet .zmdi-collection-folder-image:before {
    content: '\f13e'; }
  .clavier-virtuel-login-portlet .zmdi-collection-image-o:before, .change-password-portlet .zmdi-collection-image-o:before {
    content: '\f13f'; }
  .clavier-virtuel-login-portlet .zmdi-collection-image:before, .change-password-portlet .zmdi-collection-image:before {
    content: '\f140'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-1:before, .change-password-portlet .zmdi-collection-item-1:before {
    content: '\f141'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-2:before, .change-password-portlet .zmdi-collection-item-2:before {
    content: '\f142'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-3:before, .change-password-portlet .zmdi-collection-item-3:before {
    content: '\f143'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-4:before, .change-password-portlet .zmdi-collection-item-4:before {
    content: '\f144'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-5:before, .change-password-portlet .zmdi-collection-item-5:before {
    content: '\f145'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-6:before, .change-password-portlet .zmdi-collection-item-6:before {
    content: '\f146'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-7:before, .change-password-portlet .zmdi-collection-item-7:before {
    content: '\f147'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-8:before, .change-password-portlet .zmdi-collection-item-8:before {
    content: '\f148'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-9-plus:before, .change-password-portlet .zmdi-collection-item-9-plus:before {
    content: '\f149'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item-9:before, .change-password-portlet .zmdi-collection-item-9:before {
    content: '\f14a'; }
  .clavier-virtuel-login-portlet .zmdi-collection-item:before, .change-password-portlet .zmdi-collection-item:before {
    content: '\f14b'; }
  .clavier-virtuel-login-portlet .zmdi-collection-music:before, .change-password-portlet .zmdi-collection-music:before {
    content: '\f14c'; }
  .clavier-virtuel-login-portlet .zmdi-collection-pdf:before, .change-password-portlet .zmdi-collection-pdf:before {
    content: '\f14d'; }
  .clavier-virtuel-login-portlet .zmdi-collection-plus:before, .change-password-portlet .zmdi-collection-plus:before {
    content: '\f14e'; }
  .clavier-virtuel-login-portlet .zmdi-collection-speaker:before, .change-password-portlet .zmdi-collection-speaker:before {
    content: '\f14f'; }
  .clavier-virtuel-login-portlet .zmdi-collection-text:before, .change-password-portlet .zmdi-collection-text:before {
    content: '\f150'; }
  .clavier-virtuel-login-portlet .zmdi-collection-video:before, .change-password-portlet .zmdi-collection-video:before {
    content: '\f151'; }
  .clavier-virtuel-login-portlet .zmdi-compass:before, .change-password-portlet .zmdi-compass:before {
    content: '\f152'; }
  .clavier-virtuel-login-portlet .zmdi-cutlery:before, .change-password-portlet .zmdi-cutlery:before {
    content: '\f153'; }
  .clavier-virtuel-login-portlet .zmdi-delete:before, .change-password-portlet .zmdi-delete:before {
    content: '\f154'; }
  .clavier-virtuel-login-portlet .zmdi-dialpad:before, .change-password-portlet .zmdi-dialpad:before {
    content: '\f155'; }
  .clavier-virtuel-login-portlet .zmdi-dns:before, .change-password-portlet .zmdi-dns:before {
    content: '\f156'; }
  .clavier-virtuel-login-portlet .zmdi-drink:before, .change-password-portlet .zmdi-drink:before {
    content: '\f157'; }
  .clavier-virtuel-login-portlet .zmdi-edit:before, .change-password-portlet .zmdi-edit:before {
    content: '\f158'; }
  .clavier-virtuel-login-portlet .zmdi-email-open:before, .change-password-portlet .zmdi-email-open:before {
    content: '\f159'; }
  .clavier-virtuel-login-portlet .zmdi-email:before, .change-password-portlet .zmdi-email:before {
    content: '\f15a'; }
  .clavier-virtuel-login-portlet .zmdi-eye-off:before, .change-password-portlet .zmdi-eye-off:before {
    content: '\f15b'; }
  .clavier-virtuel-login-portlet .zmdi-eye:before, .change-password-portlet .zmdi-eye:before {
    content: '\f15c'; }
  .clavier-virtuel-login-portlet .zmdi-eyedropper:before, .change-password-portlet .zmdi-eyedropper:before {
    content: '\f15d'; }
  .clavier-virtuel-login-portlet .zmdi-favorite-outline:before, .change-password-portlet .zmdi-favorite-outline:before {
    content: '\f15e'; }
  .clavier-virtuel-login-portlet .zmdi-favorite:before, .change-password-portlet .zmdi-favorite:before {
    content: '\f15f'; }
  .clavier-virtuel-login-portlet .zmdi-filter-list:before, .change-password-portlet .zmdi-filter-list:before {
    content: '\f160'; }
  .clavier-virtuel-login-portlet .zmdi-fire:before, .change-password-portlet .zmdi-fire:before {
    content: '\f161'; }
  .clavier-virtuel-login-portlet .zmdi-flag:before, .change-password-portlet .zmdi-flag:before {
    content: '\f162'; }
  .clavier-virtuel-login-portlet .zmdi-flare:before, .change-password-portlet .zmdi-flare:before {
    content: '\f163'; }
  .clavier-virtuel-login-portlet .zmdi-flash-auto:before, .change-password-portlet .zmdi-flash-auto:before {
    content: '\f164'; }
  .clavier-virtuel-login-portlet .zmdi-flash-off:before, .change-password-portlet .zmdi-flash-off:before {
    content: '\f165'; }
  .clavier-virtuel-login-portlet .zmdi-flash:before, .change-password-portlet .zmdi-flash:before {
    content: '\f166'; }
  .clavier-virtuel-login-portlet .zmdi-flip:before, .change-password-portlet .zmdi-flip:before {
    content: '\f167'; }
  .clavier-virtuel-login-portlet .zmdi-flower-alt:before, .change-password-portlet .zmdi-flower-alt:before {
    content: '\f168'; }
  .clavier-virtuel-login-portlet .zmdi-flower:before, .change-password-portlet .zmdi-flower:before {
    content: '\f169'; }
  .clavier-virtuel-login-portlet .zmdi-font:before, .change-password-portlet .zmdi-font:before {
    content: '\f16a'; }
  .clavier-virtuel-login-portlet .zmdi-fullscreen-alt:before, .change-password-portlet .zmdi-fullscreen-alt:before {
    content: '\f16b'; }
  .clavier-virtuel-login-portlet .zmdi-fullscreen-exit:before, .change-password-portlet .zmdi-fullscreen-exit:before {
    content: '\f16c'; }
  .clavier-virtuel-login-portlet .zmdi-fullscreen:before, .change-password-portlet .zmdi-fullscreen:before {
    content: '\f16d'; }
  .clavier-virtuel-login-portlet .zmdi-functions:before, .change-password-portlet .zmdi-functions:before {
    content: '\f16e'; }
  .clavier-virtuel-login-portlet .zmdi-gas-station:before, .change-password-portlet .zmdi-gas-station:before {
    content: '\f16f'; }
  .clavier-virtuel-login-portlet .zmdi-gesture:before, .change-password-portlet .zmdi-gesture:before {
    content: '\f170'; }
  .clavier-virtuel-login-portlet .zmdi-globe-alt:before, .change-password-portlet .zmdi-globe-alt:before {
    content: '\f171'; }
  .clavier-virtuel-login-portlet .zmdi-globe-lock:before, .change-password-portlet .zmdi-globe-lock:before {
    content: '\f172'; }
  .clavier-virtuel-login-portlet .zmdi-globe:before, .change-password-portlet .zmdi-globe:before {
    content: '\f173'; }
  .clavier-virtuel-login-portlet .zmdi-graduation-cap:before, .change-password-portlet .zmdi-graduation-cap:before {
    content: '\f174'; }
  .clavier-virtuel-login-portlet .zmdi-home:before, .change-password-portlet .zmdi-home:before {
    content: '\f175'; }
  .clavier-virtuel-login-portlet .zmdi-hospital-alt:before, .change-password-portlet .zmdi-hospital-alt:before {
    content: '\f176'; }
  .clavier-virtuel-login-portlet .zmdi-hospital:before, .change-password-portlet .zmdi-hospital:before {
    content: '\f177'; }
  .clavier-virtuel-login-portlet .zmdi-hotel:before, .change-password-portlet .zmdi-hotel:before {
    content: '\f178'; }
  .clavier-virtuel-login-portlet .zmdi-hourglass-alt:before, .change-password-portlet .zmdi-hourglass-alt:before {
    content: '\f179'; }
  .clavier-virtuel-login-portlet .zmdi-hourglass-outline:before, .change-password-portlet .zmdi-hourglass-outline:before {
    content: '\f17a'; }
  .clavier-virtuel-login-portlet .zmdi-hourglass:before, .change-password-portlet .zmdi-hourglass:before {
    content: '\f17b'; }
  .clavier-virtuel-login-portlet .zmdi-http:before, .change-password-portlet .zmdi-http:before {
    content: '\f17c'; }
  .clavier-virtuel-login-portlet .zmdi-image-alt:before, .change-password-portlet .zmdi-image-alt:before {
    content: '\f17d'; }
  .clavier-virtuel-login-portlet .zmdi-image-o:before, .change-password-portlet .zmdi-image-o:before {
    content: '\f17e'; }
  .clavier-virtuel-login-portlet .zmdi-image:before, .change-password-portlet .zmdi-image:before {
    content: '\f17f'; }
  .clavier-virtuel-login-portlet .zmdi-inbox:before, .change-password-portlet .zmdi-inbox:before {
    content: '\f180'; }
  .clavier-virtuel-login-portlet .zmdi-invert-colors-off:before, .change-password-portlet .zmdi-invert-colors-off:before {
    content: '\f181'; }
  .clavier-virtuel-login-portlet .zmdi-invert-colors:before, .change-password-portlet .zmdi-invert-colors:before {
    content: '\f182'; }
  .clavier-virtuel-login-portlet .zmdi-key:before, .change-password-portlet .zmdi-key:before {
    content: '\f183'; }
  .clavier-virtuel-login-portlet .zmdi-label-alt-outline:before, .change-password-portlet .zmdi-label-alt-outline:before {
    content: '\f184'; }
  .clavier-virtuel-login-portlet .zmdi-label-alt:before, .change-password-portlet .zmdi-label-alt:before {
    content: '\f185'; }
  .clavier-virtuel-login-portlet .zmdi-label-heart:before, .change-password-portlet .zmdi-label-heart:before {
    content: '\f186'; }
  .clavier-virtuel-login-portlet .zmdi-label:before, .change-password-portlet .zmdi-label:before {
    content: '\f187'; }
  .clavier-virtuel-login-portlet .zmdi-labels:before, .change-password-portlet .zmdi-labels:before {
    content: '\f188'; }
  .clavier-virtuel-login-portlet .zmdi-lamp:before, .change-password-portlet .zmdi-lamp:before {
    content: '\f189'; }
  .clavier-virtuel-login-portlet .zmdi-landscape:before, .change-password-portlet .zmdi-landscape:before {
    content: '\f18a'; }
  .clavier-virtuel-login-portlet .zmdi-layers-off:before, .change-password-portlet .zmdi-layers-off:before {
    content: '\f18b'; }
  .clavier-virtuel-login-portlet .zmdi-layers:before, .change-password-portlet .zmdi-layers:before {
    content: '\f18c'; }
  .clavier-virtuel-login-portlet .zmdi-library:before, .change-password-portlet .zmdi-library:before {
    content: '\f18d'; }
  .clavier-virtuel-login-portlet .zmdi-link:before, .change-password-portlet .zmdi-link:before {
    content: '\f18e'; }
  .clavier-virtuel-login-portlet .zmdi-lock-open:before, .change-password-portlet .zmdi-lock-open:before {
    content: '\f18f'; }
  .clavier-virtuel-login-portlet .zmdi-lock-outline:before, .change-password-portlet .zmdi-lock-outline:before {
    content: '\f190'; }
  .clavier-virtuel-login-portlet .zmdi-lock:before, .change-password-portlet .zmdi-lock:before {
    content: '\f191'; }
  .clavier-virtuel-login-portlet .zmdi-mail-reply-all:before, .change-password-portlet .zmdi-mail-reply-all:before {
    content: '\f192'; }
  .clavier-virtuel-login-portlet .zmdi-mail-reply:before, .change-password-portlet .zmdi-mail-reply:before {
    content: '\f193'; }
  .clavier-virtuel-login-portlet .zmdi-mail-send:before, .change-password-portlet .zmdi-mail-send:before {
    content: '\f194'; }
  .clavier-virtuel-login-portlet .zmdi-mall:before, .change-password-portlet .zmdi-mall:before {
    content: '\f195'; }
  .clavier-virtuel-login-portlet .zmdi-map:before, .change-password-portlet .zmdi-map:before {
    content: '\f196'; }
  .clavier-virtuel-login-portlet .zmdi-menu:before, .change-password-portlet .zmdi-menu:before {
    content: '\f197'; }
  .clavier-virtuel-login-portlet .zmdi-money-box:before, .change-password-portlet .zmdi-money-box:before {
    content: '\f198'; }
  .clavier-virtuel-login-portlet .zmdi-money-off:before, .change-password-portlet .zmdi-money-off:before {
    content: '\f199'; }
  .clavier-virtuel-login-portlet .zmdi-money:before, .change-password-portlet .zmdi-money:before {
    content: '\f19a'; }
  .clavier-virtuel-login-portlet .zmdi-more-vert:before, .change-password-portlet .zmdi-more-vert:before {
    content: '\f19b'; }
  .clavier-virtuel-login-portlet .zmdi-more:before, .change-password-portlet .zmdi-more:before {
    content: '\f19c'; }
  .clavier-virtuel-login-portlet .zmdi-movie-alt:before, .change-password-portlet .zmdi-movie-alt:before {
    content: '\f19d'; }
  .clavier-virtuel-login-portlet .zmdi-movie:before, .change-password-portlet .zmdi-movie:before {
    content: '\f19e'; }
  .clavier-virtuel-login-portlet .zmdi-nature-people:before, .change-password-portlet .zmdi-nature-people:before {
    content: '\f19f'; }
  .clavier-virtuel-login-portlet .zmdi-nature:before, .change-password-portlet .zmdi-nature:before {
    content: '\f1a0'; }
  .clavier-virtuel-login-portlet .zmdi-navigation:before, .change-password-portlet .zmdi-navigation:before {
    content: '\f1a1'; }
  .clavier-virtuel-login-portlet .zmdi-open-in-browser:before, .change-password-portlet .zmdi-open-in-browser:before {
    content: '\f1a2'; }
  .clavier-virtuel-login-portlet .zmdi-open-in-new:before, .change-password-portlet .zmdi-open-in-new:before {
    content: '\f1a3'; }
  .clavier-virtuel-login-portlet .zmdi-palette:before, .change-password-portlet .zmdi-palette:before {
    content: '\f1a4'; }
  .clavier-virtuel-login-portlet .zmdi-parking:before, .change-password-portlet .zmdi-parking:before {
    content: '\f1a5'; }
  .clavier-virtuel-login-portlet .zmdi-pin-account:before, .change-password-portlet .zmdi-pin-account:before {
    content: '\f1a6'; }
  .clavier-virtuel-login-portlet .zmdi-pin-assistant:before, .change-password-portlet .zmdi-pin-assistant:before {
    content: '\f1a7'; }
  .clavier-virtuel-login-portlet .zmdi-pin-drop:before, .change-password-portlet .zmdi-pin-drop:before {
    content: '\f1a8'; }
  .clavier-virtuel-login-portlet .zmdi-pin-help:before, .change-password-portlet .zmdi-pin-help:before {
    content: '\f1a9'; }
  .clavier-virtuel-login-portlet .zmdi-pin-off:before, .change-password-portlet .zmdi-pin-off:before {
    content: '\f1aa'; }
  .clavier-virtuel-login-portlet .zmdi-pin:before, .change-password-portlet .zmdi-pin:before {
    content: '\f1ab'; }
  .clavier-virtuel-login-portlet .zmdi-pizza:before, .change-password-portlet .zmdi-pizza:before {
    content: '\f1ac'; }
  .clavier-virtuel-login-portlet .zmdi-plaster:before, .change-password-portlet .zmdi-plaster:before {
    content: '\f1ad'; }
  .clavier-virtuel-login-portlet .zmdi-power-setting:before, .change-password-portlet .zmdi-power-setting:before {
    content: '\f1ae'; }
  .clavier-virtuel-login-portlet .zmdi-power:before, .change-password-portlet .zmdi-power:before {
    content: '\f1af'; }
  .clavier-virtuel-login-portlet .zmdi-print:before, .change-password-portlet .zmdi-print:before {
    content: '\f1b0'; }
  .clavier-virtuel-login-portlet .zmdi-puzzle-piece:before, .change-password-portlet .zmdi-puzzle-piece:before {
    content: '\f1b1'; }
  .clavier-virtuel-login-portlet .zmdi-quote:before, .change-password-portlet .zmdi-quote:before {
    content: '\f1b2'; }
  .clavier-virtuel-login-portlet .zmdi-railway:before, .change-password-portlet .zmdi-railway:before {
    content: '\f1b3'; }
  .clavier-virtuel-login-portlet .zmdi-receipt:before, .change-password-portlet .zmdi-receipt:before {
    content: '\f1b4'; }
  .clavier-virtuel-login-portlet .zmdi-refresh-alt:before, .change-password-portlet .zmdi-refresh-alt:before {
    content: '\f1b5'; }
  .clavier-virtuel-login-portlet .zmdi-refresh-sync-alert:before, .change-password-portlet .zmdi-refresh-sync-alert:before {
    content: '\f1b6'; }
  .clavier-virtuel-login-portlet .zmdi-refresh-sync-off:before, .change-password-portlet .zmdi-refresh-sync-off:before {
    content: '\f1b7'; }
  .clavier-virtuel-login-portlet .zmdi-refresh-sync:before, .change-password-portlet .zmdi-refresh-sync:before {
    content: '\f1b8'; }
  .clavier-virtuel-login-portlet .zmdi-refresh:before, .change-password-portlet .zmdi-refresh:before {
    content: '\f1b9'; }
  .clavier-virtuel-login-portlet .zmdi-roller:before, .change-password-portlet .zmdi-roller:before {
    content: '\f1ba'; }
  .clavier-virtuel-login-portlet .zmdi-ruler:before, .change-password-portlet .zmdi-ruler:before {
    content: '\f1bb'; }
  .clavier-virtuel-login-portlet .zmdi-scissors:before, .change-password-portlet .zmdi-scissors:before {
    content: '\f1bc'; }
  .clavier-virtuel-login-portlet .zmdi-screen-rotation-lock:before, .change-password-portlet .zmdi-screen-rotation-lock:before {
    content: '\f1bd'; }
  .clavier-virtuel-login-portlet .zmdi-screen-rotation:before, .change-password-portlet .zmdi-screen-rotation:before {
    content: '\f1be'; }
  .clavier-virtuel-login-portlet .zmdi-search-for:before, .change-password-portlet .zmdi-search-for:before {
    content: '\f1bf'; }
  .clavier-virtuel-login-portlet .zmdi-search-in-file:before, .change-password-portlet .zmdi-search-in-file:before {
    content: '\f1c0'; }
  .clavier-virtuel-login-portlet .zmdi-search-in-page:before, .change-password-portlet .zmdi-search-in-page:before {
    content: '\f1c1'; }
  .clavier-virtuel-login-portlet .zmdi-search-replace:before, .change-password-portlet .zmdi-search-replace:before {
    content: '\f1c2'; }
  .clavier-virtuel-login-portlet .zmdi-search:before, .change-password-portlet .zmdi-search:before {
    content: '\f1c3'; }
  .clavier-virtuel-login-portlet .zmdi-seat:before, .change-password-portlet .zmdi-seat:before {
    content: '\f1c4'; }
  .clavier-virtuel-login-portlet .zmdi-settings-square:before, .change-password-portlet .zmdi-settings-square:before {
    content: '\f1c5'; }
  .clavier-virtuel-login-portlet .zmdi-settings:before, .change-password-portlet .zmdi-settings:before {
    content: '\f1c6'; }
  .clavier-virtuel-login-portlet .zmdi-shield-check:before, .change-password-portlet .zmdi-shield-check:before {
    content: '\f1c7'; }
  .clavier-virtuel-login-portlet .zmdi-shield-security:before, .change-password-portlet .zmdi-shield-security:before {
    content: '\f1c8'; }
  .clavier-virtuel-login-portlet .zmdi-shopping-basket:before, .change-password-portlet .zmdi-shopping-basket:before {
    content: '\f1c9'; }
  .clavier-virtuel-login-portlet .zmdi-shopping-cart-plus:before, .change-password-portlet .zmdi-shopping-cart-plus:before {
    content: '\f1ca'; }
  .clavier-virtuel-login-portlet .zmdi-shopping-cart:before, .change-password-portlet .zmdi-shopping-cart:before {
    content: '\f1cb'; }
  .clavier-virtuel-login-portlet .zmdi-sign-in:before, .change-password-portlet .zmdi-sign-in:before {
    content: '\f1cc'; }
  .clavier-virtuel-login-portlet .zmdi-sort-amount-asc:before, .change-password-portlet .zmdi-sort-amount-asc:before {
    content: '\f1cd'; }
  .clavier-virtuel-login-portlet .zmdi-sort-amount-desc:before, .change-password-portlet .zmdi-sort-amount-desc:before {
    content: '\f1ce'; }
  .clavier-virtuel-login-portlet .zmdi-sort-asc:before, .change-password-portlet .zmdi-sort-asc:before {
    content: '\f1cf'; }
  .clavier-virtuel-login-portlet .zmdi-sort-desc:before, .change-password-portlet .zmdi-sort-desc:before {
    content: '\f1d0'; }
  .clavier-virtuel-login-portlet .zmdi-spellcheck:before, .change-password-portlet .zmdi-spellcheck:before {
    content: '\f1d1'; }
  .clavier-virtuel-login-portlet .zmdi-storage:before, .change-password-portlet .zmdi-storage:before {
    content: '\f1d2'; }
  .clavier-virtuel-login-portlet .zmdi-store-24:before, .change-password-portlet .zmdi-store-24:before {
    content: '\f1d3'; }
  .clavier-virtuel-login-portlet .zmdi-store:before, .change-password-portlet .zmdi-store:before {
    content: '\f1d4'; }
  .clavier-virtuel-login-portlet .zmdi-subway:before, .change-password-portlet .zmdi-subway:before {
    content: '\f1d5'; }
  .clavier-virtuel-login-portlet .zmdi-sun:before, .change-password-portlet .zmdi-sun:before {
    content: '\f1d6'; }
  .clavier-virtuel-login-portlet .zmdi-tab-unselected:before, .change-password-portlet .zmdi-tab-unselected:before {
    content: '\f1d7'; }
  .clavier-virtuel-login-portlet .zmdi-tab:before, .change-password-portlet .zmdi-tab:before {
    content: '\f1d8'; }
  .clavier-virtuel-login-portlet .zmdi-tag-close:before, .change-password-portlet .zmdi-tag-close:before {
    content: '\f1d9'; }
  .clavier-virtuel-login-portlet .zmdi-tag-more:before, .change-password-portlet .zmdi-tag-more:before {
    content: '\f1da'; }
  .clavier-virtuel-login-portlet .zmdi-tag:before, .change-password-portlet .zmdi-tag:before {
    content: '\f1db'; }
  .clavier-virtuel-login-portlet .zmdi-thumb-down:before, .change-password-portlet .zmdi-thumb-down:before {
    content: '\f1dc'; }
  .clavier-virtuel-login-portlet .zmdi-thumb-up-down:before, .change-password-portlet .zmdi-thumb-up-down:before {
    content: '\f1dd'; }
  .clavier-virtuel-login-portlet .zmdi-thumb-up:before, .change-password-portlet .zmdi-thumb-up:before {
    content: '\f1de'; }
  .clavier-virtuel-login-portlet .zmdi-ticket-star:before, .change-password-portlet .zmdi-ticket-star:before {
    content: '\f1df'; }
  .clavier-virtuel-login-portlet .zmdi-toll:before, .change-password-portlet .zmdi-toll:before {
    content: '\f1e0'; }
  .clavier-virtuel-login-portlet .zmdi-toys:before, .change-password-portlet .zmdi-toys:before {
    content: '\f1e1'; }
  .clavier-virtuel-login-portlet .zmdi-traffic:before, .change-password-portlet .zmdi-traffic:before {
    content: '\f1e2'; }
  .clavier-virtuel-login-portlet .zmdi-translate:before, .change-password-portlet .zmdi-translate:before {
    content: '\f1e3'; }
  .clavier-virtuel-login-portlet .zmdi-triangle-down:before, .change-password-portlet .zmdi-triangle-down:before {
    content: '\f1e4'; }
  .clavier-virtuel-login-portlet .zmdi-triangle-up:before, .change-password-portlet .zmdi-triangle-up:before {
    content: '\f1e5'; }
  .clavier-virtuel-login-portlet .zmdi-truck:before, .change-password-portlet .zmdi-truck:before {
    content: '\f1e6'; }
  .clavier-virtuel-login-portlet .zmdi-turning-sign:before, .change-password-portlet .zmdi-turning-sign:before {
    content: '\f1e7'; }
  .clavier-virtuel-login-portlet .zmdi-wallpaper:before, .change-password-portlet .zmdi-wallpaper:before {
    content: '\f1e8'; }
  .clavier-virtuel-login-portlet .zmdi-washing-machine:before, .change-password-portlet .zmdi-washing-machine:before {
    content: '\f1e9'; }
  .clavier-virtuel-login-portlet .zmdi-window-maximize:before, .change-password-portlet .zmdi-window-maximize:before {
    content: '\f1ea'; }
  .clavier-virtuel-login-portlet .zmdi-window-minimize:before, .change-password-portlet .zmdi-window-minimize:before {
    content: '\f1eb'; }
  .clavier-virtuel-login-portlet .zmdi-window-restore:before, .change-password-portlet .zmdi-window-restore:before {
    content: '\f1ec'; }
  .clavier-virtuel-login-portlet .zmdi-wrench:before, .change-password-portlet .zmdi-wrench:before {
    content: '\f1ed'; }
  .clavier-virtuel-login-portlet .zmdi-zoom-in:before, .change-password-portlet .zmdi-zoom-in:before {
    content: '\f1ee'; }
  .clavier-virtuel-login-portlet .zmdi-zoom-out:before, .change-password-portlet .zmdi-zoom-out:before {
    content: '\f1ef'; }
  .clavier-virtuel-login-portlet .zmdi-alert-circle-o:before, .change-password-portlet .zmdi-alert-circle-o:before {
    content: '\f1f0'; }
  .clavier-virtuel-login-portlet .zmdi-alert-circle:before, .change-password-portlet .zmdi-alert-circle:before {
    content: '\f1f1'; }
  .clavier-virtuel-login-portlet .zmdi-alert-octagon:before, .change-password-portlet .zmdi-alert-octagon:before {
    content: '\f1f2'; }
  .clavier-virtuel-login-portlet .zmdi-alert-polygon:before, .change-password-portlet .zmdi-alert-polygon:before {
    content: '\f1f3'; }
  .clavier-virtuel-login-portlet .zmdi-alert-triangle:before, .change-password-portlet .zmdi-alert-triangle:before {
    content: '\f1f4'; }
  .clavier-virtuel-login-portlet .zmdi-help-outline:before, .change-password-portlet .zmdi-help-outline:before {
    content: '\f1f5'; }
  .clavier-virtuel-login-portlet .zmdi-help:before, .change-password-portlet .zmdi-help:before {
    content: '\f1f6'; }
  .clavier-virtuel-login-portlet .zmdi-info-outline:before, .change-password-portlet .zmdi-info-outline:before {
    content: '\f1f7'; }
  .clavier-virtuel-login-portlet .zmdi-info:before, .change-password-portlet .zmdi-info:before {
    content: '\f1f8'; }
  .clavier-virtuel-login-portlet .zmdi-notifications-active:before, .change-password-portlet .zmdi-notifications-active:before {
    content: '\f1f9'; }
  .clavier-virtuel-login-portlet .zmdi-notifications-add:before, .change-password-portlet .zmdi-notifications-add:before {
    content: '\f1fa'; }
  .clavier-virtuel-login-portlet .zmdi-notifications-none:before, .change-password-portlet .zmdi-notifications-none:before {
    content: '\f1fb'; }
  .clavier-virtuel-login-portlet .zmdi-notifications-off:before, .change-password-portlet .zmdi-notifications-off:before {
    content: '\f1fc'; }
  .clavier-virtuel-login-portlet .zmdi-notifications-paused:before, .change-password-portlet .zmdi-notifications-paused:before {
    content: '\f1fd'; }
  .clavier-virtuel-login-portlet .zmdi-notifications:before, .change-password-portlet .zmdi-notifications:before {
    content: '\f1fe'; }
  .clavier-virtuel-login-portlet .zmdi-account-add:before, .change-password-portlet .zmdi-account-add:before {
    content: '\f1ff'; }
  .clavier-virtuel-login-portlet .zmdi-account-box-mail:before, .change-password-portlet .zmdi-account-box-mail:before {
    content: '\f200'; }
  .clavier-virtuel-login-portlet .zmdi-account-box-o:before, .change-password-portlet .zmdi-account-box-o:before {
    content: '\f201'; }
  .clavier-virtuel-login-portlet .zmdi-account-box-phone:before, .change-password-portlet .zmdi-account-box-phone:before {
    content: '\f202'; }
  .clavier-virtuel-login-portlet .zmdi-account-box:before, .change-password-portlet .zmdi-account-box:before {
    content: '\f203'; }
  .clavier-virtuel-login-portlet .zmdi-account-calendar:before, .change-password-portlet .zmdi-account-calendar:before {
    content: '\f204'; }
  .clavier-virtuel-login-portlet .zmdi-account-circle:before, .change-password-portlet .zmdi-account-circle:before {
    content: '\f205'; }
  .clavier-virtuel-login-portlet .zmdi-account-o:before, .change-password-portlet .zmdi-account-o:before {
    content: '\f206'; }
  .clavier-virtuel-login-portlet .zmdi-account:before, .change-password-portlet .zmdi-account:before {
    content: '\f207'; }
  .clavier-virtuel-login-portlet .zmdi-accounts-add:before, .change-password-portlet .zmdi-accounts-add:before {
    content: '\f208'; }
  .clavier-virtuel-login-portlet .zmdi-accounts-alt:before, .change-password-portlet .zmdi-accounts-alt:before {
    content: '\f209'; }
  .clavier-virtuel-login-portlet .zmdi-accounts-list-alt:before, .change-password-portlet .zmdi-accounts-list-alt:before {
    content: '\f20a'; }
  .clavier-virtuel-login-portlet .zmdi-accounts-list:before, .change-password-portlet .zmdi-accounts-list:before {
    content: '\f20b'; }
  .clavier-virtuel-login-portlet .zmdi-accounts-outline:before, .change-password-portlet .zmdi-accounts-outline:before {
    content: '\f20c'; }
  .clavier-virtuel-login-portlet .zmdi-accounts:before, .change-password-portlet .zmdi-accounts:before {
    content: '\f20d'; }
  .clavier-virtuel-login-portlet .zmdi-face:before, .change-password-portlet .zmdi-face:before {
    content: '\f20e'; }
  .clavier-virtuel-login-portlet .zmdi-female:before, .change-password-portlet .zmdi-female:before {
    content: '\f20f'; }
  .clavier-virtuel-login-portlet .zmdi-male-alt:before, .change-password-portlet .zmdi-male-alt:before {
    content: '\f210'; }
  .clavier-virtuel-login-portlet .zmdi-male-female:before, .change-password-portlet .zmdi-male-female:before {
    content: '\f211'; }
  .clavier-virtuel-login-portlet .zmdi-male:before, .change-password-portlet .zmdi-male:before {
    content: '\f212'; }
  .clavier-virtuel-login-portlet .zmdi-mood-bad:before, .change-password-portlet .zmdi-mood-bad:before {
    content: '\f213'; }
  .clavier-virtuel-login-portlet .zmdi-mood:before, .change-password-portlet .zmdi-mood:before {
    content: '\f214'; }
  .clavier-virtuel-login-portlet .zmdi-run:before, .change-password-portlet .zmdi-run:before {
    content: '\f215'; }
  .clavier-virtuel-login-portlet .zmdi-walk:before, .change-password-portlet .zmdi-walk:before {
    content: '\f216'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-box:before, .change-password-portlet .zmdi-cloud-box:before {
    content: '\f217'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-circle:before, .change-password-portlet .zmdi-cloud-circle:before {
    content: '\f218'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-done:before, .change-password-portlet .zmdi-cloud-done:before {
    content: '\f219'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-download:before, .change-password-portlet .zmdi-cloud-download:before {
    content: '\f21a'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-off:before, .change-password-portlet .zmdi-cloud-off:before {
    content: '\f21b'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-outline-alt:before, .change-password-portlet .zmdi-cloud-outline-alt:before {
    content: '\f21c'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-outline:before, .change-password-portlet .zmdi-cloud-outline:before {
    content: '\f21d'; }
  .clavier-virtuel-login-portlet .zmdi-cloud-upload:before, .change-password-portlet .zmdi-cloud-upload:before {
    content: '\f21e'; }
  .clavier-virtuel-login-portlet .zmdi-cloud:before, .change-password-portlet .zmdi-cloud:before {
    content: '\f21f'; }
  .clavier-virtuel-login-portlet .zmdi-download:before, .change-password-portlet .zmdi-download:before {
    content: '\f220'; }
  .clavier-virtuel-login-portlet .zmdi-file-plus:before, .change-password-portlet .zmdi-file-plus:before {
    content: '\f221'; }
  .clavier-virtuel-login-portlet .zmdi-file-text:before, .change-password-portlet .zmdi-file-text:before {
    content: '\f222'; }
  .clavier-virtuel-login-portlet .zmdi-file:before, .change-password-portlet .zmdi-file:before {
    content: '\f223'; }
  .clavier-virtuel-login-portlet .zmdi-folder-outline:before, .change-password-portlet .zmdi-folder-outline:before {
    content: '\f224'; }
  .clavier-virtuel-login-portlet .zmdi-folder-person:before, .change-password-portlet .zmdi-folder-person:before {
    content: '\f225'; }
  .clavier-virtuel-login-portlet .zmdi-folder-star-alt:before, .change-password-portlet .zmdi-folder-star-alt:before {
    content: '\f226'; }
  .clavier-virtuel-login-portlet .zmdi-folder-star:before, .change-password-portlet .zmdi-folder-star:before {
    content: '\f227'; }
  .clavier-virtuel-login-portlet .zmdi-folder:before, .change-password-portlet .zmdi-folder:before {
    content: '\f228'; }
  .clavier-virtuel-login-portlet .zmdi-gif:before, .change-password-portlet .zmdi-gif:before {
    content: '\f229'; }
  .clavier-virtuel-login-portlet .zmdi-upload:before, .change-password-portlet .zmdi-upload:before {
    content: '\f22a'; }
  .clavier-virtuel-login-portlet .zmdi-border-all:before, .change-password-portlet .zmdi-border-all:before {
    content: '\f22b'; }
  .clavier-virtuel-login-portlet .zmdi-border-bottom:before, .change-password-portlet .zmdi-border-bottom:before {
    content: '\f22c'; }
  .clavier-virtuel-login-portlet .zmdi-border-clear:before, .change-password-portlet .zmdi-border-clear:before {
    content: '\f22d'; }
  .clavier-virtuel-login-portlet .zmdi-border-color:before, .change-password-portlet .zmdi-border-color:before {
    content: '\f22e'; }
  .clavier-virtuel-login-portlet .zmdi-border-horizontal:before, .change-password-portlet .zmdi-border-horizontal:before {
    content: '\f22f'; }
  .clavier-virtuel-login-portlet .zmdi-border-inner:before, .change-password-portlet .zmdi-border-inner:before {
    content: '\f230'; }
  .clavier-virtuel-login-portlet .zmdi-border-left:before, .change-password-portlet .zmdi-border-left:before {
    content: '\f231'; }
  .clavier-virtuel-login-portlet .zmdi-border-outer:before, .change-password-portlet .zmdi-border-outer:before {
    content: '\f232'; }
  .clavier-virtuel-login-portlet .zmdi-border-right:before, .change-password-portlet .zmdi-border-right:before {
    content: '\f233'; }
  .clavier-virtuel-login-portlet .zmdi-border-style:before, .change-password-portlet .zmdi-border-style:before {
    content: '\f234'; }
  .clavier-virtuel-login-portlet .zmdi-border-top:before, .change-password-portlet .zmdi-border-top:before {
    content: '\f235'; }
  .clavier-virtuel-login-portlet .zmdi-border-vertical:before, .change-password-portlet .zmdi-border-vertical:before {
    content: '\f236'; }
  .clavier-virtuel-login-portlet .zmdi-copy:before, .change-password-portlet .zmdi-copy:before {
    content: '\f237'; }
  .clavier-virtuel-login-portlet .zmdi-crop:before, .change-password-portlet .zmdi-crop:before {
    content: '\f238'; }
  .clavier-virtuel-login-portlet .zmdi-format-align-center:before, .change-password-portlet .zmdi-format-align-center:before {
    content: '\f239'; }
  .clavier-virtuel-login-portlet .zmdi-format-align-justify:before, .change-password-portlet .zmdi-format-align-justify:before {
    content: '\f23a'; }
  .clavier-virtuel-login-portlet .zmdi-format-align-left:before, .change-password-portlet .zmdi-format-align-left:before {
    content: '\f23b'; }
  .clavier-virtuel-login-portlet .zmdi-format-align-right:before, .change-password-portlet .zmdi-format-align-right:before {
    content: '\f23c'; }
  .clavier-virtuel-login-portlet .zmdi-format-bold:before, .change-password-portlet .zmdi-format-bold:before {
    content: '\f23d'; }
  .clavier-virtuel-login-portlet .zmdi-format-clear-all:before, .change-password-portlet .zmdi-format-clear-all:before {
    content: '\f23e'; }
  .clavier-virtuel-login-portlet .zmdi-format-clear:before, .change-password-portlet .zmdi-format-clear:before {
    content: '\f23f'; }
  .clavier-virtuel-login-portlet .zmdi-format-color-fill:before, .change-password-portlet .zmdi-format-color-fill:before {
    content: '\f240'; }
  .clavier-virtuel-login-portlet .zmdi-format-color-reset:before, .change-password-portlet .zmdi-format-color-reset:before {
    content: '\f241'; }
  .clavier-virtuel-login-portlet .zmdi-format-color-text:before, .change-password-portlet .zmdi-format-color-text:before {
    content: '\f242'; }
  .clavier-virtuel-login-portlet .zmdi-format-indent-decrease:before, .change-password-portlet .zmdi-format-indent-decrease:before {
    content: '\f243'; }
  .clavier-virtuel-login-portlet .zmdi-format-indent-increase:before, .change-password-portlet .zmdi-format-indent-increase:before {
    content: '\f244'; }
  .clavier-virtuel-login-portlet .zmdi-format-italic:before, .change-password-portlet .zmdi-format-italic:before {
    content: '\f245'; }
  .clavier-virtuel-login-portlet .zmdi-format-line-spacing:before, .change-password-portlet .zmdi-format-line-spacing:before {
    content: '\f246'; }
  .clavier-virtuel-login-portlet .zmdi-format-list-bulleted:before, .change-password-portlet .zmdi-format-list-bulleted:before {
    content: '\f247'; }
  .clavier-virtuel-login-portlet .zmdi-format-list-numbered:before, .change-password-portlet .zmdi-format-list-numbered:before {
    content: '\f248'; }
  .clavier-virtuel-login-portlet .zmdi-format-ltr:before, .change-password-portlet .zmdi-format-ltr:before {
    content: '\f249'; }
  .clavier-virtuel-login-portlet .zmdi-format-rtl:before, .change-password-portlet .zmdi-format-rtl:before {
    content: '\f24a'; }
  .clavier-virtuel-login-portlet .zmdi-format-size:before, .change-password-portlet .zmdi-format-size:before {
    content: '\f24b'; }
  .clavier-virtuel-login-portlet .zmdi-format-strikethrough-s:before, .change-password-portlet .zmdi-format-strikethrough-s:before {
    content: '\f24c'; }
  .clavier-virtuel-login-portlet .zmdi-format-strikethrough:before, .change-password-portlet .zmdi-format-strikethrough:before {
    content: '\f24d'; }
  .clavier-virtuel-login-portlet .zmdi-format-subject:before, .change-password-portlet .zmdi-format-subject:before {
    content: '\f24e'; }
  .clavier-virtuel-login-portlet .zmdi-format-underlined:before, .change-password-portlet .zmdi-format-underlined:before {
    content: '\f24f'; }
  .clavier-virtuel-login-portlet .zmdi-format-valign-bottom:before, .change-password-portlet .zmdi-format-valign-bottom:before {
    content: '\f250'; }
  .clavier-virtuel-login-portlet .zmdi-format-valign-center:before, .change-password-portlet .zmdi-format-valign-center:before {
    content: '\f251'; }
  .clavier-virtuel-login-portlet .zmdi-format-valign-top:before, .change-password-portlet .zmdi-format-valign-top:before {
    content: '\f252'; }
  .clavier-virtuel-login-portlet .zmdi-redo:before, .change-password-portlet .zmdi-redo:before {
    content: '\f253'; }
  .clavier-virtuel-login-portlet .zmdi-select-all:before, .change-password-portlet .zmdi-select-all:before {
    content: '\f254'; }
  .clavier-virtuel-login-portlet .zmdi-space-bar:before, .change-password-portlet .zmdi-space-bar:before {
    content: '\f255'; }
  .clavier-virtuel-login-portlet .zmdi-text-format:before, .change-password-portlet .zmdi-text-format:before {
    content: '\f256'; }
  .clavier-virtuel-login-portlet .zmdi-transform:before, .change-password-portlet .zmdi-transform:before {
    content: '\f257'; }
  .clavier-virtuel-login-portlet .zmdi-undo:before, .change-password-portlet .zmdi-undo:before {
    content: '\f258'; }
  .clavier-virtuel-login-portlet .zmdi-wrap-text:before, .change-password-portlet .zmdi-wrap-text:before {
    content: '\f259'; }
  .clavier-virtuel-login-portlet .zmdi-comment-alert:before, .change-password-portlet .zmdi-comment-alert:before {
    content: '\f25a'; }
  .clavier-virtuel-login-portlet .zmdi-comment-alt-text:before, .change-password-portlet .zmdi-comment-alt-text:before {
    content: '\f25b'; }
  .clavier-virtuel-login-portlet .zmdi-comment-alt:before, .change-password-portlet .zmdi-comment-alt:before {
    content: '\f25c'; }
  .clavier-virtuel-login-portlet .zmdi-comment-edit:before, .change-password-portlet .zmdi-comment-edit:before {
    content: '\f25d'; }
  .clavier-virtuel-login-portlet .zmdi-comment-image:before, .change-password-portlet .zmdi-comment-image:before {
    content: '\f25e'; }
  .clavier-virtuel-login-portlet .zmdi-comment-list:before, .change-password-portlet .zmdi-comment-list:before {
    content: '\f25f'; }
  .clavier-virtuel-login-portlet .zmdi-comment-more:before, .change-password-portlet .zmdi-comment-more:before {
    content: '\f260'; }
  .clavier-virtuel-login-portlet .zmdi-comment-outline:before, .change-password-portlet .zmdi-comment-outline:before {
    content: '\f261'; }
  .clavier-virtuel-login-portlet .zmdi-comment-text-alt:before, .change-password-portlet .zmdi-comment-text-alt:before {
    content: '\f262'; }
  .clavier-virtuel-login-portlet .zmdi-comment-text:before, .change-password-portlet .zmdi-comment-text:before {
    content: '\f263'; }
  .clavier-virtuel-login-portlet .zmdi-comment-video:before, .change-password-portlet .zmdi-comment-video:before {
    content: '\f264'; }
  .clavier-virtuel-login-portlet .zmdi-comment:before, .change-password-portlet .zmdi-comment:before {
    content: '\f265'; }
  .clavier-virtuel-login-portlet .zmdi-comments:before, .change-password-portlet .zmdi-comments:before {
    content: '\f266'; }
  .clavier-virtuel-login-portlet .zmdi-check-all:before, .change-password-portlet .zmdi-check-all:before {
    content: '\f267'; }
  .clavier-virtuel-login-portlet .zmdi-check-circle-u:before, .change-password-portlet .zmdi-check-circle-u:before {
    content: '\f268'; }
  .clavier-virtuel-login-portlet .zmdi-check-circle:before, .change-password-portlet .zmdi-check-circle:before {
    content: '\f269'; }
  .clavier-virtuel-login-portlet .zmdi-check-square:before, .change-password-portlet .zmdi-check-square:before {
    content: '\f26a'; }
  .clavier-virtuel-login-portlet .zmdi-check:before, .change-password-portlet .zmdi-check:before {
    content: '\f26b'; }
  .clavier-virtuel-login-portlet .zmdi-circle-o:before, .change-password-portlet .zmdi-circle-o:before {
    content: '\f26c'; }
  .clavier-virtuel-login-portlet .zmdi-circle:before, .change-password-portlet .zmdi-circle:before {
    content: '\f26d'; }
  .clavier-virtuel-login-portlet .zmdi-dot-circle-alt:before, .change-password-portlet .zmdi-dot-circle-alt:before {
    content: '\f26e'; }
  .clavier-virtuel-login-portlet .zmdi-dot-circle:before, .change-password-portlet .zmdi-dot-circle:before {
    content: '\f26f'; }
  .clavier-virtuel-login-portlet .zmdi-minus-circle-outline:before, .change-password-portlet .zmdi-minus-circle-outline:before {
    content: '\f270'; }
  .clavier-virtuel-login-portlet .zmdi-minus-circle:before, .change-password-portlet .zmdi-minus-circle:before {
    content: '\f271'; }
  .clavier-virtuel-login-portlet .zmdi-minus-square:before, .change-password-portlet .zmdi-minus-square:before {
    content: '\f272'; }
  .clavier-virtuel-login-portlet .zmdi-minus:before, .change-password-portlet .zmdi-minus:before {
    content: '\f273'; }
  .clavier-virtuel-login-portlet .zmdi-plus-circle-o-duplicate:before, .change-password-portlet .zmdi-plus-circle-o-duplicate:before {
    content: '\f274'; }
  .clavier-virtuel-login-portlet .zmdi-plus-circle-o:before, .change-password-portlet .zmdi-plus-circle-o:before {
    content: '\f275'; }
  .clavier-virtuel-login-portlet .zmdi-plus-circle:before, .change-password-portlet .zmdi-plus-circle:before {
    content: '\f276'; }
  .clavier-virtuel-login-portlet .zmdi-plus-square:before, .change-password-portlet .zmdi-plus-square:before {
    content: '\f277'; }
  .clavier-virtuel-login-portlet .zmdi-plus:before, .change-password-portlet .zmdi-plus:before {
    content: '\f278'; }
  .clavier-virtuel-login-portlet .zmdi-square-o:before, .change-password-portlet .zmdi-square-o:before {
    content: '\f279'; }
  .clavier-virtuel-login-portlet .zmdi-star-circle:before, .change-password-portlet .zmdi-star-circle:before {
    content: '\f27a'; }
  .clavier-virtuel-login-portlet .zmdi-star-half:before, .change-password-portlet .zmdi-star-half:before {
    content: '\f27b'; }
  .clavier-virtuel-login-portlet .zmdi-star-outline:before, .change-password-portlet .zmdi-star-outline:before {
    content: '\f27c'; }
  .clavier-virtuel-login-portlet .zmdi-star:before, .change-password-portlet .zmdi-star:before {
    content: '\f27d'; }
  .clavier-virtuel-login-portlet .zmdi-bluetooth-connected:before, .change-password-portlet .zmdi-bluetooth-connected:before {
    content: '\f27e'; }
  .clavier-virtuel-login-portlet .zmdi-bluetooth-off:before, .change-password-portlet .zmdi-bluetooth-off:before {
    content: '\f27f'; }
  .clavier-virtuel-login-portlet .zmdi-bluetooth-search:before, .change-password-portlet .zmdi-bluetooth-search:before {
    content: '\f280'; }
  .clavier-virtuel-login-portlet .zmdi-bluetooth-setting:before, .change-password-portlet .zmdi-bluetooth-setting:before {
    content: '\f281'; }
  .clavier-virtuel-login-portlet .zmdi-bluetooth:before, .change-password-portlet .zmdi-bluetooth:before {
    content: '\f282'; }
  .clavier-virtuel-login-portlet .zmdi-camera-add:before, .change-password-portlet .zmdi-camera-add:before {
    content: '\f283'; }
  .clavier-virtuel-login-portlet .zmdi-camera-alt:before, .change-password-portlet .zmdi-camera-alt:before {
    content: '\f284'; }
  .clavier-virtuel-login-portlet .zmdi-camera-bw:before, .change-password-portlet .zmdi-camera-bw:before {
    content: '\f285'; }
  .clavier-virtuel-login-portlet .zmdi-camera-front:before, .change-password-portlet .zmdi-camera-front:before {
    content: '\f286'; }
  .clavier-virtuel-login-portlet .zmdi-camera-mic:before, .change-password-portlet .zmdi-camera-mic:before {
    content: '\f287'; }
  .clavier-virtuel-login-portlet .zmdi-camera-party-mode:before, .change-password-portlet .zmdi-camera-party-mode:before {
    content: '\f288'; }
  .clavier-virtuel-login-portlet .zmdi-camera-rear:before, .change-password-portlet .zmdi-camera-rear:before {
    content: '\f289'; }
  .clavier-virtuel-login-portlet .zmdi-camera-roll:before, .change-password-portlet .zmdi-camera-roll:before {
    content: '\f28a'; }
  .clavier-virtuel-login-portlet .zmdi-camera-switch:before, .change-password-portlet .zmdi-camera-switch:before {
    content: '\f28b'; }
  .clavier-virtuel-login-portlet .zmdi-camera:before, .change-password-portlet .zmdi-camera:before {
    content: '\f28c'; }
  .clavier-virtuel-login-portlet .zmdi-card-alert:before, .change-password-portlet .zmdi-card-alert:before {
    content: '\f28d'; }
  .clavier-virtuel-login-portlet .zmdi-card-off:before, .change-password-portlet .zmdi-card-off:before {
    content: '\f28e'; }
  .clavier-virtuel-login-portlet .zmdi-card-sd:before, .change-password-portlet .zmdi-card-sd:before {
    content: '\f28f'; }
  .clavier-virtuel-login-portlet .zmdi-card-sim:before, .change-password-portlet .zmdi-card-sim:before {
    content: '\f290'; }
  .clavier-virtuel-login-portlet .zmdi-desktop-mac:before, .change-password-portlet .zmdi-desktop-mac:before {
    content: '\f291'; }
  .clavier-virtuel-login-portlet .zmdi-desktop-windows:before, .change-password-portlet .zmdi-desktop-windows:before {
    content: '\f292'; }
  .clavier-virtuel-login-portlet .zmdi-device-hub:before, .change-password-portlet .zmdi-device-hub:before {
    content: '\f293'; }
  .clavier-virtuel-login-portlet .zmdi-devices-off:before, .change-password-portlet .zmdi-devices-off:before {
    content: '\f294'; }
  .clavier-virtuel-login-portlet .zmdi-devices:before, .change-password-portlet .zmdi-devices:before {
    content: '\f295'; }
  .clavier-virtuel-login-portlet .zmdi-dock:before, .change-password-portlet .zmdi-dock:before {
    content: '\f296'; }
  .clavier-virtuel-login-portlet .zmdi-floppy:before, .change-password-portlet .zmdi-floppy:before {
    content: '\f297'; }
  .clavier-virtuel-login-portlet .zmdi-gamepad:before, .change-password-portlet .zmdi-gamepad:before {
    content: '\f298'; }
  .clavier-virtuel-login-portlet .zmdi-gps-dot:before, .change-password-portlet .zmdi-gps-dot:before {
    content: '\f299'; }
  .clavier-virtuel-login-portlet .zmdi-gps-off:before, .change-password-portlet .zmdi-gps-off:before {
    content: '\f29a'; }
  .clavier-virtuel-login-portlet .zmdi-gps:before, .change-password-portlet .zmdi-gps:before {
    content: '\f29b'; }
  .clavier-virtuel-login-portlet .zmdi-headset-mic:before, .change-password-portlet .zmdi-headset-mic:before {
    content: '\f29c'; }
  .clavier-virtuel-login-portlet .zmdi-headset:before, .change-password-portlet .zmdi-headset:before {
    content: '\f29d'; }
  .clavier-virtuel-login-portlet .zmdi-input-antenna:before, .change-password-portlet .zmdi-input-antenna:before {
    content: '\f29e'; }
  .clavier-virtuel-login-portlet .zmdi-input-composite:before, .change-password-portlet .zmdi-input-composite:before {
    content: '\f29f'; }
  .clavier-virtuel-login-portlet .zmdi-input-hdmi:before, .change-password-portlet .zmdi-input-hdmi:before {
    content: '\f2a0'; }
  .clavier-virtuel-login-portlet .zmdi-input-power:before, .change-password-portlet .zmdi-input-power:before {
    content: '\f2a1'; }
  .clavier-virtuel-login-portlet .zmdi-input-svideo:before, .change-password-portlet .zmdi-input-svideo:before {
    content: '\f2a2'; }
  .clavier-virtuel-login-portlet .zmdi-keyboard-hide:before, .change-password-portlet .zmdi-keyboard-hide:before {
    content: '\f2a3'; }
  .clavier-virtuel-login-portlet .zmdi-keyboard:before, .change-password-portlet .zmdi-keyboard:before {
    content: '\f2a4'; }
  .clavier-virtuel-login-portlet .zmdi-laptop-chromebook:before, .change-password-portlet .zmdi-laptop-chromebook:before {
    content: '\f2a5'; }
  .clavier-virtuel-login-portlet .zmdi-laptop-mac:before, .change-password-portlet .zmdi-laptop-mac:before {
    content: '\f2a6'; }
  .clavier-virtuel-login-portlet .zmdi-laptop:before, .change-password-portlet .zmdi-laptop:before {
    content: '\f2a7'; }
  .clavier-virtuel-login-portlet .zmdi-mic-off:before, .change-password-portlet .zmdi-mic-off:before {
    content: '\f2a8'; }
  .clavier-virtuel-login-portlet .zmdi-mic-outline:before, .change-password-portlet .zmdi-mic-outline:before {
    content: '\f2a9'; }
  .clavier-virtuel-login-portlet .zmdi-mic-setting:before, .change-password-portlet .zmdi-mic-setting:before {
    content: '\f2aa'; }
  .clavier-virtuel-login-portlet .zmdi-mic:before, .change-password-portlet .zmdi-mic:before {
    content: '\f2ab'; }
  .clavier-virtuel-login-portlet .zmdi-mouse:before, .change-password-portlet .zmdi-mouse:before {
    content: '\f2ac'; }
  .clavier-virtuel-login-portlet .zmdi-network-alert:before, .change-password-portlet .zmdi-network-alert:before {
    content: '\f2ad'; }
  .clavier-virtuel-login-portlet .zmdi-network-locked:before, .change-password-portlet .zmdi-network-locked:before {
    content: '\f2ae'; }
  .clavier-virtuel-login-portlet .zmdi-network-off:before, .change-password-portlet .zmdi-network-off:before {
    content: '\f2af'; }
  .clavier-virtuel-login-portlet .zmdi-network-outline:before, .change-password-portlet .zmdi-network-outline:before {
    content: '\f2b0'; }
  .clavier-virtuel-login-portlet .zmdi-network-setting:before, .change-password-portlet .zmdi-network-setting:before {
    content: '\f2b1'; }
  .clavier-virtuel-login-portlet .zmdi-network:before, .change-password-portlet .zmdi-network:before {
    content: '\f2b2'; }
  .clavier-virtuel-login-portlet .zmdi-phone-bluetooth:before, .change-password-portlet .zmdi-phone-bluetooth:before {
    content: '\f2b3'; }
  .clavier-virtuel-login-portlet .zmdi-phone-end:before, .change-password-portlet .zmdi-phone-end:before {
    content: '\f2b4'; }
  .clavier-virtuel-login-portlet .zmdi-phone-forwarded:before, .change-password-portlet .zmdi-phone-forwarded:before {
    content: '\f2b5'; }
  .clavier-virtuel-login-portlet .zmdi-phone-in-talk:before, .change-password-portlet .zmdi-phone-in-talk:before {
    content: '\f2b6'; }
  .clavier-virtuel-login-portlet .zmdi-phone-locked:before, .change-password-portlet .zmdi-phone-locked:before {
    content: '\f2b7'; }
  .clavier-virtuel-login-portlet .zmdi-phone-missed:before, .change-password-portlet .zmdi-phone-missed:before {
    content: '\f2b8'; }
  .clavier-virtuel-login-portlet .zmdi-phone-msg:before, .change-password-portlet .zmdi-phone-msg:before {
    content: '\f2b9'; }
  .clavier-virtuel-login-portlet .zmdi-phone-paused:before, .change-password-portlet .zmdi-phone-paused:before {
    content: '\f2ba'; }
  .clavier-virtuel-login-portlet .zmdi-phone-ring:before, .change-password-portlet .zmdi-phone-ring:before {
    content: '\f2bb'; }
  .clavier-virtuel-login-portlet .zmdi-phone-setting:before, .change-password-portlet .zmdi-phone-setting:before {
    content: '\f2bc'; }
  .clavier-virtuel-login-portlet .zmdi-phone-sip:before, .change-password-portlet .zmdi-phone-sip:before {
    content: '\f2bd'; }
  .clavier-virtuel-login-portlet .zmdi-phone:before, .change-password-portlet .zmdi-phone:before {
    content: '\f2be'; }
  .clavier-virtuel-login-portlet .zmdi-portable-wifi-changes:before, .change-password-portlet .zmdi-portable-wifi-changes:before {
    content: '\f2bf'; }
  .clavier-virtuel-login-portlet .zmdi-portable-wifi-off:before, .change-password-portlet .zmdi-portable-wifi-off:before {
    content: '\f2c0'; }
  .clavier-virtuel-login-portlet .zmdi-portable-wifi:before, .change-password-portlet .zmdi-portable-wifi:before {
    content: '\f2c1'; }
  .clavier-virtuel-login-portlet .zmdi-radio:before, .change-password-portlet .zmdi-radio:before {
    content: '\f2c2'; }
  .clavier-virtuel-login-portlet .zmdi-reader:before, .change-password-portlet .zmdi-reader:before {
    content: '\f2c3'; }
  .clavier-virtuel-login-portlet .zmdi-remote-control-alt:before, .change-password-portlet .zmdi-remote-control-alt:before {
    content: '\f2c4'; }
  .clavier-virtuel-login-portlet .zmdi-remote-control:before, .change-password-portlet .zmdi-remote-control:before {
    content: '\f2c5'; }
  .clavier-virtuel-login-portlet .zmdi-router:before, .change-password-portlet .zmdi-router:before {
    content: '\f2c6'; }
  .clavier-virtuel-login-portlet .zmdi-scanner:before, .change-password-portlet .zmdi-scanner:before {
    content: '\f2c7'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-android:before, .change-password-portlet .zmdi-smartphone-android:before {
    content: '\f2c8'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-download:before, .change-password-portlet .zmdi-smartphone-download:before {
    content: '\f2c9'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-erase:before, .change-password-portlet .zmdi-smartphone-erase:before {
    content: '\f2ca'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-info:before, .change-password-portlet .zmdi-smartphone-info:before {
    content: '\f2cb'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-iphone:before, .change-password-portlet .zmdi-smartphone-iphone:before {
    content: '\f2cc'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-landscape-lock:before, .change-password-portlet .zmdi-smartphone-landscape-lock:before {
    content: '\f2cd'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-landscape:before, .change-password-portlet .zmdi-smartphone-landscape:before {
    content: '\f2ce'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-lock:before, .change-password-portlet .zmdi-smartphone-lock:before {
    content: '\f2cf'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-portrait-lock:before, .change-password-portlet .zmdi-smartphone-portrait-lock:before {
    content: '\f2d0'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-ring:before, .change-password-portlet .zmdi-smartphone-ring:before {
    content: '\f2d1'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-setting:before, .change-password-portlet .zmdi-smartphone-setting:before {
    content: '\f2d2'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-setup:before, .change-password-portlet .zmdi-smartphone-setup:before {
    content: '\f2d3'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone:before, .change-password-portlet .zmdi-smartphone:before {
    content: '\f2d4'; }
  .clavier-virtuel-login-portlet .zmdi-speaker:before, .change-password-portlet .zmdi-speaker:before {
    content: '\f2d5'; }
  .clavier-virtuel-login-portlet .zmdi-tablet-android:before, .change-password-portlet .zmdi-tablet-android:before {
    content: '\f2d6'; }
  .clavier-virtuel-login-portlet .zmdi-tablet-mac:before, .change-password-portlet .zmdi-tablet-mac:before {
    content: '\f2d7'; }
  .clavier-virtuel-login-portlet .zmdi-tablet:before, .change-password-portlet .zmdi-tablet:before {
    content: '\f2d8'; }
  .clavier-virtuel-login-portlet .zmdi-tv-alt-play:before, .change-password-portlet .zmdi-tv-alt-play:before {
    content: '\f2d9'; }
  .clavier-virtuel-login-portlet .zmdi-tv-list:before, .change-password-portlet .zmdi-tv-list:before {
    content: '\f2da'; }
  .clavier-virtuel-login-portlet .zmdi-tv-play:before, .change-password-portlet .zmdi-tv-play:before {
    content: '\f2db'; }
  .clavier-virtuel-login-portlet .zmdi-tv:before, .change-password-portlet .zmdi-tv:before {
    content: '\f2dc'; }
  .clavier-virtuel-login-portlet .zmdi-usb:before, .change-password-portlet .zmdi-usb:before {
    content: '\f2dd'; }
  .clavier-virtuel-login-portlet .zmdi-videocam-off:before, .change-password-portlet .zmdi-videocam-off:before {
    content: '\f2de'; }
  .clavier-virtuel-login-portlet .zmdi-videocam-switch:before, .change-password-portlet .zmdi-videocam-switch:before {
    content: '\f2df'; }
  .clavier-virtuel-login-portlet .zmdi-videocam:before, .change-password-portlet .zmdi-videocam:before {
    content: '\f2e0'; }
  .clavier-virtuel-login-portlet .zmdi-watch:before, .change-password-portlet .zmdi-watch:before {
    content: '\f2e1'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-alt-2:before, .change-password-portlet .zmdi-wifi-alt-2:before {
    content: '\f2e2'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-alt:before, .change-password-portlet .zmdi-wifi-alt:before {
    content: '\f2e3'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-info:before, .change-password-portlet .zmdi-wifi-info:before {
    content: '\f2e4'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-lock:before, .change-password-portlet .zmdi-wifi-lock:before {
    content: '\f2e5'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-off:before, .change-password-portlet .zmdi-wifi-off:before {
    content: '\f2e6'; }
  .clavier-virtuel-login-portlet .zmdi-wifi-outline:before, .change-password-portlet .zmdi-wifi-outline:before {
    content: '\f2e7'; }
  .clavier-virtuel-login-portlet .zmdi-wifi:before, .change-password-portlet .zmdi-wifi:before {
    content: '\f2e8'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-left-bottom:before, .change-password-portlet .zmdi-arrow-left-bottom:before {
    content: '\f2e9'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-left:before, .change-password-portlet .zmdi-arrow-left:before {
    content: '\f2ea'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-merge:before, .change-password-portlet .zmdi-arrow-merge:before {
    content: '\f2eb'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-missed:before, .change-password-portlet .zmdi-arrow-missed:before {
    content: '\f2ec'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-right-top:before, .change-password-portlet .zmdi-arrow-right-top:before {
    content: '\f2ed'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-right:before, .change-password-portlet .zmdi-arrow-right:before {
    content: '\f2ee'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-split:before, .change-password-portlet .zmdi-arrow-split:before {
    content: '\f2ef'; }
  .clavier-virtuel-login-portlet .zmdi-arrows:before, .change-password-portlet .zmdi-arrows:before {
    content: '\f2f0'; }
  .clavier-virtuel-login-portlet .zmdi-caret-down-circle:before, .change-password-portlet .zmdi-caret-down-circle:before {
    content: '\f2f1'; }
  .clavier-virtuel-login-portlet .zmdi-caret-down:before, .change-password-portlet .zmdi-caret-down:before {
    content: '\f2f2'; }
  .clavier-virtuel-login-portlet .zmdi-caret-left-circle:before, .change-password-portlet .zmdi-caret-left-circle:before {
    content: '\f2f3'; }
  .clavier-virtuel-login-portlet .zmdi-caret-left:before, .change-password-portlet .zmdi-caret-left:before {
    content: '\f2f4'; }
  .clavier-virtuel-login-portlet .zmdi-caret-right-circle:before, .change-password-portlet .zmdi-caret-right-circle:before {
    content: '\f2f5'; }
  .clavier-virtuel-login-portlet .zmdi-caret-right:before, .change-password-portlet .zmdi-caret-right:before {
    content: '\f2f6'; }
  .clavier-virtuel-login-portlet .zmdi-caret-up-circle:before, .change-password-portlet .zmdi-caret-up-circle:before {
    content: '\f2f7'; }
  .clavier-virtuel-login-portlet .zmdi-caret-up:before, .change-password-portlet .zmdi-caret-up:before {
    content: '\f2f8'; }
  .clavier-virtuel-login-portlet .zmdi-chevron-down:before, .change-password-portlet .zmdi-chevron-down:before {
    content: '\f2f9'; }
  .clavier-virtuel-login-portlet .zmdi-chevron-left:before, .change-password-portlet .zmdi-chevron-left:before {
    content: '\f2fa'; }
  .clavier-virtuel-login-portlet .zmdi-chevron-right:before, .change-password-portlet .zmdi-chevron-right:before {
    content: '\f2fb'; }
  .clavier-virtuel-login-portlet .zmdi-chevron-up:before, .change-password-portlet .zmdi-chevron-up:before {
    content: '\f2fc'; }
  .clavier-virtuel-login-portlet .zmdi-forward:before, .change-password-portlet .zmdi-forward:before {
    content: '\f2fd'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-down:before, .change-password-portlet .zmdi-long-arrow-down:before {
    content: '\f2fe'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-left:before, .change-password-portlet .zmdi-long-arrow-left:before {
    content: '\f2ff'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-return:before, .change-password-portlet .zmdi-long-arrow-return:before {
    content: '\f300'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-right:before, .change-password-portlet .zmdi-long-arrow-right:before {
    content: '\f301'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-tab:before, .change-password-portlet .zmdi-long-arrow-tab:before {
    content: '\f302'; }
  .clavier-virtuel-login-portlet .zmdi-long-arrow-up:before, .change-password-portlet .zmdi-long-arrow-up:before {
    content: '\f303'; }
  .clavier-virtuel-login-portlet .zmdi-rotate-ccw:before, .change-password-portlet .zmdi-rotate-ccw:before {
    content: '\f304'; }
  .clavier-virtuel-login-portlet .zmdi-rotate-cw:before, .change-password-portlet .zmdi-rotate-cw:before {
    content: '\f305'; }
  .clavier-virtuel-login-portlet .zmdi-rotate-left:before, .change-password-portlet .zmdi-rotate-left:before {
    content: '\f306'; }
  .clavier-virtuel-login-portlet .zmdi-rotate-right:before, .change-password-portlet .zmdi-rotate-right:before {
    content: '\f307'; }
  .clavier-virtuel-login-portlet .zmdi-square-down:before, .change-password-portlet .zmdi-square-down:before {
    content: '\f308'; }
  .clavier-virtuel-login-portlet .zmdi-square-right:before, .change-password-portlet .zmdi-square-right:before {
    content: '\f309'; }
  .clavier-virtuel-login-portlet .zmdi-swap-alt:before, .change-password-portlet .zmdi-swap-alt:before {
    content: '\f30a'; }
  .clavier-virtuel-login-portlet .zmdi-swap-vertical-circle:before, .change-password-portlet .zmdi-swap-vertical-circle:before {
    content: '\f30b'; }
  .clavier-virtuel-login-portlet .zmdi-swap-vertical:before, .change-password-portlet .zmdi-swap-vertical:before {
    content: '\f30c'; }
  .clavier-virtuel-login-portlet .zmdi-swap:before, .change-password-portlet .zmdi-swap:before {
    content: '\f30d'; }
  .clavier-virtuel-login-portlet .zmdi-trending-down:before, .change-password-portlet .zmdi-trending-down:before {
    content: '\f30e'; }
  .clavier-virtuel-login-portlet .zmdi-trending-flat:before, .change-password-portlet .zmdi-trending-flat:before {
    content: '\f30f'; }
  .clavier-virtuel-login-portlet .zmdi-trending-up:before, .change-password-portlet .zmdi-trending-up:before {
    content: '\f310'; }
  .clavier-virtuel-login-portlet .zmdi-unfold-less:before, .change-password-portlet .zmdi-unfold-less:before {
    content: '\f311'; }
  .clavier-virtuel-login-portlet .zmdi-unfold-more:before, .change-password-portlet .zmdi-unfold-more:before {
    content: '\f312'; }
  .clavier-virtuel-login-portlet .zmdi-apps:before, .change-password-portlet .zmdi-apps:before {
    content: '\f313'; }
  .clavier-virtuel-login-portlet .zmdi-grid-off:before, .change-password-portlet .zmdi-grid-off:before {
    content: '\f314'; }
  .clavier-virtuel-login-portlet .zmdi-grid:before, .change-password-portlet .zmdi-grid:before {
    content: '\f315'; }
  .clavier-virtuel-login-portlet .zmdi-view-agenda:before, .change-password-portlet .zmdi-view-agenda:before {
    content: '\f316'; }
  .clavier-virtuel-login-portlet .zmdi-view-array:before, .change-password-portlet .zmdi-view-array:before {
    content: '\f317'; }
  .clavier-virtuel-login-portlet .zmdi-view-carousel:before, .change-password-portlet .zmdi-view-carousel:before {
    content: '\f318'; }
  .clavier-virtuel-login-portlet .zmdi-view-column:before, .change-password-portlet .zmdi-view-column:before {
    content: '\f319'; }
  .clavier-virtuel-login-portlet .zmdi-view-comfy:before, .change-password-portlet .zmdi-view-comfy:before {
    content: '\f31a'; }
  .clavier-virtuel-login-portlet .zmdi-view-compact:before, .change-password-portlet .zmdi-view-compact:before {
    content: '\f31b'; }
  .clavier-virtuel-login-portlet .zmdi-view-dashboard:before, .change-password-portlet .zmdi-view-dashboard:before {
    content: '\f31c'; }
  .clavier-virtuel-login-portlet .zmdi-view-day:before, .change-password-portlet .zmdi-view-day:before {
    content: '\f31d'; }
  .clavier-virtuel-login-portlet .zmdi-view-headline:before, .change-password-portlet .zmdi-view-headline:before {
    content: '\f31e'; }
  .clavier-virtuel-login-portlet .zmdi-view-list-alt:before, .change-password-portlet .zmdi-view-list-alt:before {
    content: '\f31f'; }
  .clavier-virtuel-login-portlet .zmdi-view-list:before, .change-password-portlet .zmdi-view-list:before {
    content: '\f320'; }
  .clavier-virtuel-login-portlet .zmdi-view-module:before, .change-password-portlet .zmdi-view-module:before {
    content: '\f321'; }
  .clavier-virtuel-login-portlet .zmdi-view-quilt:before, .change-password-portlet .zmdi-view-quilt:before {
    content: '\f322'; }
  .clavier-virtuel-login-portlet .zmdi-view-stream:before, .change-password-portlet .zmdi-view-stream:before {
    content: '\f323'; }
  .clavier-virtuel-login-portlet .zmdi-view-subtitles:before, .change-password-portlet .zmdi-view-subtitles:before {
    content: '\f324'; }
  .clavier-virtuel-login-portlet .zmdi-view-toc:before, .change-password-portlet .zmdi-view-toc:before {
    content: '\f325'; }
  .clavier-virtuel-login-portlet .zmdi-view-web:before, .change-password-portlet .zmdi-view-web:before {
    content: '\f326'; }
  .clavier-virtuel-login-portlet .zmdi-view-week:before, .change-password-portlet .zmdi-view-week:before {
    content: '\f327'; }
  .clavier-virtuel-login-portlet .zmdi-widgets:before, .change-password-portlet .zmdi-widgets:before {
    content: '\f328'; }
  .clavier-virtuel-login-portlet .zmdi-alarm-check:before, .change-password-portlet .zmdi-alarm-check:before {
    content: '\f329'; }
  .clavier-virtuel-login-portlet .zmdi-alarm-off:before, .change-password-portlet .zmdi-alarm-off:before {
    content: '\f32a'; }
  .clavier-virtuel-login-portlet .zmdi-alarm-plus:before, .change-password-portlet .zmdi-alarm-plus:before {
    content: '\f32b'; }
  .clavier-virtuel-login-portlet .zmdi-alarm-snooze:before, .change-password-portlet .zmdi-alarm-snooze:before {
    content: '\f32c'; }
  .clavier-virtuel-login-portlet .zmdi-alarm:before, .change-password-portlet .zmdi-alarm:before {
    content: '\f32d'; }
  .clavier-virtuel-login-portlet .zmdi-calendar-alt:before, .change-password-portlet .zmdi-calendar-alt:before {
    content: '\f32e'; }
  .clavier-virtuel-login-portlet .zmdi-calendar-check:before, .change-password-portlet .zmdi-calendar-check:before {
    content: '\f32f'; }
  .clavier-virtuel-login-portlet .zmdi-calendar-close:before, .change-password-portlet .zmdi-calendar-close:before {
    content: '\f330'; }
  .clavier-virtuel-login-portlet .zmdi-calendar-note:before, .change-password-portlet .zmdi-calendar-note:before {
    content: '\f331'; }
  .clavier-virtuel-login-portlet .zmdi-calendar:before, .change-password-portlet .zmdi-calendar:before {
    content: '\f332'; }
  .clavier-virtuel-login-portlet .zmdi-time-countdown:before, .change-password-portlet .zmdi-time-countdown:before {
    content: '\f333'; }
  .clavier-virtuel-login-portlet .zmdi-time-interval:before, .change-password-portlet .zmdi-time-interval:before {
    content: '\f334'; }
  .clavier-virtuel-login-portlet .zmdi-time-restore-setting:before, .change-password-portlet .zmdi-time-restore-setting:before {
    content: '\f335'; }
  .clavier-virtuel-login-portlet .zmdi-time-restore:before, .change-password-portlet .zmdi-time-restore:before {
    content: '\f336'; }
  .clavier-virtuel-login-portlet .zmdi-time:before, .change-password-portlet .zmdi-time:before {
    content: '\f337'; }
  .clavier-virtuel-login-portlet .zmdi-timer-off:before, .change-password-portlet .zmdi-timer-off:before {
    content: '\f338'; }
  .clavier-virtuel-login-portlet .zmdi-timer:before, .change-password-portlet .zmdi-timer:before {
    content: '\f339'; }
  .clavier-virtuel-login-portlet .zmdi-android-alt:before, .change-password-portlet .zmdi-android-alt:before {
    content: '\f33a'; }
  .clavier-virtuel-login-portlet .zmdi-android:before, .change-password-portlet .zmdi-android:before {
    content: '\f33b'; }
  .clavier-virtuel-login-portlet .zmdi-apple:before, .change-password-portlet .zmdi-apple:before {
    content: '\f33c'; }
  .clavier-virtuel-login-portlet .zmdi-behance:before, .change-password-portlet .zmdi-behance:before {
    content: '\f33d'; }
  .clavier-virtuel-login-portlet .zmdi-codepen:before, .change-password-portlet .zmdi-codepen:before {
    content: '\f33e'; }
  .clavier-virtuel-login-portlet .zmdi-dribbble:before, .change-password-portlet .zmdi-dribbble:before {
    content: '\f33f'; }
  .clavier-virtuel-login-portlet .zmdi-dropbox:before, .change-password-portlet .zmdi-dropbox:before {
    content: '\f340'; }
  .clavier-virtuel-login-portlet .zmdi-evernote:before, .change-password-portlet .zmdi-evernote:before {
    content: '\f341'; }
  .clavier-virtuel-login-portlet .zmdi-facebook-box:before, .change-password-portlet .zmdi-facebook-box:before {
    content: '\f342'; }
  .clavier-virtuel-login-portlet .zmdi-facebook:before, .change-password-portlet .zmdi-facebook:before {
    content: '\f343'; }
  .clavier-virtuel-login-portlet .zmdi-github-box:before, .change-password-portlet .zmdi-github-box:before {
    content: '\f344'; }
  .clavier-virtuel-login-portlet .zmdi-github:before, .change-password-portlet .zmdi-github:before {
    content: '\f345'; }
  .clavier-virtuel-login-portlet .zmdi-google-drive:before, .change-password-portlet .zmdi-google-drive:before {
    content: '\f346'; }
  .clavier-virtuel-login-portlet .zmdi-google-earth:before, .change-password-portlet .zmdi-google-earth:before {
    content: '\f347'; }
  .clavier-virtuel-login-portlet .zmdi-google-glass:before, .change-password-portlet .zmdi-google-glass:before {
    content: '\f348'; }
  .clavier-virtuel-login-portlet .zmdi-google-maps:before, .change-password-portlet .zmdi-google-maps:before {
    content: '\f349'; }
  .clavier-virtuel-login-portlet .zmdi-google-pages:before, .change-password-portlet .zmdi-google-pages:before {
    content: '\f34a'; }
  .clavier-virtuel-login-portlet .zmdi-google-play:before, .change-password-portlet .zmdi-google-play:before {
    content: '\f34b'; }
  .clavier-virtuel-login-portlet .zmdi-google-plus-box:before, .change-password-portlet .zmdi-google-plus-box:before {
    content: '\f34c'; }
  .clavier-virtuel-login-portlet .zmdi-google-plus:before, .change-password-portlet .zmdi-google-plus:before {
    content: '\f34d'; }
  .clavier-virtuel-login-portlet .zmdi-google:before, .change-password-portlet .zmdi-google:before {
    content: '\f34e'; }
  .clavier-virtuel-login-portlet .zmdi-instagram:before, .change-password-portlet .zmdi-instagram:before {
    content: '\f34f'; }
  .clavier-virtuel-login-portlet .zmdi-language-css3:before, .change-password-portlet .zmdi-language-css3:before {
    content: '\f350'; }
  .clavier-virtuel-login-portlet .zmdi-language-html5:before, .change-password-portlet .zmdi-language-html5:before {
    content: '\f351'; }
  .clavier-virtuel-login-portlet .zmdi-language-javascript:before, .change-password-portlet .zmdi-language-javascript:before {
    content: '\f352'; }
  .clavier-virtuel-login-portlet .zmdi-language-python-alt:before, .change-password-portlet .zmdi-language-python-alt:before {
    content: '\f353'; }
  .clavier-virtuel-login-portlet .zmdi-language-python:before, .change-password-portlet .zmdi-language-python:before {
    content: '\f354'; }
  .clavier-virtuel-login-portlet .zmdi-lastfm:before, .change-password-portlet .zmdi-lastfm:before {
    content: '\f355'; }
  .clavier-virtuel-login-portlet .zmdi-linkedin-box:before, .change-password-portlet .zmdi-linkedin-box:before {
    content: '\f356'; }
  .clavier-virtuel-login-portlet .zmdi-paypal:before, .change-password-portlet .zmdi-paypal:before {
    content: '\f357'; }
  .clavier-virtuel-login-portlet .zmdi-pinterest-box:before, .change-password-portlet .zmdi-pinterest-box:before {
    content: '\f358'; }
  .clavier-virtuel-login-portlet .zmdi-pocket:before, .change-password-portlet .zmdi-pocket:before {
    content: '\f359'; }
  .clavier-virtuel-login-portlet .zmdi-polymer:before, .change-password-portlet .zmdi-polymer:before {
    content: '\f35a'; }
  .clavier-virtuel-login-portlet .zmdi-share:before, .change-password-portlet .zmdi-share:before {
    content: '\f35b'; }
  .clavier-virtuel-login-portlet .zmdi-stackoverflow:before, .change-password-portlet .zmdi-stackoverflow:before {
    content: '\f35c'; }
  .clavier-virtuel-login-portlet .zmdi-steam-square:before, .change-password-portlet .zmdi-steam-square:before {
    content: '\f35d'; }
  .clavier-virtuel-login-portlet .zmdi-steam:before, .change-password-portlet .zmdi-steam:before {
    content: '\f35e'; }
  .clavier-virtuel-login-portlet .zmdi-twitter-box:before, .change-password-portlet .zmdi-twitter-box:before {
    content: '\f35f'; }
  .clavier-virtuel-login-portlet .zmdi-twitter:before, .change-password-portlet .zmdi-twitter:before {
    content: '\f360'; }
  .clavier-virtuel-login-portlet .zmdi-vk:before, .change-password-portlet .zmdi-vk:before {
    content: '\f361'; }
  .clavier-virtuel-login-portlet .zmdi-wikipedia:before, .change-password-portlet .zmdi-wikipedia:before {
    content: '\f362'; }
  .clavier-virtuel-login-portlet .zmdi-windows:before, .change-password-portlet .zmdi-windows:before {
    content: '\f363'; }
  .clavier-virtuel-login-portlet .zmdi-aspect-ratio-alt:before, .change-password-portlet .zmdi-aspect-ratio-alt:before {
    content: '\f364'; }
  .clavier-virtuel-login-portlet .zmdi-aspect-ratio:before, .change-password-portlet .zmdi-aspect-ratio:before {
    content: '\f365'; }
  .clavier-virtuel-login-portlet .zmdi-blur-circular:before, .change-password-portlet .zmdi-blur-circular:before {
    content: '\f366'; }
  .clavier-virtuel-login-portlet .zmdi-blur-linear:before, .change-password-portlet .zmdi-blur-linear:before {
    content: '\f367'; }
  .clavier-virtuel-login-portlet .zmdi-blur-off:before, .change-password-portlet .zmdi-blur-off:before {
    content: '\f368'; }
  .clavier-virtuel-login-portlet .zmdi-blur:before, .change-password-portlet .zmdi-blur:before {
    content: '\f369'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-2:before, .change-password-portlet .zmdi-brightness-2:before {
    content: '\f36a'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-3:before, .change-password-portlet .zmdi-brightness-3:before {
    content: '\f36b'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-4:before, .change-password-portlet .zmdi-brightness-4:before {
    content: '\f36c'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-5:before, .change-password-portlet .zmdi-brightness-5:before {
    content: '\f36d'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-6:before, .change-password-portlet .zmdi-brightness-6:before {
    content: '\f36e'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-7:before, .change-password-portlet .zmdi-brightness-7:before {
    content: '\f36f'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-auto:before, .change-password-portlet .zmdi-brightness-auto:before {
    content: '\f370'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-setting:before, .change-password-portlet .zmdi-brightness-setting:before {
    content: '\f371'; }
  .clavier-virtuel-login-portlet .zmdi-broken-image:before, .change-password-portlet .zmdi-broken-image:before {
    content: '\f372'; }
  .clavier-virtuel-login-portlet .zmdi-center-focus-strong:before, .change-password-portlet .zmdi-center-focus-strong:before {
    content: '\f373'; }
  .clavier-virtuel-login-portlet .zmdi-center-focus-weak:before, .change-password-portlet .zmdi-center-focus-weak:before {
    content: '\f374'; }
  .clavier-virtuel-login-portlet .zmdi-compare:before, .change-password-portlet .zmdi-compare:before {
    content: '\f375'; }
  .clavier-virtuel-login-portlet .zmdi-crop-16-9:before, .change-password-portlet .zmdi-crop-16-9:before {
    content: '\f376'; }
  .clavier-virtuel-login-portlet .zmdi-crop-3-2:before, .change-password-portlet .zmdi-crop-3-2:before {
    content: '\f377'; }
  .clavier-virtuel-login-portlet .zmdi-crop-5-4:before, .change-password-portlet .zmdi-crop-5-4:before {
    content: '\f378'; }
  .clavier-virtuel-login-portlet .zmdi-crop-7-5:before, .change-password-portlet .zmdi-crop-7-5:before {
    content: '\f379'; }
  .clavier-virtuel-login-portlet .zmdi-crop-din:before, .change-password-portlet .zmdi-crop-din:before {
    content: '\f37a'; }
  .clavier-virtuel-login-portlet .zmdi-crop-free:before, .change-password-portlet .zmdi-crop-free:before {
    content: '\f37b'; }
  .clavier-virtuel-login-portlet .zmdi-crop-landscape:before, .change-password-portlet .zmdi-crop-landscape:before {
    content: '\f37c'; }
  .clavier-virtuel-login-portlet .zmdi-crop-portrait:before, .change-password-portlet .zmdi-crop-portrait:before {
    content: '\f37d'; }
  .clavier-virtuel-login-portlet .zmdi-crop-square:before, .change-password-portlet .zmdi-crop-square:before {
    content: '\f37e'; }
  .clavier-virtuel-login-portlet .zmdi-exposure-alt:before, .change-password-portlet .zmdi-exposure-alt:before {
    content: '\f37f'; }
  .clavier-virtuel-login-portlet .zmdi-exposure:before, .change-password-portlet .zmdi-exposure:before {
    content: '\f380'; }
  .clavier-virtuel-login-portlet .zmdi-filter-b-and-w:before, .change-password-portlet .zmdi-filter-b-and-w:before {
    content: '\f381'; }
  .clavier-virtuel-login-portlet .zmdi-filter-center-focus:before, .change-password-portlet .zmdi-filter-center-focus:before {
    content: '\f382'; }
  .clavier-virtuel-login-portlet .zmdi-filter-frames:before, .change-password-portlet .zmdi-filter-frames:before {
    content: '\f383'; }
  .clavier-virtuel-login-portlet .zmdi-filter-tilt-shift:before, .change-password-portlet .zmdi-filter-tilt-shift:before {
    content: '\f384'; }
  .clavier-virtuel-login-portlet .zmdi-gradient:before, .change-password-portlet .zmdi-gradient:before {
    content: '\f385'; }
  .clavier-virtuel-login-portlet .zmdi-grain:before, .change-password-portlet .zmdi-grain:before {
    content: '\f386'; }
  .clavier-virtuel-login-portlet .zmdi-graphic-eq:before, .change-password-portlet .zmdi-graphic-eq:before {
    content: '\f387'; }
  .clavier-virtuel-login-portlet .zmdi-hdr-off:before, .change-password-portlet .zmdi-hdr-off:before {
    content: '\f388'; }
  .clavier-virtuel-login-portlet .zmdi-hdr-strong:before, .change-password-portlet .zmdi-hdr-strong:before {
    content: '\f389'; }
  .clavier-virtuel-login-portlet .zmdi-hdr-weak:before, .change-password-portlet .zmdi-hdr-weak:before {
    content: '\f38a'; }
  .clavier-virtuel-login-portlet .zmdi-hdr:before, .change-password-portlet .zmdi-hdr:before {
    content: '\f38b'; }
  .clavier-virtuel-login-portlet .zmdi-iridescent:before, .change-password-portlet .zmdi-iridescent:before {
    content: '\f38c'; }
  .clavier-virtuel-login-portlet .zmdi-leak-off:before, .change-password-portlet .zmdi-leak-off:before {
    content: '\f38d'; }
  .clavier-virtuel-login-portlet .zmdi-leak:before, .change-password-portlet .zmdi-leak:before {
    content: '\f38e'; }
  .clavier-virtuel-login-portlet .zmdi-looks:before, .change-password-portlet .zmdi-looks:before {
    content: '\f38f'; }
  .clavier-virtuel-login-portlet .zmdi-loupe:before, .change-password-portlet .zmdi-loupe:before {
    content: '\f390'; }
  .clavier-virtuel-login-portlet .zmdi-panorama-horizontal:before, .change-password-portlet .zmdi-panorama-horizontal:before {
    content: '\f391'; }
  .clavier-virtuel-login-portlet .zmdi-panorama-vertical:before, .change-password-portlet .zmdi-panorama-vertical:before {
    content: '\f392'; }
  .clavier-virtuel-login-portlet .zmdi-panorama-wide-angle:before, .change-password-portlet .zmdi-panorama-wide-angle:before {
    content: '\f393'; }
  .clavier-virtuel-login-portlet .zmdi-photo-size-select-large:before, .change-password-portlet .zmdi-photo-size-select-large:before {
    content: '\f394'; }
  .clavier-virtuel-login-portlet .zmdi-photo-size-select-small:before, .change-password-portlet .zmdi-photo-size-select-small:before {
    content: '\f395'; }
  .clavier-virtuel-login-portlet .zmdi-picture-in-picture:before, .change-password-portlet .zmdi-picture-in-picture:before {
    content: '\f396'; }
  .clavier-virtuel-login-portlet .zmdi-slideshow:before, .change-password-portlet .zmdi-slideshow:before {
    content: '\f397'; }
  .clavier-virtuel-login-portlet .zmdi-texture:before, .change-password-portlet .zmdi-texture:before {
    content: '\f398'; }
  .clavier-virtuel-login-portlet .zmdi-tonality:before, .change-password-portlet .zmdi-tonality:before {
    content: '\f399'; }
  .clavier-virtuel-login-portlet .zmdi-vignette:before, .change-password-portlet .zmdi-vignette:before {
    content: '\f39a'; }
  .clavier-virtuel-login-portlet .zmdi-wb-auto:before, .change-password-portlet .zmdi-wb-auto:before {
    content: '\f39b'; }
  .clavier-virtuel-login-portlet .zmdi-eject-alt:before, .change-password-portlet .zmdi-eject-alt:before {
    content: '\f39c'; }
  .clavier-virtuel-login-portlet .zmdi-eject:before, .change-password-portlet .zmdi-eject:before {
    content: '\f39d'; }
  .clavier-virtuel-login-portlet .zmdi-equalizer:before, .change-password-portlet .zmdi-equalizer:before {
    content: '\f39e'; }
  .clavier-virtuel-login-portlet .zmdi-fast-forward:before, .change-password-portlet .zmdi-fast-forward:before {
    content: '\f39f'; }
  .clavier-virtuel-login-portlet .zmdi-fast-rewind:before, .change-password-portlet .zmdi-fast-rewind:before {
    content: '\f3a0'; }
  .clavier-virtuel-login-portlet .zmdi-forward-10:before, .change-password-portlet .zmdi-forward-10:before {
    content: '\f3a1'; }
  .clavier-virtuel-login-portlet .zmdi-forward-30:before, .change-password-portlet .zmdi-forward-30:before {
    content: '\f3a2'; }
  .clavier-virtuel-login-portlet .zmdi-forward-5:before, .change-password-portlet .zmdi-forward-5:before {
    content: '\f3a3'; }
  .clavier-virtuel-login-portlet .zmdi-hearing:before, .change-password-portlet .zmdi-hearing:before {
    content: '\f3a4'; }
  .clavier-virtuel-login-portlet .zmdi-pause-circle-outline:before, .change-password-portlet .zmdi-pause-circle-outline:before {
    content: '\f3a5'; }
  .clavier-virtuel-login-portlet .zmdi-pause-circle:before, .change-password-portlet .zmdi-pause-circle:before {
    content: '\f3a6'; }
  .clavier-virtuel-login-portlet .zmdi-pause:before, .change-password-portlet .zmdi-pause:before {
    content: '\f3a7'; }
  .clavier-virtuel-login-portlet .zmdi-play-circle-outline:before, .change-password-portlet .zmdi-play-circle-outline:before {
    content: '\f3a8'; }
  .clavier-virtuel-login-portlet .zmdi-play-circle:before, .change-password-portlet .zmdi-play-circle:before {
    content: '\f3a9'; }
  .clavier-virtuel-login-portlet .zmdi-play:before, .change-password-portlet .zmdi-play:before {
    content: '\f3aa'; }
  .clavier-virtuel-login-portlet .zmdi-playlist-audio:before, .change-password-portlet .zmdi-playlist-audio:before {
    content: '\f3ab'; }
  .clavier-virtuel-login-portlet .zmdi-playlist-plus:before, .change-password-portlet .zmdi-playlist-plus:before {
    content: '\f3ac'; }
  .clavier-virtuel-login-portlet .zmdi-repeat-one:before, .change-password-portlet .zmdi-repeat-one:before {
    content: '\f3ad'; }
  .clavier-virtuel-login-portlet .zmdi-repeat:before, .change-password-portlet .zmdi-repeat:before {
    content: '\f3ae'; }
  .clavier-virtuel-login-portlet .zmdi-replay-10:before, .change-password-portlet .zmdi-replay-10:before {
    content: '\f3af'; }
  .clavier-virtuel-login-portlet .zmdi-replay-30:before, .change-password-portlet .zmdi-replay-30:before {
    content: '\f3b0'; }
  .clavier-virtuel-login-portlet .zmdi-replay-5:before, .change-password-portlet .zmdi-replay-5:before {
    content: '\f3b1'; }
  .clavier-virtuel-login-portlet .zmdi-replay:before, .change-password-portlet .zmdi-replay:before {
    content: '\f3b2'; }
  .clavier-virtuel-login-portlet .zmdi-shuffle:before, .change-password-portlet .zmdi-shuffle:before {
    content: '\f3b3'; }
  .clavier-virtuel-login-portlet .zmdi-skip-next:before, .change-password-portlet .zmdi-skip-next:before {
    content: '\f3b4'; }
  .clavier-virtuel-login-portlet .zmdi-skip-previous:before, .change-password-portlet .zmdi-skip-previous:before {
    content: '\f3b5'; }
  .clavier-virtuel-login-portlet .zmdi-stop:before, .change-password-portlet .zmdi-stop:before {
    content: '\f3b6'; }
  .clavier-virtuel-login-portlet .zmdi-surround-sound:before, .change-password-portlet .zmdi-surround-sound:before {
    content: '\f3b7'; }
  .clavier-virtuel-login-portlet .zmdi-tune:before, .change-password-portlet .zmdi-tune:before {
    content: '\f3b8'; }
  .clavier-virtuel-login-portlet .zmdi-volume-down:before, .change-password-portlet .zmdi-volume-down:before {
    content: '\f3b9'; }
  .clavier-virtuel-login-portlet .zmdi-volume-mute:before, .change-password-portlet .zmdi-volume-mute:before {
    content: '\f3ba'; }
  .clavier-virtuel-login-portlet .zmdi-volume-off:before, .change-password-portlet .zmdi-volume-off:before {
    content: '\f3bb'; }
  .clavier-virtuel-login-portlet .zmdi-volume-up:before, .change-password-portlet .zmdi-volume-up:before {
    content: '\f3bc'; }
  .clavier-virtuel-login-portlet .zmdi-n-1-square:before, .change-password-portlet .zmdi-n-1-square:before {
    content: '\f3bd'; }
  .clavier-virtuel-login-portlet .zmdi-n-2-square:before, .change-password-portlet .zmdi-n-2-square:before {
    content: '\f3be'; }
  .clavier-virtuel-login-portlet .zmdi-n-3-square:before, .change-password-portlet .zmdi-n-3-square:before {
    content: '\f3bf'; }
  .clavier-virtuel-login-portlet .zmdi-n-4-square:before, .change-password-portlet .zmdi-n-4-square:before {
    content: '\f3c0'; }
  .clavier-virtuel-login-portlet .zmdi-n-5-square:before, .change-password-portlet .zmdi-n-5-square:before {
    content: '\f3c1'; }
  .clavier-virtuel-login-portlet .zmdi-n-6-square:before, .change-password-portlet .zmdi-n-6-square:before {
    content: '\f3c2'; }
  .clavier-virtuel-login-portlet .zmdi-neg-1:before, .change-password-portlet .zmdi-neg-1:before {
    content: '\f3c3'; }
  .clavier-virtuel-login-portlet .zmdi-neg-2:before, .change-password-portlet .zmdi-neg-2:before {
    content: '\f3c4'; }
  .clavier-virtuel-login-portlet .zmdi-plus-1:before, .change-password-portlet .zmdi-plus-1:before {
    content: '\f3c5'; }
  .clavier-virtuel-login-portlet .zmdi-plus-2:before, .change-password-portlet .zmdi-plus-2:before {
    content: '\f3c6'; }
  .clavier-virtuel-login-portlet .zmdi-sec-10:before, .change-password-portlet .zmdi-sec-10:before {
    content: '\f3c7'; }
  .clavier-virtuel-login-portlet .zmdi-sec-3:before, .change-password-portlet .zmdi-sec-3:before {
    content: '\f3c8'; }
  .clavier-virtuel-login-portlet .zmdi-zero:before, .change-password-portlet .zmdi-zero:before {
    content: '\f3c9'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-flat-angled:before, .change-password-portlet .zmdi-airline-seat-flat-angled:before {
    content: '\f3ca'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-flat:before, .change-password-portlet .zmdi-airline-seat-flat:before {
    content: '\f3cb'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-individual-suite:before, .change-password-portlet .zmdi-airline-seat-individual-suite:before {
    content: '\f3cc'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-legroom-extra:before, .change-password-portlet .zmdi-airline-seat-legroom-extra:before {
    content: '\f3cd'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-legroom-normal:before, .change-password-portlet .zmdi-airline-seat-legroom-normal:before {
    content: '\f3ce'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-legroom-reduced:before, .change-password-portlet .zmdi-airline-seat-legroom-reduced:before {
    content: '\f3cf'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-recline-extra:before, .change-password-portlet .zmdi-airline-seat-recline-extra:before {
    content: '\f3d0'; }
  .clavier-virtuel-login-portlet .zmdi-airline-seat-recline-normal:before, .change-password-portlet .zmdi-airline-seat-recline-normal:before {
    content: '\f3d1'; }
  .clavier-virtuel-login-portlet .zmdi-airplay:before, .change-password-portlet .zmdi-airplay:before {
    content: '\f3d2'; }
  .clavier-virtuel-login-portlet .zmdi-closed-caption:before, .change-password-portlet .zmdi-closed-caption:before {
    content: '\f3d3'; }
  .clavier-virtuel-login-portlet .zmdi-confirmation-number:before, .change-password-portlet .zmdi-confirmation-number:before {
    content: '\f3d4'; }
  .clavier-virtuel-login-portlet .zmdi-developer-board:before, .change-password-portlet .zmdi-developer-board:before {
    content: '\f3d5'; }
  .clavier-virtuel-login-portlet .zmdi-disc-full:before, .change-password-portlet .zmdi-disc-full:before {
    content: '\f3d6'; }
  .clavier-virtuel-login-portlet .zmdi-explicit:before, .change-password-portlet .zmdi-explicit:before {
    content: '\f3d7'; }
  .clavier-virtuel-login-portlet .zmdi-flight-land:before, .change-password-portlet .zmdi-flight-land:before {
    content: '\f3d8'; }
  .clavier-virtuel-login-portlet .zmdi-flight-takeoff:before, .change-password-portlet .zmdi-flight-takeoff:before {
    content: '\f3d9'; }
  .clavier-virtuel-login-portlet .zmdi-flip-to-back:before, .change-password-portlet .zmdi-flip-to-back:before {
    content: '\f3da'; }
  .clavier-virtuel-login-portlet .zmdi-flip-to-front:before, .change-password-portlet .zmdi-flip-to-front:before {
    content: '\f3db'; }
  .clavier-virtuel-login-portlet .zmdi-group-work:before, .change-password-portlet .zmdi-group-work:before {
    content: '\f3dc'; }
  .clavier-virtuel-login-portlet .zmdi-hd:before, .change-password-portlet .zmdi-hd:before {
    content: '\f3dd'; }
  .clavier-virtuel-login-portlet .zmdi-hq:before, .change-password-portlet .zmdi-hq:before {
    content: '\f3de'; }
  .clavier-virtuel-login-portlet .zmdi-markunread-mailbox:before, .change-password-portlet .zmdi-markunread-mailbox:before {
    content: '\f3df'; }
  .clavier-virtuel-login-portlet .zmdi-memory:before, .change-password-portlet .zmdi-memory:before {
    content: '\f3e0'; }
  .clavier-virtuel-login-portlet .zmdi-nfc:before, .change-password-portlet .zmdi-nfc:before {
    content: '\f3e1'; }
  .clavier-virtuel-login-portlet .zmdi-play-for-work:before, .change-password-portlet .zmdi-play-for-work:before {
    content: '\f3e2'; }
  .clavier-virtuel-login-portlet .zmdi-power-input:before, .change-password-portlet .zmdi-power-input:before {
    content: '\f3e3'; }
  .clavier-virtuel-login-portlet .zmdi-present-to-all:before, .change-password-portlet .zmdi-present-to-all:before {
    content: '\f3e4'; }
  .clavier-virtuel-login-portlet .zmdi-satellite:before, .change-password-portlet .zmdi-satellite:before {
    content: '\f3e5'; }
  .clavier-virtuel-login-portlet .zmdi-tap-and-play:before, .change-password-portlet .zmdi-tap-and-play:before {
    content: '\f3e6'; }
  .clavier-virtuel-login-portlet .zmdi-vibration:before, .change-password-portlet .zmdi-vibration:before {
    content: '\f3e7'; }
  .clavier-virtuel-login-portlet .zmdi-voicemail:before, .change-password-portlet .zmdi-voicemail:before {
    content: '\f3e8'; }
  .clavier-virtuel-login-portlet .zmdi-group:before, .change-password-portlet .zmdi-group:before {
    content: '\f3e9'; }
  .clavier-virtuel-login-portlet .zmdi-rss:before, .change-password-portlet .zmdi-rss:before {
    content: '\f3ea'; }
  .clavier-virtuel-login-portlet .zmdi-shape:before, .change-password-portlet .zmdi-shape:before {
    content: '\f3eb'; }
  .clavier-virtuel-login-portlet .zmdi-spinner:before, .change-password-portlet .zmdi-spinner:before {
    content: '\f3ec'; }
  .clavier-virtuel-login-portlet .zmdi-ungroup:before, .change-password-portlet .zmdi-ungroup:before {
    content: '\f3ed'; }
  .clavier-virtuel-login-portlet .zmdi-500px:before, .change-password-portlet .zmdi-500px:before {
    content: '\f3ee'; }
  .clavier-virtuel-login-portlet .zmdi-8tracks:before, .change-password-portlet .zmdi-8tracks:before {
    content: '\f3ef'; }
  .clavier-virtuel-login-portlet .zmdi-amazon:before, .change-password-portlet .zmdi-amazon:before {
    content: '\f3f0'; }
  .clavier-virtuel-login-portlet .zmdi-blogger:before, .change-password-portlet .zmdi-blogger:before {
    content: '\f3f1'; }
  .clavier-virtuel-login-portlet .zmdi-delicious:before, .change-password-portlet .zmdi-delicious:before {
    content: '\f3f2'; }
  .clavier-virtuel-login-portlet .zmdi-disqus:before, .change-password-portlet .zmdi-disqus:before {
    content: '\f3f3'; }
  .clavier-virtuel-login-portlet .zmdi-flattr:before, .change-password-portlet .zmdi-flattr:before {
    content: '\f3f4'; }
  .clavier-virtuel-login-portlet .zmdi-flickr:before, .change-password-portlet .zmdi-flickr:before {
    content: '\f3f5'; }
  .clavier-virtuel-login-portlet .zmdi-github-alt:before, .change-password-portlet .zmdi-github-alt:before {
    content: '\f3f6'; }
  .clavier-virtuel-login-portlet .zmdi-google-old:before, .change-password-portlet .zmdi-google-old:before {
    content: '\f3f7'; }
  .clavier-virtuel-login-portlet .zmdi-linkedin:before, .change-password-portlet .zmdi-linkedin:before {
    content: '\f3f8'; }
  .clavier-virtuel-login-portlet .zmdi-odnoklassniki:before, .change-password-portlet .zmdi-odnoklassniki:before {
    content: '\f3f9'; }
  .clavier-virtuel-login-portlet .zmdi-outlook:before, .change-password-portlet .zmdi-outlook:before {
    content: '\f3fa'; }
  .clavier-virtuel-login-portlet .zmdi-paypal-alt:before, .change-password-portlet .zmdi-paypal-alt:before {
    content: '\f3fb'; }
  .clavier-virtuel-login-portlet .zmdi-pinterest:before, .change-password-portlet .zmdi-pinterest:before {
    content: '\f3fc'; }
  .clavier-virtuel-login-portlet .zmdi-playstation:before, .change-password-portlet .zmdi-playstation:before {
    content: '\f3fd'; }
  .clavier-virtuel-login-portlet .zmdi-reddit:before, .change-password-portlet .zmdi-reddit:before {
    content: '\f3fe'; }
  .clavier-virtuel-login-portlet .zmdi-skype:before, .change-password-portlet .zmdi-skype:before {
    content: '\f3ff'; }
  .clavier-virtuel-login-portlet .zmdi-slideshare:before, .change-password-portlet .zmdi-slideshare:before {
    content: '\f400'; }
  .clavier-virtuel-login-portlet .zmdi-soundcloud:before, .change-password-portlet .zmdi-soundcloud:before {
    content: '\f401'; }
  .clavier-virtuel-login-portlet .zmdi-tumblr:before, .change-password-portlet .zmdi-tumblr:before {
    content: '\f402'; }
  .clavier-virtuel-login-portlet .zmdi-twitch:before, .change-password-portlet .zmdi-twitch:before {
    content: '\f403'; }
  .clavier-virtuel-login-portlet .zmdi-vimeo:before, .change-password-portlet .zmdi-vimeo:before {
    content: '\f404'; }
  .clavier-virtuel-login-portlet .zmdi-whatsapp:before, .change-password-portlet .zmdi-whatsapp:before {
    content: '\f405'; }
  .clavier-virtuel-login-portlet .zmdi-xbox:before, .change-password-portlet .zmdi-xbox:before {
    content: '\f406'; }
  .clavier-virtuel-login-portlet .zmdi-yahoo:before, .change-password-portlet .zmdi-yahoo:before {
    content: '\f407'; }
  .clavier-virtuel-login-portlet .zmdi-youtube-play:before, .change-password-portlet .zmdi-youtube-play:before {
    content: '\f408'; }
  .clavier-virtuel-login-portlet .zmdi-youtube:before, .change-password-portlet .zmdi-youtube:before {
    content: '\f409'; }
  .clavier-virtuel-login-portlet .zmdi-import-export:before, .change-password-portlet .zmdi-import-export:before {
    content: '\f30c'; }
  .clavier-virtuel-login-portlet .zmdi-swap-vertical-:before, .change-password-portlet .zmdi-swap-vertical-:before {
    content: '\f30c'; }
  .clavier-virtuel-login-portlet .zmdi-airplanemode-inactive:before, .change-password-portlet .zmdi-airplanemode-inactive:before {
    content: '\f102'; }
  .clavier-virtuel-login-portlet .zmdi-airplanemode-active:before, .change-password-portlet .zmdi-airplanemode-active:before {
    content: '\f103'; }
  .clavier-virtuel-login-portlet .zmdi-rate-review:before, .change-password-portlet .zmdi-rate-review:before {
    content: '\f103'; }
  .clavier-virtuel-login-portlet .zmdi-comment-sign:before, .change-password-portlet .zmdi-comment-sign:before {
    content: '\f25a'; }
  .clavier-virtuel-login-portlet .zmdi-network-warning:before, .change-password-portlet .zmdi-network-warning:before {
    content: '\f2ad'; }
  .clavier-virtuel-login-portlet .zmdi-shopping-cart-add:before, .change-password-portlet .zmdi-shopping-cart-add:before {
    content: '\f1ca'; }
  .clavier-virtuel-login-portlet .zmdi-file-add:before, .change-password-portlet .zmdi-file-add:before {
    content: '\f221'; }
  .clavier-virtuel-login-portlet .zmdi-network-wifi-scan:before, .change-password-portlet .zmdi-network-wifi-scan:before {
    content: '\f2e4'; }
  .clavier-virtuel-login-portlet .zmdi-collection-add:before, .change-password-portlet .zmdi-collection-add:before {
    content: '\f14e'; }
  .clavier-virtuel-login-portlet .zmdi-format-playlist-add:before, .change-password-portlet .zmdi-format-playlist-add:before {
    content: '\f3ac'; }
  .clavier-virtuel-login-portlet .zmdi-format-queue-music:before, .change-password-portlet .zmdi-format-queue-music:before {
    content: '\f3ab'; }
  .clavier-virtuel-login-portlet .zmdi-plus-box:before, .change-password-portlet .zmdi-plus-box:before {
    content: '\f277'; }
  .clavier-virtuel-login-portlet .zmdi-tag-backspace:before, .change-password-portlet .zmdi-tag-backspace:before {
    content: '\f1d9'; }
  .clavier-virtuel-login-portlet .zmdi-alarm-add:before, .change-password-portlet .zmdi-alarm-add:before {
    content: '\f32b'; }
  .clavier-virtuel-login-portlet .zmdi-battery-charging:before, .change-password-portlet .zmdi-battery-charging:before {
    content: '\f114'; }
  .clavier-virtuel-login-portlet .zmdi-daydream-setting:before, .change-password-portlet .zmdi-daydream-setting:before {
    content: '\f217'; }
  .clavier-virtuel-login-portlet .zmdi-more-horiz:before, .change-password-portlet .zmdi-more-horiz:before {
    content: '\f19c'; }
  .clavier-virtuel-login-portlet .zmdi-book-photo:before, .change-password-portlet .zmdi-book-photo:before {
    content: '\f11b'; }
  .clavier-virtuel-login-portlet .zmdi-incandescent:before, .change-password-portlet .zmdi-incandescent:before {
    content: '\f189'; }
  .clavier-virtuel-login-portlet .zmdi-wb-iridescent:before, .change-password-portlet .zmdi-wb-iridescent:before {
    content: '\f38c'; }
  .clavier-virtuel-login-portlet .zmdi-calendar-remove:before, .change-password-portlet .zmdi-calendar-remove:before {
    content: '\f330'; }
  .clavier-virtuel-login-portlet .zmdi-refresh-sync-disabled:before, .change-password-portlet .zmdi-refresh-sync-disabled:before {
    content: '\f1b7'; }
  .clavier-virtuel-login-portlet .zmdi-refresh-sync-problem:before, .change-password-portlet .zmdi-refresh-sync-problem:before {
    content: '\f1b6'; }
  .clavier-virtuel-login-portlet .zmdi-crop-original:before, .change-password-portlet .zmdi-crop-original:before {
    content: '\f17e'; }
  .clavier-virtuel-login-portlet .zmdi-power-off:before, .change-password-portlet .zmdi-power-off:before {
    content: '\f1af'; }
  .clavier-virtuel-login-portlet .zmdi-power-off-setting:before, .change-password-portlet .zmdi-power-off-setting:before {
    content: '\f1ae'; }
  .clavier-virtuel-login-portlet .zmdi-leak-remove:before, .change-password-portlet .zmdi-leak-remove:before {
    content: '\f38d'; }
  .clavier-virtuel-login-portlet .zmdi-star-border:before, .change-password-portlet .zmdi-star-border:before {
    content: '\f27c'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-low:before, .change-password-portlet .zmdi-brightness-low:before {
    content: '\f36d'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-medium:before, .change-password-portlet .zmdi-brightness-medium:before {
    content: '\f36e'; }
  .clavier-virtuel-login-portlet .zmdi-brightness-high:before, .change-password-portlet .zmdi-brightness-high:before {
    content: '\f36f'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-portrait:before, .change-password-portlet .zmdi-smartphone-portrait:before {
    content: '\f2d4'; }
  .clavier-virtuel-login-portlet .zmdi-live-tv:before, .change-password-portlet .zmdi-live-tv:before {
    content: '\f2d9'; }
  .clavier-virtuel-login-portlet .zmdi-format-textdirection-l-to-r:before, .change-password-portlet .zmdi-format-textdirection-l-to-r:before {
    content: '\f249'; }
  .clavier-virtuel-login-portlet .zmdi-format-textdirection-r-to-l:before, .change-password-portlet .zmdi-format-textdirection-r-to-l:before {
    content: '\f24a'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-back:before, .change-password-portlet .zmdi-arrow-back:before {
    content: '\f2ea'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-forward:before, .change-password-portlet .zmdi-arrow-forward:before {
    content: '\f2ee'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-in:before, .change-password-portlet .zmdi-arrow-in:before {
    content: '\f2e9'; }
  .clavier-virtuel-login-portlet .zmdi-arrow-out:before, .change-password-portlet .zmdi-arrow-out:before {
    content: '\f2ed'; }
  .clavier-virtuel-login-portlet .zmdi-rotate-90-degrees-ccw:before, .change-password-portlet .zmdi-rotate-90-degrees-ccw:before {
    content: '\f304'; }
  .clavier-virtuel-login-portlet .zmdi-adb:before, .change-password-portlet .zmdi-adb:before {
    content: '\f33a'; }
  .clavier-virtuel-login-portlet .zmdi-network-wifi:before, .change-password-portlet .zmdi-network-wifi:before {
    content: '\f2e8'; }
  .clavier-virtuel-login-portlet .zmdi-network-wifi-alt:before, .change-password-portlet .zmdi-network-wifi-alt:before {
    content: '\f2e3'; }
  .clavier-virtuel-login-portlet .zmdi-network-wifi-lock:before, .change-password-portlet .zmdi-network-wifi-lock:before {
    content: '\f2e5'; }
  .clavier-virtuel-login-portlet .zmdi-network-wifi-off:before, .change-password-portlet .zmdi-network-wifi-off:before {
    content: '\f2e6'; }
  .clavier-virtuel-login-portlet .zmdi-network-wifi-outline:before, .change-password-portlet .zmdi-network-wifi-outline:before {
    content: '\f2e7'; }
  .clavier-virtuel-login-portlet .zmdi-network-wifi-info:before, .change-password-portlet .zmdi-network-wifi-info:before {
    content: '\f2e4'; }
  .clavier-virtuel-login-portlet .zmdi-layers-clear:before, .change-password-portlet .zmdi-layers-clear:before {
    content: '\f18b'; }
  .clavier-virtuel-login-portlet .zmdi-colorize:before, .change-password-portlet .zmdi-colorize:before {
    content: '\f15d'; }
  .clavier-virtuel-login-portlet .zmdi-format-paint:before, .change-password-portlet .zmdi-format-paint:before {
    content: '\f1ba'; }
  .clavier-virtuel-login-portlet .zmdi-format-quote:before, .change-password-portlet .zmdi-format-quote:before {
    content: '\f1b2'; }
  .clavier-virtuel-login-portlet .zmdi-camera-monochrome-photos:before, .change-password-portlet .zmdi-camera-monochrome-photos:before {
    content: '\f285'; }
  .clavier-virtuel-login-portlet .zmdi-sort-by-alpha:before, .change-password-portlet .zmdi-sort-by-alpha:before {
    content: '\f1cf'; }
  .clavier-virtuel-login-portlet .zmdi-folder-shared:before, .change-password-portlet .zmdi-folder-shared:before {
    content: '\f225'; }
  .clavier-virtuel-login-portlet .zmdi-folder-special:before, .change-password-portlet .zmdi-folder-special:before {
    content: '\f226'; }
  .clavier-virtuel-login-portlet .zmdi-comment-dots:before, .change-password-portlet .zmdi-comment-dots:before {
    content: '\f260'; }
  .clavier-virtuel-login-portlet .zmdi-reorder:before, .change-password-portlet .zmdi-reorder:before {
    content: '\f31e'; }
  .clavier-virtuel-login-portlet .zmdi-dehaze:before, .change-password-portlet .zmdi-dehaze:before {
    content: '\f197'; }
  .clavier-virtuel-login-portlet .zmdi-sort:before, .change-password-portlet .zmdi-sort:before {
    content: '\f1ce'; }
  .clavier-virtuel-login-portlet .zmdi-pages:before, .change-password-portlet .zmdi-pages:before {
    content: '\f34a'; }
  .clavier-virtuel-login-portlet .zmdi-stack-overflow:before, .change-password-portlet .zmdi-stack-overflow:before {
    content: '\f35c'; }
  .clavier-virtuel-login-portlet .zmdi-calendar-account:before, .change-password-portlet .zmdi-calendar-account:before {
    content: '\f204'; }
  .clavier-virtuel-login-portlet .zmdi-paste:before, .change-password-portlet .zmdi-paste:before {
    content: '\f109'; }
  .clavier-virtuel-login-portlet .zmdi-cut:before, .change-password-portlet .zmdi-cut:before {
    content: '\f1bc'; }
  .clavier-virtuel-login-portlet .zmdi-save:before, .change-password-portlet .zmdi-save:before {
    content: '\f297'; }
  .clavier-virtuel-login-portlet .zmdi-smartphone-code:before, .change-password-portlet .zmdi-smartphone-code:before {
    content: '\f139'; }
  .clavier-virtuel-login-portlet .zmdi-directions-bike:before, .change-password-portlet .zmdi-directions-bike:before {
    content: '\f117'; }
  .clavier-virtuel-login-portlet .zmdi-directions-boat:before, .change-password-portlet .zmdi-directions-boat:before {
    content: '\f11a'; }
  .clavier-virtuel-login-portlet .zmdi-directions-bus:before, .change-password-portlet .zmdi-directions-bus:before {
    content: '\f121'; }
  .clavier-virtuel-login-portlet .zmdi-directions-car:before, .change-password-portlet .zmdi-directions-car:before {
    content: '\f125'; }
  .clavier-virtuel-login-portlet .zmdi-directions-railway:before, .change-password-portlet .zmdi-directions-railway:before {
    content: '\f1b3'; }
  .clavier-virtuel-login-portlet .zmdi-directions-run:before, .change-password-portlet .zmdi-directions-run:before {
    content: '\f215'; }
  .clavier-virtuel-login-portlet .zmdi-directions-subway:before, .change-password-portlet .zmdi-directions-subway:before {
    content: '\f1d5'; }
  .clavier-virtuel-login-portlet .zmdi-directions-walk:before, .change-password-portlet .zmdi-directions-walk:before {
    content: '\f216'; }
  .clavier-virtuel-login-portlet .zmdi-local-hotel:before, .change-password-portlet .zmdi-local-hotel:before {
    content: '\f178'; }
  .clavier-virtuel-login-portlet .zmdi-local-activity:before, .change-password-portlet .zmdi-local-activity:before {
    content: '\f1df'; }
  .clavier-virtuel-login-portlet .zmdi-local-play:before, .change-password-portlet .zmdi-local-play:before {
    content: '\f1df'; }
  .clavier-virtuel-login-portlet .zmdi-local-airport:before, .change-password-portlet .zmdi-local-airport:before {
    content: '\f103'; }
  .clavier-virtuel-login-portlet .zmdi-local-atm:before, .change-password-portlet .zmdi-local-atm:before {
    content: '\f198'; }
  .clavier-virtuel-login-portlet .zmdi-local-bar:before, .change-password-portlet .zmdi-local-bar:before {
    content: '\f137'; }
  .clavier-virtuel-login-portlet .zmdi-local-cafe:before, .change-password-portlet .zmdi-local-cafe:before {
    content: '\f13b'; }
  .clavier-virtuel-login-portlet .zmdi-local-car-wash:before, .change-password-portlet .zmdi-local-car-wash:before {
    content: '\f124'; }
  .clavier-virtuel-login-portlet .zmdi-local-convenience-store:before, .change-password-portlet .zmdi-local-convenience-store:before {
    content: '\f1d3'; }
  .clavier-virtuel-login-portlet .zmdi-local-dining:before, .change-password-portlet .zmdi-local-dining:before {
    content: '\f153'; }
  .clavier-virtuel-login-portlet .zmdi-local-drink:before, .change-password-portlet .zmdi-local-drink:before {
    content: '\f157'; }
  .clavier-virtuel-login-portlet .zmdi-local-florist:before, .change-password-portlet .zmdi-local-florist:before {
    content: '\f168'; }
  .clavier-virtuel-login-portlet .zmdi-local-gas-station:before, .change-password-portlet .zmdi-local-gas-station:before {
    content: '\f16f'; }
  .clavier-virtuel-login-portlet .zmdi-local-grocery-store:before, .change-password-portlet .zmdi-local-grocery-store:before {
    content: '\f1cb'; }
  .clavier-virtuel-login-portlet .zmdi-local-hospital:before, .change-password-portlet .zmdi-local-hospital:before {
    content: '\f177'; }
  .clavier-virtuel-login-portlet .zmdi-local-laundry-service:before, .change-password-portlet .zmdi-local-laundry-service:before {
    content: '\f1e9'; }
  .clavier-virtuel-login-portlet .zmdi-local-library:before, .change-password-portlet .zmdi-local-library:before {
    content: '\f18d'; }
  .clavier-virtuel-login-portlet .zmdi-local-mall:before, .change-password-portlet .zmdi-local-mall:before {
    content: '\f195'; }
  .clavier-virtuel-login-portlet .zmdi-local-movies:before, .change-password-portlet .zmdi-local-movies:before {
    content: '\f19d'; }
  .clavier-virtuel-login-portlet .zmdi-local-offer:before, .change-password-portlet .zmdi-local-offer:before {
    content: '\f187'; }
  .clavier-virtuel-login-portlet .zmdi-local-parking:before, .change-password-portlet .zmdi-local-parking:before {
    content: '\f1a5'; }
  .clavier-virtuel-login-portlet .zmdi-local-parking:before, .change-password-portlet .zmdi-local-parking:before {
    content: '\f1a5'; }
  .clavier-virtuel-login-portlet .zmdi-local-pharmacy:before, .change-password-portlet .zmdi-local-pharmacy:before {
    content: '\f176'; }
  .clavier-virtuel-login-portlet .zmdi-local-phone:before, .change-password-portlet .zmdi-local-phone:before {
    content: '\f2be'; }
  .clavier-virtuel-login-portlet .zmdi-local-pizza:before, .change-password-portlet .zmdi-local-pizza:before {
    content: '\f1ac'; }
  .clavier-virtuel-login-portlet .zmdi-local-post-office:before, .change-password-portlet .zmdi-local-post-office:before {
    content: '\f15a'; }
  .clavier-virtuel-login-portlet .zmdi-local-printshop:before, .change-password-portlet .zmdi-local-printshop:before {
    content: '\f1b0'; }
  .clavier-virtuel-login-portlet .zmdi-local-see:before, .change-password-portlet .zmdi-local-see:before {
    content: '\f28c'; }
  .clavier-virtuel-login-portlet .zmdi-local-shipping:before, .change-password-portlet .zmdi-local-shipping:before {
    content: '\f1e6'; }
  .clavier-virtuel-login-portlet .zmdi-local-store:before, .change-password-portlet .zmdi-local-store:before {
    content: '\f1d4'; }
  .clavier-virtuel-login-portlet .zmdi-local-taxi:before, .change-password-portlet .zmdi-local-taxi:before {
    content: '\f123'; }
  .clavier-virtuel-login-portlet .zmdi-local-wc:before, .change-password-portlet .zmdi-local-wc:before {
    content: '\f211'; }
  .clavier-virtuel-login-portlet .zmdi-my-location:before, .change-password-portlet .zmdi-my-location:before {
    content: '\f299'; }
  .clavier-virtuel-login-portlet .zmdi-directions:before, .change-password-portlet .zmdi-directions:before {
    content: '\f1e7'; }
  .clavier-virtuel-login-portlet .btn, .change-password-portlet .btn {
    background-image: none !important;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  .clavier-virtuel-login-portlet .btn.btn-primary, .change-password-portlet .btn.btn-primary {
    background-color: #96be0f !important;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05); }
  @media (min-width: 769px) {
    .clavier-virtuel-login-portlet .btn.btn-primary:hover, .change-password-portlet .btn.btn-primary:hover {
      background-color: rgba(150, 190, 15, 0.7) !important;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms; } }
  .clavier-virtuel-login-portlet .btn.btn-secondary, .change-password-portlet .btn.btn-secondary {
    background-color: #fff;
    -webkit-border-top-left-radius: 2% 6%;
    border-top-left-radius: 2% 6%;
    -webkit-border-top-right-radius: 2% 6%;
    border-top-right-radius: 2% 6%;
    -webkit-border-bottom-right-radius: 2% 6%;
    border-bottom-right-radius: 2% 6%;
    -webkit-border-bottom-left-radius: 2% 6%;
    border-bottom-left-radius: 2% 6%;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    color: #999; }
  @media (min-width: 769px) {
    .clavier-virtuel-login-portlet .btn.btn-secondary:hover, .change-password-portlet .btn.btn-secondary:hover {
      background-color: #f4f4f4 !important;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms;
      border: transparent; } }
  .clavier-virtuel-login-portlet .btn.btn-form, .change-password-portlet .btn.btn-form {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #39add2;
    width: 256px;
    height: 58px;
    font-size: 14px;
    color: #FFF; }
  .clavier-virtuel-login-portlet .btn.btn-form .btn-text, .change-password-portlet .btn.btn-form .btn-text {
    line-height: 46px;
    font-family: Roboto,sans-serif;
    font-weight: 500; }
  .clavier-virtuel-login-portlet .btn.btn-form .btn-text .steps-text, .change-password-portlet .btn.btn-form .btn-text .steps-text {
    color: rgba(255, 255, 255, 0.5);
    margin-right: 5px; }
  .clavier-virtuel-login-portlet .btn .btn-text + .zmdi, .change-password-portlet .btn .btn-text + .zmdi {
    margin-left: 2px; }
  .clavier-virtuel-login-portlet .btn .zmdi, .change-password-portlet .btn .zmdi {
    font-size: 16px; }
  .clavier-virtuel-login-portlet .btn .zmdi .btn-text, .change-password-portlet .btn .zmdi .btn-text {
    margin-right: 2px; }
  .clavier-virtuel-login-portlet .btn + .btn, .clavier-virtuel-login-portlet .btn + .btn-group, .change-password-portlet .btn + .btn, .change-password-portlet .btn + .btn-group {
    margin-left: 30px; }
  .clavier-virtuel-login-portlet .btn:focus, .change-password-portlet .btn:focus {
    outline: #4d90fe auto 5px !important;
    outline-offset: -2px !important; }
  .clavier-virtuel-login-portlet .btn-group.open .dropdown-toggle.btn-primary, .change-password-portlet .btn-group.open .dropdown-toggle.btn-primary {
    background-color: #96be0f !important; }
  .clavier-virtuel-login-portlet .btn-group + .btn, .clavier-virtuel-login-portlet .btn-group + .btn-group, .change-password-portlet .btn-group + .btn, .change-password-portlet .btn-group + .btn-group {
    margin-left: 30px; }
  .clavier-virtuel-login-portlet .signInWrapper .signInForm .loginGridWrapper, .change-password-portlet .signInWrapper .signInForm .loginGridWrapper {
    display: none; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid, .change-password-portlet .loginGridWrapper .loginGrid {
    margin: 20px auto auto;
    position: relative;
    background-color: #fbfbfb;
    -webkit-box-shadow: 0 2px 0 0 #a3a5a4;
    -moz-box-shadow: 0 2px 0 0 #a3a5a4;
    box-shadow: 0 2px 0 0 #a3a5a4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid .close, .change-password-portlet .loginGridWrapper .loginGrid .close {
    position: absolute;
    color: rgba(244, 244, 244, 0.5);
    font-size: 16px;
    right: -25px;
    top: -7px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    z-index: 10; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    list-style: none;
    padding: 7px; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper:after, .change-password-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key {
    display: inline-block;
    float: left;
    text-align: center;
    border: 1px solid #DDD;
    cursor: pointer;
    color: #0c0c0c; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_only, .change-password-portlet .loginGridWrapper .loginGrid.digits_only {
    width: 175px;
    height: 175px; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key {
    width: 39px;
    height: 39px;
    line-height: 39px; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+4), .change-password-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+4) {
    border-top-width: 0; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+4), .change-password-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+4) {
    border-bottom-width: 0; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(4n), .change-password-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(4n) {
    border-right-width: 0; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(4n+1), .change-password-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(4n+1) {
    border-left-width: 0; }
  @media (min-width: 561px) {
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only {
      width: 291px;
      height: 291px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+7), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+7) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+7), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+7) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n+1), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n+1) {
      border-left-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar {
      width: 460px;
      height: 460px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper {
      padding: 16px 15px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+11), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+11) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+11), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+11) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n+1), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n+1) {
      border-left-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10, .change-password-portlet .loginGridWrapper .loginGrid.size10x10 {
      width: 420px;
      height: 420px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper {
      padding: 16px 15px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+10), .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+10) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+10), .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+10) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(10n), .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(10n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(10n+1), .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(10n+1) {
      border-left-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9, .change-password-portlet .loginGridWrapper .loginGrid.size9x9 {
      width: 381px;
      height: 381px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper {
      padding: 16px 15px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+9), .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+9) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+9), .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+9) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(9n), .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(9n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(9n+1), .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(9n+1) {
      border-left-width: 0; } }
  @media (max-width: 560px) {
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only {
      width: 250px;
      height: 370px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar {
      width: 250px;
      height: 840px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10, .change-password-portlet .loginGridWrapper .loginGrid.size10x10 {
      width: 250px;
      height: 681px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n), .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1), .change-password-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9, .change-password-portlet .loginGridWrapper .loginGrid.size9x9 {
      width: 250px;
      height: 564px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n), .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1), .change-password-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; } }
  @media (min-width: 561px) {
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only {
      width: 291px;
      height: 291px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+7), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+7) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+7), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+7) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n+1), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n+1) {
      border-left-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar {
      width: 460px;
      height: 460px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper {
      padding: 16px 15px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+11), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+11) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+11), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+11) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n+1), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n+1) {
      border-left-width: 0; } }
  @media (max-width: 560px) {
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only {
      width: 250px;
      height: 370px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1), .change-password-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar {
      width: 250px;
      height: 840px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key, .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1), .change-password-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; } }
  .clavier-virtuel-login-portlet .login_keyboard_key.applyHover:hover, .change-password-portlet .login_keyboard_key.applyHover:hover {
    background-color: gray;
    opacity: 0.25; }
  .clavier-virtuel-login-portlet .login_keyboard_key.applyHover:active, .change-password-portlet .login_keyboard_key.applyHover:active {
    background-color: gray;
    opacity: 0.5; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key.cursorAuto, .change-password-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key.cursorAuto {
    cursor: auto; }
  .clavier-virtuel-login-portlet .border_top_left_radius, .change-password-portlet .border_top_left_radius {
    border-top-left-radius: 20px; }
  .clavier-virtuel-login-portlet .border_top_right_radius, .change-password-portlet .border_top_right_radius {
    border-top-right-radius: 20px; }
  .clavier-virtuel-login-portlet .border_bottom_right_radius, .change-password-portlet .border_bottom_right_radius {
    border-bottom-right-radius: 20px; }
  .clavier-virtuel-login-portlet .border_bottom_left_radius, .change-password-portlet .border_bottom_left_radius {
    border-bottom-left-radius: 20px; }
  .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key.showOnMobile, .change-password-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key.showOnMobile {
    display: none; }
  @media (max-width: 560px) {
    .clavier-virtuel-login-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key.showOnMobile, .change-password-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key.showOnMobile {
      display: block; } }
  .clavier-virtuel-login-portlet .loginGridWrapper *, .change-password-portlet .loginGridWrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .clavier-virtuel-login-portlet .close, .change-password-portlet .close {
    font-size: 21px;
    font-weight: bold;
    line-height: 43px;
    color: #1f1e1e;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    top: -42px;
    margin-bottom: -42px;
    position: relative;
    left: -7px;
    float: right;
    /*Deplacer les icones fermees(close) vers la droite*/ }
  .clavier-virtuel-login-portlet .ypToBeHidden.ypStartHide, .change-password-portlet .ypToBeHidden.ypStartHide {
    opacity: 0; }
  .clavier-virtuel-login-portlet .ypToBeHidden, .change-password-portlet .ypToBeHidden {
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
    opacity: 1; }

/* YPW menu*/
#cssmenu ul ul {
  display: none;
  position: absolute;
  left: 144px;
  top: -1px;
  margin: 0px;
  padding: 0px;
  border: 1px solid grey; }

#cssmenu li {
  list-style-type: none;
  position: relative;
  width: 140px;
  background-color: #EEEEEE;
  padding: 2px;
  margin: 0px; }

#cssmenu li:hover {
  background-color: #FFFF70; }

#cssmenu li:hover ul.niveau1 {
  display: block; }

#cssmenu li li:hover ul.niveau2 {
  display: block; }

#cssmenu li li li:hover ul.niveau3 {
  display: block; }

/* div#cssmenu {position: relative; z-index: 5;} */
.right_menu {
  float: right !important;
  background-color: transparent; }

.right_menu .custom-logout-btn {
  color: yellow !important; }

.DragContainer, .OverDragContainer {
  float: left;
  height: 400px;
  margin: 3px;
  width: 250px;
  border: #669999 2px solid;
  padding: 5px;
  overflow-y: scroll;
  overflow-x: hidden; }

.SousMenu, .OverSousMenu, .DragSousMenu {
  border: #000 1px solid;
  padding-left: 3px;
  padding-top: 3px;
  font-size: 10px;
  margin-bottom: 8px;
  width: 200px;
  cursor: pointer;
  font-family: verdana, tahoma, arial;
  background-color: #ddd;
  font-weight: bold;
  color: #97BF0D; }

.tete {
  padding-bottom: 3px; }

.remplissage {
  height: 8px; }

.option {
  color: #888888; }

.end {
  height: 2px;
  width: 200px; }

.OverSousMenu {
  background-color: #ffff99; }

.DragSousMenu {
  filter: alpha(opacity=50);
  background-color: #ff99cc; }

.MenuItem, .OverMenuItem, .DragMenuItem, .MenuURL, .OverMenuURL {
  border: #000 1px solid;
  padding: 2px;
  font-size: 10px;
  margin-bottom: 8px;
  width: 200px;
  cursor: pointer;
  font-family: verdana, tahoma, arial;
  background-color: #f8f8f8;
  color: #97BF0D;
  font-weight: normal; }

.menuURL {
  background-color: #f8e5e5; }

.OverDragContainer {
  background-color: #eee; }

.OverMenuItem, .DragMenuItem, .OverMenuURL {
  background-color: #ffff99; }

.DragMenuItem {
  filter: alpha(opacity=50);
  background-color: #ff99cc; }

legend {
  font-weight: bold;
  font-size: 12px;
  color: #97BF0D;
  font-family: verdana, tahoma, arial; }

fieldset {
  padding: 3px;
  width: 550px; }

ul.SimpleContextMenu {
  display: none;
  position: absolute;
  margin: 0px;
  padding: 0px;
  font-family: verdana;
  font-size: 12px;
  list-style-type: none;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999; }

ul.SimpleContextMenu li {
  border-bottom: 1px solid #999999; }

ul.SimpleContextMenu li a {
  display: block;
  width: 140px;
  padding: 2px 10px 3px 10px;
  text-decoration: none;
  color: black;
  background: white;
  -moz-border-radius-bottomleft: 0px; }

ul.SimpleContextMenu li a:hover {
  text-decoration: none;
  color: #ffffff;
  background: #ff0000;
  -moz-border-radius-bottomleft: 0px; }

.SousMenuValid {
  color: #97BF0D;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal; }

.MenuItemValid {
  color: #97BF0D;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal; }

.pasLangueActuelle {
  color: #884400 !important; }

/* by KOEIN */
/* Added MENU */
html #navigation .nav .dropdown-menu {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

#cssmenu.menu-horizontal > ul ul {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  border: 0 none;
  z-index: 4;
  padding: 5px 20px;
  background-color: white; }

#cssmenu.menu-horizontal > ul ul li {
  padding: 5px 10px;
  text-align: center;
  color: #666666;
  font-size: 13px;
  margin: 0;
  outline: none !important; }

#cssmenu.menu-horizontal > ul ul li + li {
  border-top: 1px solid #CCCCCC; }

#cssmenu.menu-horizontal > ul ul li a {
  color: #666666;
  font-size: 13px; }

#cssmenu.menu-horizontal > ul ul li a:hover {
  text-decoration: none !important;
  opacity: 0.8; }

html #navigation .navbar-inner li a {
  font-weight: normal; }

html .nav-secondary .nav > li > a {
  color: rgba(255, 255, 255, 0.8) !important;
  outline: none !important; }

aui .nav-secondary .nav > li.open > a {
  color: white !important; }

/* FIRST LEVEL*/
#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item {
  float: none;
  display: inline-block;
  margin: 0 20px; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item > a {
  outline: none !important; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item.open > a,
#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item.selected > a {
  text-decoration: none; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item a[role="menuitem"] + .dropdown-toggle .lfr-nav-child-toggle .icon-caret-down {
  display: none;
  /*mike*/
  width: 50px;
  height: 50px;
  /*****/ }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item a[role="menuitem"] + .dropdown-toggle .lfr-nav-child-toggle:before {
  font-family: 'FontAwesome';
  content: "\f107"; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item:first-child {
  margin-left: 0; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item:last-child {
  margin-right: 0; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item:nth-last-child(5) ~ .lfr-nav-item {
  /*width: calc( (100% - 370px) / 5);*/ }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item a[role="menuitem"] {
  font-size: 14px;
  color: #122B4A; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item a[role="menuitem"] + .dropdown-toggle + .dropdown-menu li.lfr-nav-item {
  margin: 0; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item .dropdown-menu li {
  text-align: center;
  width: 100%;
  color: #666666;
  font-size: 13px;
  margin: 0; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item .dropdown-menu li a[role="menuitem"] {
  color: #666666;
  font-size: 13px;
  padding: 0; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item .dropdown-menu li a[role="menuitem"]:hover {
  text-decoration: none !important;
  opacity: 0.8; }

/* SECOND LEVEL*/
#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item.hover.open:not(.selected):not(.dropdown) {
  background-color: transparent !important;
  color: #FFF !important; }

#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item.hover.open > a[role="menuitem"] {
  text-decoration: none !important;
  color: #FFF; }

#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item.dropdown > a {
  text-decoration: none !important;
  text-shadow: none !important; }

#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item.hover.open:not(.selected):not(.dropdown) a[role="menuitem"] span {
  border: 1px solid #FFF; }

#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item a[role="menuitem"] span {
  padding: 5px;
  border: 1px solid transparent; }

#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item a[role="menuitem"] {
  font-size: 13px;
  text-shadow: none; }

#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item.selected.active {
  position: relative;
  background-color: rgba(0, 0, 0, 0.19); }

#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item.selected.active:before {
  position: absolute;
  box-shadow: inset -1px -4px 3px rgba(0, 0, 0, 0.04);
  content: "";
  width: 100%;
  height: 111%;
  top: 0;
  left: 0;
  pointer-events: none; }

#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item.selected.active:after {
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.17);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item.selected.active.open a[role="menuitem"] {
  text-decoration: none; }

#heading + .navbar-header ~ .nav-secondary ul.nav li.lfr-nav-item.selected.active.open a[role="menuitem"] span {
  color: #FFF; }

#cssmenu.menu-horizontal {
  background: -webkit-radial-gradient(circle, #6b8886, #2b3a61);
  position: relative;
  box-shadow: inset -1px -4px 3px rgba(0, 0, 0, 0.04); }

#cssmenu.menu-horizontal:before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.19);
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: none; }

#cssmenu.menu-horizontal:after {
  content: "";
  position: absolute;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.17);
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none; }

#nav-secondary-more li {
  text-align: center;
  width: 100%;
  color: #666666;
  font-size: 13px; }

#nav-secondary-more li a {
  color: #666666;
  font-size: 13px; }

#nav-secondary-more li a:hover {
  text-decoration: none !important;
  opacity: 0.8; }

/* SECOND LEVEL esab-toolbar-wrapper */
#heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry:first-child .esab-icon {
  display: none; }

#heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry:first-child {
  padding-left: 38px;
  position: relative; }

#heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry:first-child:before {
  content: "\f007";
  font-family: 'FontAwesome';
  font-size: 20px;
  color: #EBEBF0;
  position: absolute;
  left: 14px;
  line-height: 37px; }

#heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry .dropdown-menu {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  border: 0 none;
  z-index: 1000; }

#heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry .dropdown-menu li {
  text-align: center;
  width: 100%;
  color: #666666;
  font-size: 13px;
  margin: 0;
  padding-left: 0;
  padding-right: 0; }

#heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry .dropdown-menu li a {
  color: #666666;
  font-size: 13px; }

#heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry .dropdown-menu li a:hover {
  text-decoration: none !important;
  opacity: 0.8; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item a[role="menuitem"] {
  font-weight: bold; }

#heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item .dropdown-menu li a {
  font-weight: normal; }

#heading + .navbar-header + .navbar {
  padding-top: 0;
  height: 35px; }

#nav-secondary-more.open .dropdown-toggle {
  color: #122B4A !important; }

.esab-toolbar-wrapper {
  padding-top: 21px !important;
  /*20/07/2016: correction suite preconisation du greg, pour enlever l'espacement entre le menu sab et le menu privé*/
  /*padding-bottom: 21px !important;*/ }

#nav-secondary-more.lfr-nav-item.dropdown.esab-icon-container.selected.active a.dropdown-toggle {
  background-color: transparent;
  color: #FFF !important; }

#nav-secondary-more.lfr-nav-item.dropdown.esab-icon-container a.dropdown-toggle .lfr-nav-child-toggle .esab-icon {
  background: none;
  position: relative; }

#nav-secondary-more.lfr-nav-item.dropdown.esab-icon-container a.dropdown-toggle .lfr-nav-child-toggle .esab-icon:before {
  content: '\f055';
  font-family: 'FontAwesome';
  position: absolute;
  font-style: normal;
  top: 0;
  right: 0;
  line-height: 20px;
  font-size: 16px; }

/* MOBILE MENU */
@media (max-width: 979px) {
  html nav.nav-secondary .esab-toolbar {
    z-index: 5;
    background: none;
    background: linear-gradient(to right, #2a375a, #465773);
    padding-top: 15px;
    padding-bottom: 15px; }
  #heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry .dropdown-menu {
    background-color: whitesmoke;
    border-color: white;
    border-width: 2px;
    border-style: solid;
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
    /*width: calc(100% + 505px);
      padding-right: calc(100% - 146px);*/
    position: absolute;
    left: -5px;
    transform: none;
    /*position: fixed;
      top: 184px;*/
    top: auto;
    left: 25px;
    width: calc(100% - 94px);
    max-width: 100%; }
  /*MK: redmine 73201: ajout d'un burger*/
  #heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry:first-child {
    margin-right: calc(100% - 307px);
    position: initial; }
  /* redmine 77302: Les popups s'affichent correctement en mode responsive */
  #heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry:nth-child(4) {
    position: initial; }
  #heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry:first-child:before {
    left: 28px !important; }
  /***********************************/
  #heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry .dropdown-menu li {
    text-align: left;
    color: #666666;
    font-family: "robotobold"; }
  #heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry .dropdown-menu li.user-menu-entry.last-login-date {
    padding-top: 15px;
    padding-bottom: 15px; }
  #heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry .dropdown-menu li + li:before {
    content: "";
    background-color: #FFF;
    width: calc(100% - 40px);
    height: 1px;
    position: absolute;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); }
  #heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry .dropdown-menu li a {
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 15px; }
  #cssmenu.menu-horizontal {
    padding-bottom: 15px; }
  #cssmenu.menu-horizontal > ul ul {
    left: 0;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none; }
  #cssmenu.menu-horizontal > ul {
    background-color: whitesmoke;
    border-color: white;
    border-width: 2px;
    border-style: solid;
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05); }
  #cssmenu.menu-horizontal > ul:not(.open) {
    border-width: 0; }
  #cssmenu.menu-horizontal > ul li a {
    font-family: 'robotobold';
    color: #666666; }
  #cssmenu.menu-horizontal > ul li {
    border: 0 none;
    padding: 10px 0; }
  #cssmenu.menu-horizontal > ul li + li:before {
    content: "";
    background-color: #FFF;
    width: calc(100% - 40px);
    height: 1px;
    position: absolute;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    top: 0; }
  #heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item {
    width: 100%;
    margin: 0; }
  #heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item .dropdown-menu {
    left: 0;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none; }
  #heading + .navbar-header + .navbar .navbar-inner .nav-collapse ul.nav li.lfr-nav-item .dropdown-menu li {
    text-align: left; }
  #nav-secondary-more li {
    text-align: left; }
  #nav-secondary-more > a {
    padding: 5px; }
  #nav-secondary-more li a {
    color: #FFF; }
  .esab-toolbar-wrapper {
    padding: 0 !important; }
  #heading + .navbar-header + .navbar {
    height: auto; } }

#content .portlet-boundary:not(.esab-menu-portlet) .portlet-body {
  padding: 12px; }

/* YP Web Portlets */
html body.yp .ypw-portlet {
  /** Position */
  /** Delete */
  /** Reorder (mobile version only) */
  /* Desktop */
  /* Small screens */
  /** Header and main menu */
  /** Header and Main navigation */
  /** Secondary menu */
  /** 3rd level menu */
  /* Toolbar */
  /**
 * General elements (needs refactoring)
 */
  /* Menu : dropdowns */
  /* CSS related to the notification */
  /*MK: redmine 73198: new login button for mobile presentation*/
  /*****************************/
  /* Remplace flex de clay.css par block dans l'option display*/
  /* Correction du redmine #79540*/
  /* Feuille de style standard pour es@b. */
  /* El�ments de base */
  /*$minMobile1:769px;
$minDesktop1:993px;
$maxMobile1:768px;
$maxTablet1:992px;
$maxDesktop1:992px;
*/
  /* Un moyen pour afficher une image en tï¿œte de page de connexion.*/
  /*
.codeident {
  background-image: url(../../Images/basRib.gif);
  background-repeat: no-repeat;
  background-position: left top;
  width: 100%;
  height: 100%;
}
*/
  /* Titres d'informations complￜmentaires affichￜs au dessus des tableaux ( nom de l'abonnￜ...) 
       SelectionTitre reprￜsentant le libellￜ et SelectionData : la donnￜe correspondante */
  /* 1. Les diffï¿œrents titres existants - titres non inclus dans les diffï¿œrents tableaux */
  /* Titres au-dessus des tableaux dans la page de synthï¿œse */
  /* Titres d'informations complￜmentaires affichￜs au dessus des tableaux ( nom de l'abonnￜ...) 
       SelectionTitre reprￜsentant le libellￜ et SelectionData : la donnￜe correspondante */
  /* 2. Les diffï¿œrents types de tableaux */
  /* 3 types de tableaux sont disponibles
       - TableauAffichage : affichage des informations stockï¿œs en base
       - TableauDialog    : affichage des informations non stockï¿œes, messages d'erreur...
       - TableauSaisie    : zones de saisie oￜ l'info. est ￜ stocker en base
       
       Note : La majoritￜ des tableaux sont bicolores, le plus simple est d'avoir une dￜclaration 
              uniforme pour ces 3 tableaux, le paramï¿œtrage reposant sur le choix de la couleur de fond */
  /* Couleur de fond pour tous les types de colonnes de TableauSaisie */
  /* Couleur de fond pour tous les types de colonnes de TableauAffichage */
  /* Couleur de fond pour tous les types de colonnes de TableauDialog */
  /* 2 types de tableaux bicolores
       - TableauSaisieBicolore : tableau possï¿œdant des zones de saisie d'informations
       - TableauBicolore : tableau gï¿œnï¿œral */
  /* Couleur pour les lignes impaires */
  /* Couleur pour les lignes paires */
  /* Couleur des lignes de "Total" (module Titres) */
  /* Couleur pour les lignes impaires pour les imprimï¿œs des relevï¿œs*/
  /* Couleur pour les lignes paires pour les imprimï¿œs des relevï¿œs*/
  /* 3. Les diffï¿œrents titres existants dans les tableaux */
  /* Titres des tableaux = 1ï¿œre ligne d'un tableau */
  /* Titres des tableaux ￜ double entrￜe :
       - la 1ï¿œre ligne est qualifiï¿œe par TitreTableau2
       - la 1ï¿œre colonne est qualifiï¿œe par ColonneTitre */
  /* .ColonneTitre, .ColonneTitrePaire, .ColonneTitreImpaire {
           background-color : #707072;
        }*/
  /* Titres spￜcifiques ￜ la page de synthￜse - titres inclus dans les combo-box de sￜlection rapide
       au dessus des tableaux de la synthï¿œse */
  /* ColonneNumeriqueAlerte = Donnï¿œe numï¿œrique, sur laquelle on veut attirer l'attention (solde dï¿œbiteur) 
                                    - utilisï¿œe dans le module Titres */
  /* ColonneVide ou Colonne Rupture = Colonne de tableau vide (de la couleur du fond d'ï¿œcran) */
  /* Contournement bug js du menu */
  /* Utiliser pour la personnalisation des titres dans le nouveau menu en arbre */
  /* 3. Les diffï¿œrents titres existants dans les tableaux */
  /* Titres des tableaux = 1ï¿œre ligne d'un tableau */
  /* Si le titre est un lien ou une image, on peut dï¿œfinir les attributs spï¿œcifiques suivants */
  /* 4. Formatage globale des zones de select, input */
  /* Toutes les zones qui proposent un choix dans une combo-box */
  /* Toutes les zones oￜ l'utilisateur peut saisir une donnￜe */
  /* 5. Les diffï¿œrents types d'affichages dans un tableau 
      Note : Les types varient d'une colonne ￜ l'autre et non d'une ligne ￜ l'autre 
      On dï¿œfinit un style global, chagenemnt de quelques attributs ensuite */
  /* Style global pour les colonnes */
  /* ColonneNumerique       = Donnï¿œe numï¿œrique */
  /* ColonneNumeriqueAlerte = Donnï¿œe numï¿œrique, sur laquelle on veut attirer l'attention (solde dï¿œbiteur) 
                                    - utilisï¿œe dans le module Titres */
  /* ColonneIcone = Cellule de tableau avec une icï¿œne/image */
  /* Attributs possibles sur cette icï¿œne */
  /* ColonneLibelle = Affichage d'un texte ou identifiant long > 3 car. */
  /* ColonneColor = Affichage d'un texte ou identifiant colorￜ. */
  /* ColonneCode = Affichage Identifiant court (FRF) */
  /* ColonneDate = Date */
  /* ColonneSaisie = Colonne avec une ou plusieurs zones de saisie (attribut input dï¿œfinis ci-dessus) */
  /* ColonneCombo = Colonne avec une Combo Box (attribut select dï¿œfini ci-dessus) */
  /* ColonneCheck = Colonne avec une Check Box */
  /* ColonneVide ou Colonne Rupture = Colonne de tableau vide (de la couleur du fond d'ï¿œcran) */
  /* 6. Cas particulier : La ligne de fin du tableau, cette ligne est utilisï¿œe pour afficher un message
                        si le tableau est vide (pas de donnï¿œes disponibles...) */
  /* 7. Les messages d'informations sous les tableaux */
  /* 8. Les boutons */
  /* Attribut A pour les boutons */
  /* 9. Espacement entre 2 tableaux */
  /* 10. Formatage des attributs HTML classiques et les liens */
  /* Couleurs des liens */
  /* Passage de la souris au-dessus du lien 
            a:hover{
              text-decoration:none;
              font-weight:bold;
              color:blue;
            }
        */
  /* Couleur du lien 
            a:link{
              text-decoration:none;
              text-decoration:none;
              font-weight:bold;
              color:blue;
            }
        */
  /* Couleur du lien visitￜ 
            a:visited{
              text-decoration:none;
              text-decoration:none;
              font-weight:bold;
              color:purple;
            }
        */
  /* Attributs spï¿œcifiques aux modules Webroker et Agence */
  /* Utiliser pour la personnalisation des titres dans le nouveau menu en arbre */
  /* .menu1 {
        background-color : #8C96B5;
      }

    #root {
      color: white;
      background: transparent;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 60%;
    }
      .subtext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 60%;
        color: #000000;
        background: transparent;
      }
      .menu1 a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 60%;
        text-decoration: none;
        color: #fff700;
        background: transparent;
      }
      a:hover {
        color: white;
        background: transparent;
      }
      a.tracked {
        color: white;
        background: transparent;
      }
      a.subexpanded {
        color: white;
        background: transparent;
      }
      a.subclosed{
        color: #fff700;
        background: transparent;
      }
      TD.tracked {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 60%;
        text-decoration: none;
        color: white;
        background: transparent;
      } */
  /* 12. Pagination : Lorsqu'une page de donnï¿œes est paginï¿œe, elle comporte en bas de page "Page 1 2 3" ...
                    Ces classes permettent de spï¿œcifier le formatage de cette zone */
  /* Dￜfinition globale de la zone ￜ l'initialisation */
  /* L'attribut color de .PageVisitee doit ï¿œtre le mï¿œme que celui de a.pagination:link 
       pour ï¿œtre cohï¿œrent dans l'affichage */
  /* Couleur des liens de la pagination */
  /* 13. Modifications specifiques pour quelques tableaux 
       Meilleur formatage pour les tableaux de saisie  */
  /* Differences pour les tableaux de saisie */
  /* 14. Spï¿œcification du style du menu
     - style des liens 
     (a redefinir si noyau.menu.styleLien=true) 
     
     - style des elements du menu   */
  /* Si l'option tfoot a ete activee, conserve le style d'origine */
  /* Possibilite de redimensionner la ligne de pagination */
  /*MIKE*/
  /*}*/
  /*@media (min-width:1025px) {
  table.tablekeepLines td:first-of-type {
    line-height: 36px;
  }
  
  table.tablekeepLines td:last-of-type select{ // select the "select" of the last last TD
    max-width: none;
    width: 20%;
  } 
}
*/
  /*@media (max-width:1024px) {
  span.barTitreTableau {
    width: 100%;
  }
}*/
  /***********************************/
  /******* css added for SAMIC *******/
  /***********************************/
  /***********************************/
  /* Page Comptes identifiants sur colonnes */
  /*******************************/
  /*******************************/
  /* (affichage optionnel :base.synthese.afficherDecouvertAuto = true )*/
  /*******************************/
  /*(affichage optionnel :base.compte.afficherColonneNature=true)*/
  /*******************************/
  /*******************************/
  /*******************************/
  /* (affichage optionnel :base.compte.afficherColonnePrevisionnel = true)*/
  /*******************************/
  /* (affichage optionnel : base.compte.afficherColonneRIB = true)*/
  /*******************************/
  /*TCH*/
  /*reminder of jstree new classes: located inside fr\js\jstree\themes\apple\style.css: put here in case of plugin update
.jstree-apple .jstree-edit { background-image:url("d.png"); background-repeat:no-repeat; background-color:transparent; background-position:-76px -19px; display:inline-block; height: 16px; width: 16px; }
.jstree-apple .jstree-delete { background-image:url("d.png"); background-repeat:no-repeat; background-color:transparent; background-position:-19px -53px; display: inline-block; height: 16px; width: 16px; }
*/
  /*$minTablet1:769px;
$minDesktop1:993px;
$maxMobile1:768px;
$maxTablet1:992px;
$maxDesktop1:1199px;
*/
  /*mike*/
  /*******/
  /* MIKE: no need to emphasize this column
.TableauSaisieBicolore tr:nth-of-type(4) .ColonneTitre{
      color: #39ACD2 !important;
      font-size:12px;
      font-family: 'robotobold';
}
*/
  /*
.TableauBicolore tr td{
  width: 15%!important;
}
.TableauBicolore tr td:first-of-type, .TableauBicolore tr td:last-of-type{
  width: 5%!important;
}
*/
  /*
.TableauBicolore tr:not(#impair):not(#pair){
  height:66px ;
}
.TableauBicolore tr:nth-of-type(n + 3){
  border-top:1px solid #EEEEEE !important;
}
.TableauBicolore tr:not(#impair):not(#pair):nth-of-type(1){
  background:transparent !important;
  border-bottom:1px solid white;
}
.TableauBicolore tr:not(#impair):not(#pair):nth-of-type(2){
  height:55px ;
  
}*/
  /* MIKE: no need to color the second column blue
.TableauBicolore tr#impair td:nth-of-type(2), .TableauBicolore tr#pair td:nth-of-type(2){
  color:#39ADD2;
}
*/
  /*mike
ajouter la classe "secondTitre" au tableau "TableauSaisieBicolore" si on souhaite utiliser "TitreTableau" pour le titre (premier tr) au lieu de TitreTableau2 
  */
  /***/
  /*.TableauSaisieBicolore tr#impair:nth-last-child(2) .ColonneSaisie input[type="text"]{
  width: 22%;
}*/
  /*MIKE: No need for the i icon
.TableauSaisieBicolore tr:nth-of-type(6) td{
  //position:relative !important;
  //width:40px !important;
  font-style:italic;
}
.TableauSaisieBicolore tr:nth-of-type(6) td.ColonneTitre::before {
  content:'\f05a';
  font-family: 'FontAwesome';
  color:#39ADD2;
  font-size:18px;
  float:Left;
  margin-right:7px;
  margin-top:1px;
  font-style: initial;
}*/
  /*.TableauBicolore .rt-wrap .rwd-table tr td[]*/
  /*
  Responsive Table
*/
  /*
.TableauBicolore .rt-wrap .rwd-table tr.rt-alt {
  float: left; 
 }
*/
  /*.TableauBicolore tr:only-child td{
  background: #F4F4F4;
}*/
  /*
#Global form > div.rt-wrap table > tbody tr td.SelectionTitre:nth-last-child(6){
    float: left;
    text-align: left;
    width: 13%;
}
#Global form > div.rt-wrap table > tbody tr td.SelectionTitre:nth-last-child(6) ~ td.SelectionData{
  float: left;
    width: calc(20.33% - (0.5rem * 3));
}
#Global form > div.rt-wrap table > tbody tr td.SelectionTitre:nth-last-child(6) ~ td.SelectionTitre{
    float: left;
    text-align: left;
    width: calc(13% - ( 0.5rem * 2));
    padding-left: 0.5rem;
}*/
  /* removed to solve a TR displaying incorrectly. Incident 364391 */
  /* .TableauSaisieBicolore tr#pair:nth-last-child(7){ */
  /*   top: auto; */
  /* } */
  /*Added on 4/28/2016 KEYBOARD / CLAVIER*/
  /*Added on 3/5/2016 KEYBOARD / Tableau*/
  /*.TableauBicolore.oneLine .rt-wrap  tr:not(#pair) .TitreTableau,
.TableauBicolore.oneLine .rt-wrap  tr:not(#impair) .TitreTableau,*/
  /* Added on 17 / 5*/
  /* Mike */
  /*mike*/
  /******/
  /******/
  /***aideOppositionCheques*/
  /*centrer le texte dans le bouton de login */
  /*fin centrer le text*************************/
  /***traiter specifiquement le textarea dans la page d'envoi mail*/
  /**fin textarea*************************/
  /**fin page rib */
  /**page effet encaissement*/
  /*fin effet encaissement*/
  /*****/
  /***********/
  /*regle CSS pour le pop up de recherche sur les mouvements (releve) d\'un compte'*/
  /*FIXEME: the below css files are already used for yp-portlet*/
  /*TODO: a mettre dans un wrapper commun**/
  /** 
 * Kendo UI v2016.3.914 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
  /*# sourceMappingURL=kendo.common-material.min.css.map */
  /** 
 * Kendo UI v2016.3.914 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
  /*# sourceMappingURL=kendo.material.min.css.map */
  /*
 * CSS Koein delivery of 08/11/2016 (dd/MM/yyyy)
 */
  /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
  /*!
 *  Font Awesome 4.6.1 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
  /*.btn-group .dropdown-menu button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    background-color: transparent;
    text-align: left;
    padding: 3px 20px;
    text-transform: none
} redmine #70389 */
  /*.actionbar .actionbar-btns .btn-group .dropdown-menu button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    background-color: transparent;
    text-align: left;
    padding: 3px 20px;
    text-transform: none
} redmine #70389 */
  /**ajouter par MK*/
  /* reprendre les tailles des select deja initiés*/
  /*** Modification de la taille des combos ***/
  /*****************************/
  /****/
  /*!
 *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
  /* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
  /***************************************************************************************/
  /* Migration vers bootstrap 4 */
  /* Migration vers bootstrap 4 */
  /* Migration vers bootstrap 4 */
  /* Anomalie #77106 - Correction du bouton de file upload apres la passation vers bootstrap 3.4.1 */
  /* Migration vers bootstrap 4 */
  /* Migration vers bootstrap 4 */
  /* resoudre l'espace ds les contenus */
  /* Ce fichier est pour repeter les styles de bootstrap dans un contexte yp-portlet, pour eviter que Kendo les surcharge */
  /* modifier l'affichage du Tab en mnode mobile  #78942 */
  /* change le couleur sur les liens */ }
  html body.yp .ypw-portlet #heading, html body.yp .ypw-portlet .nav-main, html body.yp .ypw-portlet .navbar-header {
    display: inline-block; }
  html body.yp .ypw-portlet .site-navigation {
    margin-bottom: 0px; }
  html body.yp .ypw-portlet .site-navigation .navbar-inner {
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    padding: 0px; }
  html body.yp .ypw-portlet .site-navigation .navbar .nav > li.open > a {
    background-color: transparent;
    box-shadow: none; }
  html body.yp .ypw-portlet .modify-pages .delete-tab {
    position: absolute;
    height: 10px;
    width: 10px;
    margin-top: -12px;
    line-height: 10px;
    cursor: pointer; }
  html body.yp .ypw-portlet .controls-hidden .modify-pages .delete-tab {
    display: none; }
  html body.yp .ypw-portlet .modify-pages .drag-handle {
    position: absolute;
    right: 0;
    top: 4px; }
  @media (min-width: 980px) {
    html body.yp .ypw-portlet {
      /** Toggle */
      /*MK: redmine 73201: ajout d'un burger*/ }
      html body.yp .ypw-portlet .site-navigation .nav li.dropdown > a:first-child {
        margin-right: 15px; }
      html body.yp .ypw-portlet .site-navigation .nav li.dropdown > .dropdown-toggle {
        position: absolute;
        right: 0px;
        top: 0px;
        padding-left: 0px;
        padding-right: 5px;
        margin-right: 10px; }
      html body.yp .ypw-portlet .modify-pages .lfr-nav-item .lfr-nav-child-toggle {
        padding-left: 0px;
        padding-right: 0px; }
      html body.yp .ypw-portlet .navbar-header {
        display: none; }
      html body.yp .ypw-portlet .navbar .nav > li {
        position: relative; }
      html body.yp .ypw-portlet .navbar-toggle.collapser.private-menu {
        display: none; } }
  @media (max-width: 979px) {
    html body.yp .ypw-portlet .navigation-toggle.open .nav-collapse {
      height: auto;
      overflow: visible; }
    html body.yp .ypw-portlet .navbar .navbar-inner {
      min-height: 0px; }
    html body.yp .ypw-portlet .navbar-header {
      display: inline-block; }
    html body.yp .ypw-portlet .modify-pages .delete-tab {
      display: none; }
    html body.yp .ypw-portlet .site-navigation .nav li.dropdown > .dropdown-toggle,
    html body.yp .ypw-portlet #navigation .nav li.dropdown > .dropdown-toggle {
      padding: 0px; }
    html body.yp .ypw-portlet .modify-pages .lfr-nav-item .lfr-nav-child-toggle {
      padding-top: 10px; }
    html body.yp .ypw-portlet .site-navigation .navbar-inner li a {
      max-width: none;
      width: 100%; } }
  html body.yp .ypw-portlet .navbar-header {
    float: right; }
  html body.yp .ypw-portlet .navbar-header .navbar-toggle {
    background-color: transparent;
    color: #666666;
    padding: 4px 8px;
    font-size: 18px;
    border: 0;
    border-radius: 4px; }
  html body.yp .ypw-portlet #navigation .navbar-inner {
    background-color: transparent; }
  html body.yp .ypw-portlet #navigation .navbar-inner li a {
    color: #3A4F6A;
    font-weight: normal;
    padding-left: 5px; }
  html body.yp .ypw-portlet #navigation .nav li.active > a,
  html body.yp .ypw-portlet #navigation .nav li.open > a {
    color: #3A4F6A;
    background-color: transparent;
    background-image: none;
    text-decoration: underline; }
  html body.yp .ypw-portlet #navigation .nav .dropdown-menu {
    background-color: white; }
  html body.yp .ypw-portlet #navigation .nav .dropdown-menu a {
    color: #3A4F6A; }
  html body.yp .ypw-portlet #navigation.modify-pages .lfr-nav-item:not(.show-more) .lfr-nav-child-toggle {
    color: #98BE13; }
  html body.yp .ypw-portlet #navigation .navbar-inner li.login a {
    color: white;
    background-color: #98BE13;
    border-radius: 4px; }
  @media (min-width: 980px) {
    html body.yp .ypw-portlet #navigation {
      margin: 0;
      padding-top: 10px;
      height: 30px;
      vertical-align: text-bottom;
      width: calc(100% - 290px); }
    html body.yp .ypw-portlet #navigation .nav {
      float: none; }
    html body.yp .ypw-portlet #heading {
      width: 200px;
      margin-left: 80px; }
    html body.yp .ypw-portlet #navigation .navbar-inner li.login {
      float: right; }
    html body.yp .ypw-portlet #navigation.guest-toolbar-displayed .navbar-inner > .nav-collapse {
      width: calc(100% - 220px);
      display: inline-block; }
    html body.yp .ypw-portlet #navigation.guest-toolbar-displayed .navbar-inner > .nav-collapse ul {
      margin-right: 0; }
    html body.yp .ypw-portlet #navigation .guest-toolbar {
      max-width: 215px;
      display: inline-block; } }
  @media (max-width: 979px) {
    html body.yp .ypw-portlet .nav-main {
      border: 1px solid #2B3A61; }
    html body.yp .ypw-portlet .nav-main .nav-collapse > li.lfr-nav-item {
      border-top: 1px solid #999999; }
    html body.yp .ypw-portlet .nav-main .nav-collapse > li.lfr-nav-item:first-child {
      border-top-color: transparent; } }
  html body.yp .ypw-portlet .nav-secondary {
    background-color: #2B3A61;
    width: 100%; }
  html body.yp .ypw-portlet .nav-secondary .nav {
    width: 100%;
    display: inline-block; }
  html body.yp .ypw-portlet .nav-secondary .nav > li {
    margin: 0px 10px; }
  html body.yp .ypw-portlet .nav-secondary .nav > li > a {
    color: white;
    box-shadow: none;
    padding: 5px;
    font-weight: normal; }
  html body.yp .ypw-portlet .nav-secondary .nav > li.lfr-nav-item > a {
    text-transform: uppercase; }
  html body.yp .ypw-portlet .nav-secondary .nav > li.open > a,
  html body.yp .ypw-portlet .nav-secondary .nav > li.active > a,
  html body.yp .ypw-portlet .nav-secondary .nav > li.active > a:hover,
  html body.yp .ypw-portlet .nav-secondary .nav > li.active > a:focus {
    background-color: transparent;
    color: white;
    box-shadow: none; }
  html body.yp .ypw-portlet .nav-secondary .nav li.dropdown.open > .dropdown-toggle {
    background-color: transparent; }
  html body.yp .ypw-portlet .nav-secondary .nav li.dropdown > .dropdown-toggle .icon-caret-down {
    background-color: transparent; }
  html body.yp .ypw-portlet .nav-secondary .nav li.dropdown.open > .dropdown-toggle .icon-caret-down {
    color: white; }
  html body.yp .ypw-portlet .nav-secondary .nav li.dropdown > .dropdown-toggle .icon-caret-down {
    background-color: transparent; }
  html body.yp .ypw-portlet .nav-secondary .nav li.dropdown .dropdown-menu {
    border-radius: 0px; }
  html body.yp .ypw-portlet .nav-secondary .nav li.dropdown .dropdown-menu > li.active > a,
  html body.yp .ypw-portlet .nav-secondary .nav li.dropdown .dropdown-menu > li > a:hover,
  html body.yp .ypw-portlet .nav-secondary .nav li.dropdown .dropdown-menu > li > a:focus {
    background-color: transparent;
    background-image: none;
    color: black;
    text-decoration: underline; }
  html body.yp .ypw-portlet .site-navigation .nav #nav-secondary-more > a > span.lfr-nav-child-toggle {
    position: inherit;
    padding: 5px; }
  @media (min-width: 980px) {
    html body.yp .ypw-portlet .nav-secondary {
      /** background : gradient */
      /* fallback */
      background-image: url(../images/nav-secondary.png);
      /* FIXME : image à ajouter pour anciens navigateurs */
      background-position: center center;
      background-repeat: no-repeat;
      /* Safari 4-5, Chrome 1-9 */
      /* Can't specify a percentage size? Laaaaaame. */
      background: -webkit-gradient(radial, center center, 0, center center, 460, from(#6B8886), to(#2B3A61));
      /* Safari 5.1+, Chrome 10+ */
      background: -webkit-radial-gradient(circle, #6B8886, #2B3A61);
      /* Firefox 3.6+ */
      background: -moz-radial-gradient(circle, #6B8886, #2B3A61);
      /* IE 10 */
      background: -ms-radial-gradient(circle, #6B8886, #2B3A61); }
    html body.yp .ypw-portlet .nav-secondary .navbar-inner {
      display: inline-block;
      width: calc(100% - 400px);
      /*350px*/ }
    html body.yp .ypw-portlet .nav-secondary .navbar-inner .menu-collapse > ul,
    html body.yp .ypw-portlet .nav-secondary .navbar-inner .menu-collapse > ul > li:last-child {
      margin-right: 0; }
    html body.yp .ypw-portlet .nav-secondary .nav > li.active {
      background-color: #4E6269; }
    html body.yp .ypw-portlet .nav-secondary .nav > li.open {
      background-color: white; }
    html body.yp .ypw-portlet .nav-secondary .nav > li.open > a,
    html body.yp .ypw-portlet .nav-secondary .nav > li.open > a:focus,
    html body.yp .ypw-portlet .nav-secondary .nav > li.open > a:hover {
      color: #666666;
      text-decoration: underline; }
    html body.yp .ypw-portlet .nav-secondary ul.nav-collapse {
      padding: 20px 0px 0px 0px; }
    html body.yp .ypw-portlet .nav-secondary ul.nav-collapse > li {
      padding: 0 5px 15px;
      line-height: 34px; }
    html body.yp .ypw-portlet .nav-secondary .nav li.dropdown > .dropdown-toggle {
      padding-right: 0;
      margin-right: 0; }
    html body.yp .ypw-portlet .site-navigation .nav #nav-secondary-more > .dropdown-toggle {
      position: inherit; }
    html body.yp .ypw-portlet .nav-secondary .navbar-inner .nav > li:first-child {
      margin-left: 10px; }
    html body.yp .ypw-portlet .site-navigation .nav #nav-secondary-more > .dropdown-toggle {
      margin-right: 0; } }
  @media (max-width: 979px) {
    html body.yp .ypw-portlet .nav-secondary .nav > li.open > a,
    html body.yp .ypw-portlet .nav-secondary .nav > li.active > a {
      text-decoration: underline; }
    html body.yp .ypw-portlet .nav-secondary .nav > li.dropdown .dropdown-menu > li > a {
      color: white; }
    html body.yp .ypw-portlet .nav-secondary .nav-collapse > li.lfr-nav-item {
      border-top: 1px solid #999999; }
    html body.yp .ypw-portlet .nav-secondary .nav-collapse > li.lfr-nav-item:first-child {
      border-top-color: transparent; } }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal {
    background-color: #4E6269; }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal li {
    /* 	FIXME : should be activated but not compatible with sub menu */
    /* 	position: inherit; */ }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul {
    margin: 0; }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li {
    display: inline-block;
    background-color: transparent;
    padding: 0;
    width: auto; }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li,
  html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li > a {
    color: white; }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul li a,
  html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul li a:hover {
    text-decoration: none; }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul ul li {
    background-color: white; }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul ul li {
    background-color: white; }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal li:hover ul.niveau1,
  html body.yp .ypw-portlet #cssmenu.menu-horizontal li a:focus + ul.niveau1 {
    display: block; }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal .collapser {
    width: 100%;
    padding: 5px 20px;
    text-align: left;
    background-color: #2B3A61;
    border: 0;
    color: white; }
  html body.yp .ypw-portlet #cssmenu.menu-horizontal .collapser i {
    float: right; }
  @media (min-width: 980px) {
    html body.yp .ypw-portlet #cssmenu.menu-horizontal {
      height: 60px;
      padding-top: 25px; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li:hover,
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li.active {
      border-color: white;
      margin: 0 15px;
      padding: 0 10px; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li:hover:first-child,
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li.active:first-child {
      margin-left: 80px; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li:first-child {
      margin-left: 90px; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul ul {
      top: 100%;
      left: 0; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li {
      border: 1px solid transparent;
      border-bottom-color: white;
      margin: 0 25px; } }
  @media (max-width: 979px) {
    html body.yp .ypw-portlet #cssmenu.menu-horizontal {
      padding: 5px 20px; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal .collapser[aria-expanded="false"] {
      background-color: #495573;
      background: -webkit-linear-gradient(left, #495573, #5C6B85);
      background: -o-linear-gradient(right, #495573, #5C6B85);
      background: -moz-linear-gradient(right, #495573, #5C6B85);
      background: linear-gradient(to right, #495573, #5C6B85); }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal .nav-collapse.open {
      height: auto; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul {
      padding: 0px 20px;
      background-color: #2B3A61; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li {
      border-top: 1px solid #999999; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li:first-child {
      border-top-color: transparent; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul li {
      padding-top: 5px;
      padding-bottom: 5px;
      width: 100%; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul ul {
      position: initial;
      border: none; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul ul li {
      background-color: transparent;
      margin-left: 15px; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul ul li a {
      color: white; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul li > a:focus,
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul li > a:hover,
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul li.active > a {
      font-weight: bold; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal,
    html body.yp .ypw-portlet nav.nav-secondary .esab-toolbar {
      background-color: #4E6269;
      background: -webkit-linear-gradient(left, #2A375A, #465773);
      background: -o-linear-gradient(right, #2A375A, #465773);
      background: -moz-linear-gradient(right, #2A375A, #465773);
      background: linear-gradient(to right, #2A375A, #465773); } }
  html body.yp .ypw-portlet .navbar .nav > .esab-toolbar-wrapper {
    padding: 0;
    background-color: transparent; }
  html body.yp .ypw-portlet .esab-toolbar li {
    display: inline-block;
    margin: 0 10px; }
  html body.yp .ypw-portlet .esab-toolbar li.user-menu:hover .user-menu-dropdown,
  html body.yp .ypw-portlet .esab-toolbar li.user-menu:focus .user-menu-dropdown,
  html body.yp .ypw-portlet .esab-toolbar li.user-menu a:focus + .user-menu-dropdown,
  html body.yp .ypw-portlet .esab-toolbar li.notification-menu:hover .notification-menu-dropdown,
  html body.yp .ypw-portlet .esab-toolbar li.notification-menu:focus .notification-menu-dropdown,
  html body.yp .ypw-portlet .esab-toolbar li.notification-menu a:focus + .notification-menu-dropdown {
    display: block; }
  html body.yp .ypw-portlet .esab-toolbar .user-menu-dropdown li > a,
  html body.yp .ypw-portlet .esab-toolbar .notification-menu-dropdown li > a {
    text-transform: uppercase; }
  html body.yp .ypw-portlet .esab-toolbar li > a {
    color: white; }
  html body.yp .ypw-portlet .esab-toolbar-wrapper .esab-toolbar > li > a:focus,
  html body.yp .ypw-portlet .esab-toolbar-wrapper .esab-toolbar > li > a:hover {
    color: white; }
  @media (min-width: 980px) {
    html body.yp .ypw-portlet nav .esab-toolbar-wrapper {
      float: right;
      display: inline-block; }
    html body.yp .ypw-portlet nav.nav-secondary .esab-toolbar-wrapper {
      padding-top: 25px;
      width: 400px;
      /*350px*/
      margin-left: 0px; } }
  @media (max-width: 979px) {
    html body.yp .ypw-portlet .esab-toolbar .user-menu-dropdown,
    html body.yp .ypw-portlet .esab-toolbar .notification-menu-dropdown {
      left: 0; }
    html body.yp .ypw-portlet .esab-toolbar > li {
      padding-left: 10px; }
    html body.yp .ypw-portlet .esab-toolbar > li:first-child {
      padding-left: 20px; } }
  html body.yp .ypw-portlet .nav > li.dropdown.open.active > a:hover,
  html body.yp .ypw-portlet .nav > li.dropdown.open.active > a:focus {
    background-color: transparent;
    color: inherit; }
  html body.yp .ypw-portlet .dropdown-menu.child-menu {
    margin-top: 0px; }
  html body.yp .ypw-portlet .has-child-menu a {
    display: block;
    height: 100%; }
  html body.yp .ypw-portlet .navbar .nav > li > .esab-dropdown-menu:before,
  html body.yp .ypw-portlet .navbar .nav > li > .esab-dropdown-menu:after {
    content: none; }
  html body.yp .ypw-portlet .esab-dropdown-menu {
    left: initial;
    right: 0;
    border-radius: 0;
    border: none;
    background-color: white;
    padding: 5px 20px; }
  html body.yp .ypw-portlet .esab-dropdown-menu li,
  html body.yp .ypw-portlet .esab-dropdown-menu li a {
    color: #666666; }
  html body.yp .ypw-portlet .esab-dropdown-menu li > a:hover,
  html body.yp .ypw-portlet .esab-dropdown-menu li > a:focus {
    background-color: transparent;
    background-image: none;
    text-decoration: underline; }
  @media (min-width: 980px) {
    html body.yp .ypw-portlet .esab-dropdown-menu li {
      display: block;
      border-top: 1px solid #CCCCCC;
      text-align: center;
      padding: 5px 5px; }
    html body.yp .ypw-portlet .esab-dropdown-menu li:first-child {
      border-top: 0px; } }
  @media (max-width: 979px) {
    html body.yp .ypw-portlet .esab-dropdown-menu li {
      display: inline-block;
      width: 100%; }
    html body.yp .ypw-portlet #navigation .nav .esab-dropdown-menu, html body.yp .ypw-portlet .nav-collapse .esab-dropdown-menu {
      margin-left: 15px; }
    html body.yp .ypw-portlet .nav-collapse .esab-dropdown-menu a {
      padding: 5px; } }
  html body.yp .ypw-portlet .cursor-pointer, html body.yp .ypw-portlet .yp-portlet .label-email, html body.yp .yp-portlet .ypw-portlet .label-email {
    cursor: pointer; }
  html body.yp .ypw-portlet #heading + .navbar-header ~ .nav-secondary .esab-toolbar-wrapper .esab-toolbar .esab-toolbar-menu-entry .dropdown-menu li {
    text-align: left; }
  html body.yp .ypw-portlet .dropdown-menu > li > a {
    padding: 3px 0px; }
  html body.yp .ypw-portlet .esab-icon.esab-icon-msg {
    background: url(../images/icon/msg.png) no-repeat; }
  html body.yp .ypw-portlet .notifications-badge {
    background-color: #666666;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 2px 4px;
    margin-left: 4px;
    position: absolute;
    right: 10px; }
  html body.yp .ypw-portlet .notifications-badge-alert {
    background-color: #A94442; }
  html body.yp .ypw-portlet .has-msg:after {
    background-color: #cc1111;
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    content: "";
    right: 0;
    border-radius: 50%; }
  html body.yp .ypw-portlet #banner .navbar-header .header-login {
    color: white;
    background-color: #98BE13;
    border-radius: 4px;
    padding: 5px 10px;
    display: inline-block;
    position: relative;
    top: 4px; }
  html body.yp .ypw-portlet #banner .navbar-header .header-login:hover,
  html body.yp .ypw-portlet #banner .navbar-header .header-login:active,
  html body.yp .ypw-portlet #banner .navbar-header .header-login:focus {
    background-color: #b3de1d; }
  @media (min-width: 980px) {
    html body.yp .ypw-portlet #banner .navbar-header .header-login {
      display: none; } }
  html body.yp .ypw-portlet #esab-toolbar-burger {
    position: relative; }
  html body.yp .ypw-portlet #esab-toolbar-burger button {
    background-color: transparent;
    border: none;
    outline: none; }
  html body.yp .ypw-portlet #esab-toolbar-burger .icon-reorder {
    color: white;
    font-size: 1.25em; }
  html body.yp .ypw-portlet .navbar-inner .nav-collapse.fixed-width-navbar {
    display: block; }
  html body.yp .ypw-portlet .esab-toolbar-wrapper .toolbar-display-mode-secondary-menu li {
    float: left; }
  html body.yp .ypw-portlet .nav-secondary .navbar-inner .nav-collapse.fixed-width-navbar li {
    float: left; }
  @media (max-width: 979px) {
    html body.yp .ypw-portlet #cssmenu.menu-horizontal .nav-collapse {
      overflow: hidden;
      height: 0; } }
  @media (min-width: 980px) {
    html body.yp .ypw-portlet #cssmenu.menu-horizontal {
      height: auto;
      padding: 10px 0; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul {
      padding: 0;
      margin: 0;
      text-align: left;
      margin-left: 15px; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li {
      margin: 0 10px;
      line-height: 20px;
      white-space: pre-wrap;
      max-width: 130px;
      vertical-align: middle; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li:first-child,
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li:hover:first-child,
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li.active:first-child {
      margin: 0 5px;
      padding: 0 5px; }
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li:hover,
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li.active {
      margin: 0 5px;
      padding: 0 5px; } }
  @media (max-width: 979px) {
    html body.yp .ypw-portlet #cssmenu.menu-horizontal > ul > li + li:before {
      content: none; } }
  html body.yp .ypw-portlet BODY {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: black;
    background-color: white;
    text-decoration: none; }
  html body.yp .ypw-portlet .GreenText {
    color: #97bf0d; }
  html body.yp .ypw-portlet .panel {
    font-size: 60%; }
  html body.yp .ypw-portlet .centralise {
    margin: auto;
    font-size: 60%;
    text-align: center;
    width: 100%; }
  html body.yp .ypw-portlet .hide {
    visibility: collapse; }
  html body.yp .ypw-portlet .show {
    visibility: visible; }
  html body.yp .ypw-portlet .remove {
    display: none; }
  html body.yp .ypw-portlet .put {
    display: block; }
  html body.yp .ypw-portlet .aide {
    text-align: left;
    font-size: 10px;
    cursor: pointer;
    float: right; }
  html body.yp .ypw-portlet .accesDelegue {
    font-size: 10px;
    text-align: left;
    cursor: pointer; }
  html body.yp .ypw-portlet .altertrue {
    background-color: #f8f8f8; }
  html body.yp .ypw-portlet .alterfalse {
    background-color: #f0f0f0; }
  html body.yp .ypw-portlet .infCentral {
    width: 100%;
    color: red;
    text-align: center;
    font-size: 60%; }
  html body.yp .ypw-portlet .alerteCentral {
    width: 100%;
    color: red;
    text-align: center; }
  html body.yp .ypw-portlet .petit60 {
    font-size: 60%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: normal; }
  html body.yp .ypw-portlet .mnu {
    color: green; }
  html body.yp .ypw-portlet .mnuAlert {
    color: red; }
  html body.yp .ypw-portlet .mnuChecked {
    color: grey; }
  html body.yp .ypw-portlet .subm {
    color: black; }
  html body.yp .ypw-portlet .subm2 {
    color: grey; }
  html body.yp .ypw-portlet .TableauBicolore .impair, html body.yp .ypw-portlet .TableauSaisieBicolore .impair {
    background-color: #f8f8f8; }
  html body.yp .ypw-portlet .TableauBicolore .pair, html body.yp .ypw-portlet .TableauSaisieBicolore .pair {
    background-color: #f0f0f0; }
  html body.yp .ypw-portlet SELECT, html body.yp .ypw-portlet OPTION, html body.yp .ypw-portlet input, html body.yp .ypw-portlet textarea {
    border-color: Gray;
    background-color: #F5F5F5; }
  html body.yp .ypw-portlet a:link, html body.yp .ypw-portlet a:active, html body.yp .ypw-portlet a:visited {
    color: #0a2973;
    -moz-border-radius-bottomleft: 15px; }
  html body.yp .ypw-portlet .TitrePage {
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 25px;
    color: 002C6D;
    /*background-color : F3F3F3 ;*/
    border-color: #DBDBDB;
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px; }
  html body.yp .ypw-portlet .TitrePageESABStrongAuth {
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 25px;
    color: #002C6D;
    border-color: #DBDBDB;
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px; }
  html body.yp .ypw-portlet .codeident .TitrePage {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    /*background-image: url(../../Images/cadenas.jpg);*/
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 50 px;
    /* ispus factor lorems balaps */
    color: 002C6D;
    /*height : 100 px ;*/
    /* background-color : F3F3F3 ;*/
    border-color: #DBDBDB;
    border-style: solid;
    border-width: 1px; }
  html body.yp .ypw-portlet a:hover {
    color: #0a2973; }
  html body.yp .ypw-portlet .SelectionTitre, html body.yp .ypw-portlet .SelectionData {
    color: #707072; }
  html body.yp .ypw-portlet .TitreSynthese {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 60%;
    font-weight: BOLD;
    text-align: left; }
  html body.yp .ypw-portlet .SelectionTitre, html body.yp .ypw-portlet .SelectionData {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    background-color: white;
    font-size: 70%; }
  html body.yp .ypw-portlet .TableauBicolore .ColonneActivee {
    background-color: #97BD0D; }
  html body.yp .ypw-portlet .SelectionTitre {
    text-align: right;
    font-weight: bold; }
  html body.yp .ypw-portlet .SelectionData {
    text-align: left;
    padding-left: 0.5rem; }
  html body.yp .ypw-portlet .TableauSaisie .ColonneNumerique, html body.yp .ypw-portlet .TableauSaisie .ColonneIcone, html body.yp .ypw-portlet .TableauSaisie .ColonneLibelle,
  html body.yp .ypw-portlet .TableauSaisie .ColonneCode, html body.yp .ypw-portlet .TableauSaisie .ColonneDate, html body.yp .ypw-portlet .TableauSaisie .ColonneSaisie,
  html body.yp .ypw-portlet .TableauSaisie .ColonneCheck, html body.yp .ypw-portlet .TableauSaisie .ColonneNumeriqueAlerte,
  html body.yp .ypw-portlet .TableauSaisie .ColonneCombo {
    background-color: #f0f0f0; }
  html body.yp .ypw-portlet .TableauAffichage .ColonneNumerique, html body.yp .ypw-portlet .TableauAffichage .ColonneIcone,
  html body.yp .ypw-portlet .TableauAffichage .ColonneLibelle, html body.yp .ypw-portlet .TableauAffichage .ColonneCode,
  html body.yp .ypw-portlet .TableauAffichage .ColonneDate, html body.yp .ypw-portlet .TableauAffichage .ColonneSaisie,
  html body.yp .ypw-portlet .TableauAffichage .ColonneCheck, html body.yp .ypw-portlet .TableauAffichage .ColonneNumeriqueAlerte,
  html body.yp .ypw-portlet .TableauAffichage .ColonneCombo {
    background-color: #f0f0f0; }
  html body.yp .ypw-portlet .TableauDialog .ColonneNumerique, html body.yp .ypw-portlet .TableauDialog .ColonneIcone,
  html body.yp .ypw-portlet .TableauDialog .ColonneLibelle, html body.yp .ypw-portlet .TableauDialog .ColonneCode,
  html body.yp .ypw-portlet .TableauDialog .ColonneDate, html body.yp .ypw-portlet .TableauDialog .ColonneSaisie,
  html body.yp .ypw-portlet .TableauDialog .ColonneCheck, html body.yp .ypw-portlet .TableauDialog .ColonneNumeriqueAlerte,
  html body.yp .ypw-portlet .TableauDialog .ColonneCombo {
    background-color: #f0f0f0;
    /*
  -moz-border-radius: 6% 15px 15px 15px;
  -moz-box-sizing: content-box;
  -moz-border-radius-topright: inherit;
  */ }
  html body.yp .ypw-portlet .TableauBicolore #impair, html body.yp .ypw-portlet .TableauSaisieBicolore #impair {
    /*background-color : #DCDCDC;*/
    background-color: #f8f8f8; }
  html body.yp .ypw-portlet .TableauBicolore #pair, html body.yp .ypw-portlet .TableauSaisieBicolore #pair {
    /*background-color : #f0f0f0;*/
    background-color: #F0F0F0; }
  html body.yp .ypw-portlet .TableauBicolore #total, html body.yp .ypw-portlet .TableauSaisieBicolore #total {
    background-color: #DCDCDC; }
  html body.yp .ypw-portlet .TableauMouvementsSpecifBicolore #impair {
    background-color: #DCDCDC; }
  html body.yp .ypw-portlet .TableauMouvementsSpecifBicolore #pair {
    background-color: #f0f0f0; }
  html body.yp .ypw-portlet .TitreTableau {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #f3f3f3;
    text-align: center;
    height: 32px;
    padding-top: 6px;
    font-size: 14px;
    color: #0a2973;
    /*background-image: url(../../Images/lolobg.gif);*/
    background-position: top;
    border-bottom-color: #DBDBDB;
    background-repeat: repeat-x;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: normal; }
  html body.yp .ypw-portlet .TitreTableau2 {
    /*  background-color : #707072;*/
    /*
  background-color: #69870a;
font-family: Verdana, Arial, Helvetica, sans-serif;
  color: white;
  background-color: #a3c628;
background-image: url(../../Images/lolobg.gif);
  font-size: 60%;
  */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #f3f3f3;
    text-align: center;
    height: 32px;
    padding-top: 8px;
    font-size: 16px;
    color: #0a2973;
    /*background-image: url(../../Images/lolobg.gif);*/
    background-position: top;
    border-top-color: #DBDBDB;
    background-repeat: repeat-x;
    border-top-style: solid;
    border-top-width: 1px; }
  html body.yp .ypw-portlet .ColonneTitre, html body.yp .ypw-portlet .ColonneTitrePaire, html body.yp .ypw-portlet .ColonneTitreImpaire {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: white;
    background-color: #707072;
    font-size: 60%;
    font-weight: bold;
    text-align: center; }
  html body.yp .ypw-portlet .TitreTableau3 {
    background-color: #707072;
    layout-grid-line: auto; }
  html body.yp .ypw-portlet .ColonneNumeriqueAlerte {
    text-align: right;
    color: #69870a; }
  html body.yp .ypw-portlet .ColonneRupture {
    color: #707072; }
  html body.yp .ypw-portlet .TableauSaisie .BasTableau, html body.yp .ypw-portlet .TableauAffichage .BasTableau, html body.yp .ypw-portlet .TableauDialog .BasTableau {
    background-color: #DCDCDC; }
  html body.yp .ypw-portlet .menu {
    background-image: url(../../Images/fonds_menu.gif);
    background-position: left;
    background-repeat: repeat-y; }
  html body.yp .ypw-portlet #root {
    color: white;
    background: transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%; }
  html body.yp .ypw-portlet .subtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%;
    color: #707072;
    background: transparent; }
  html body.yp .ypw-portlet .menu1 a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 60%;
    text-decoration: none;
    color: #97bf0d;
    background: transparent;
    height: 50 px; }
  html body.yp .ypw-portlet .TitreTableau A {
    color: #0d3493; }
  html body.yp .ypw-portlet .TitreTableau IMG {
    border: 0;
    text-align: center; }
  html body.yp .ypw-portlet .TitreTableau3 select, html body.yp .ypw-portlet .ColonneCombo select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; }
  html body.yp .ypw-portlet .TitreTableau3 input, html body.yp .ypw-portlet .ColonneSaisie input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; }
  html body.yp .ypw-portlet .ColonneNumerique, html body.yp .ypw-portlet .ColonneIcone, html body.yp .ypw-portlet .ColonneLibelle, html body.yp .ypw-portlet .ColonneCode,
  html body.yp .ypw-portlet .ColonneDate, html body.yp .ypw-portlet .ColonneSaisie, html body.yp .ypw-portlet .ColonneCheck, html body.yp .ypw-portlet .ColonneNumeriqueAlerte,
  html body.yp .ypw-portlet .ColonneRupture, html body.yp .ypw-portlet .ColonneVide, html body.yp .ypw-portlet .ColonneColor {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 24px;
    font-weight: normal; }
  html body.yp .ypw-portlet .ColonneNumerique {
    text-align: right; }
  html body.yp .ypw-portlet .ColonneNumeriqueAlerte {
    text-align: right;
    color: red; }
  html body.yp .ypw-portlet .ColonneIcone {
    text-align: center; }
  html body.yp .ypw-portlet .ColonneIcone A {
    text-decoration: none; }
  html body.yp .ypw-portlet .ColonneLibelle {
    text-align: left; }
  html body.yp .ypw-portlet .ColonneColor {
    text-align: left;
    color: grey; }
  html body.yp .ypw-portlet .ColonneCode {
    text-align: center; }
  html body.yp .ypw-portlet .ColonneDate {
    text-align: center; }
  html body.yp .ypw-portlet .ColonneSaisie {
    text-align: left; }
  html body.yp .ypw-portlet .ColonneCombo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    font-weight: normal; }
  html body.yp .ypw-portlet .ColonneCheck {
    text-align: left; }
  html body.yp .ypw-portlet .ColonneRupture {
    color: black;
    background-color: white;
    text-align: left; }
  html body.yp .ypw-portlet .ColonneVide {
    font-size: 60%; }
  html body.yp .ypw-portlet .BasTableau {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%;
    font-weight: bold; }
  html body.yp .ypw-portlet .TableauSaisie .BasTableau, html body.yp .ypw-portlet .TableauAffichage .BasTableau, html body.yp .ypw-portlet .TableauDialog .BasTableau {
    background-color: #D7D7D7; }
  html body.yp .ypw-portlet .FootPrint {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 20px;
    text-align: center;
    font-size: 70%; }
  html body.yp .ypw-portlet .FootPrintBorder {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 20px;
    text-align: center;
    font-size: 70%;
    border-width: thin;
    border-color: black;
    border: solid; }
  html body.yp .ypw-portlet .Boutons {
    text-align: center;
    margin-top: 20px; }
  html body.yp .ypw-portlet .Boutons A {
    text-decoration: none; }
  html body.yp .ypw-portlet .RightBoutons {
    text-align: right;
    margin-top: 20px; }
  html body.yp .ypw-portlet .LeftBoutons {
    text-align: left;
    margin-top: 0px; }
  html body.yp .ypw-portlet .Break {
    margin-top: 0px; }
  html body.yp .ypw-portlet L1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    margin-top: 30px;
    font-size: 100%; }
  html body.yp .ypw-portlet OL {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: black;
    background-color: white;
    text-decoration: none;
    font-size: 70%; }
  html body.yp .ypw-portlet OL B {
    /* Contournement bug netscape */
    font-weight: bold; }
  html body.yp .ypw-portlet OL SMALL {
    /* Contournement bug netscape */
    font-size: 80%; }
  html body.yp .ypw-portlet .Pagination {
    color: #97bf0d; }
  html body.yp .ypw-portlet .PageVisitee {
    color: #97bf0d;
    font-size: 125%;
    font-weight: bold; }
  html body.yp .ypw-portlet a.pagination:link {
    color: #97bf0d; }
  html body.yp .ypw-portlet a.pagination:hover {
    color: #69870a; }
  html body.yp .ypw-portlet a.pagination:visited {
    color: #69870a; }
  html body.yp .ypw-portlet .TableauSaisie .ColonneTitre, html body.yp .ypw-portlet .TableauSaisie .ColonneTitrePaire,
  html body.yp .ypw-portlet .TableauSaisie .ColonneTitreImpaire, html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneTitre,
  html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneTitrePaire, html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneTitreImpaire {
    text-align: left; }
  html body.yp .ypw-portlet .TableauSaisie .TitreTableau, html body.yp .ypw-portlet .TableauSaisieBicolore .TitreTableau {
    font-size: 75%; }
  html body.yp .ypw-portlet .TableauSaisie .ColonneCheck, html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneCheck {
    text-align: left; }
  html body.yp .ypw-portlet .LibelleCredoc {
    font-family: Verdana;
    background-color: white;
    font-size: 80%; }
  html body.yp .ypw-portlet .LibelleNuance {
    font-family: Verdana;
    background-color: #f7f7f7;
    font-size: 63%; }
  html body.yp .ypw-portlet .menu A {
    text-decoration: none;
    background: transparent;
    color: #0a2973; }
  html body.yp .ypw-portlet tfoot td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%;
    font-weight: bold; }
  html body.yp .ypw-portlet tr#vide {
    line-height: 1px;
    background-color: transparent; }
  html body.yp .ypw-portlet tfoot td.finTabForm {
    line-height: 1px;
    background-color: transparent; }
  html body.yp .ypw-portlet .TablePagination {
    width: auto;
    padding: 0;
    border-spacing: 0; }
  html body.yp .ypw-portlet .TablePaginationSamic {
    width: auto;
    padding: 0;
    border-spacing: 0; }
  html body.yp .ypw-portlet .NumeroPage {
    font-family: Verdana;
    text-align: right;
    color: black;
    font-weight: bold;
    font-size: 80%; }
  html body.yp .ypw-portlet .Highlighted td {
    background-color: #76B4C7 !important;
    color: #666666 !important; }
  html body.yp .ypw-portlet tr.Highlighted.rt-alt {
    background-color: #76B4C7 !important;
    margin-bottom: 10px; }
  html body.yp .ypw-portlet .autoWidth {
    width: auto !important; }
  html body.yp .ypw-portlet .image_no_max_width_liferay {
    max-width: none !important; }
  html body.yp .ypw-portlet .fixed-layout-table {
    table-layout: fixed; }
  html body.yp .ypw-portlet .fixed-layout-table td {
    word-wrap: break-word; }
  html body.yp .ypw-portlet input[type="color"], html body.yp .ypw-portlet input[type="date"], html body.yp .ypw-portlet input[type="datetime"], html body.yp .ypw-portlet input[type="datetime-local"], html body.yp .ypw-portlet input[type="email"], html body.yp .ypw-portlet input[type="month"], html body.yp .ypw-portlet input[type="number"], html body.yp .ypw-portlet input[type="password"], html body.yp .ypw-portlet input[type="search"], html body.yp .ypw-portlet input[type="tel"], html body.yp .ypw-portlet input[type="text"], html body.yp .ypw-portlet input[type="time"], html body.yp .ypw-portlet input[type="url"], html body.yp .ypw-portlet input[type="week"], html body.yp .ypw-portlet select, html body.yp .ypw-portlet textarea, html body.yp .ypw-portlet .uneditable-input {
    border: 1px solid #DDD;
    /*color: #8D8D8D*/
    color: #000 !important;
    font-weight: 200;
    margin-bottom: 7px; }
    html body.yp .ypw-portlet input[type="color"]:focus, html body.yp .ypw-portlet input[type="date"]:focus, html body.yp .ypw-portlet input[type="datetime"]:focus, html body.yp .ypw-portlet input[type="datetime-local"]:focus, html body.yp .ypw-portlet input[type="email"]:focus, html body.yp .ypw-portlet input[type="month"]:focus, html body.yp .ypw-portlet input[type="number"]:focus, html body.yp .ypw-portlet input[type="password"]:focus, html body.yp .ypw-portlet input[type="search"]:focus, html body.yp .ypw-portlet input[type="tel"]:focus, html body.yp .ypw-portlet input[type="text"]:focus, html body.yp .ypw-portlet input[type="time"]:focus, html body.yp .ypw-portlet input[type="url"]:focus, html body.yp .ypw-portlet input[type="week"]:focus, html body.yp .ypw-portlet select:focus, html body.yp .ypw-portlet textarea:focus, html body.yp .ypw-portlet .uneditable-input:focus {
      border-color: rgba(0, 172, 255, 0.8); }
  html body.yp .ypw-portlet .uneditable-input {
    color: #8D8D8D !important; }
  html body.yp .ypw-portlet .prepageTelechargement {
    font-family: arial;
    font-size: 16;
    font-weight: bold;
    left: 0px;
    top: 0px;
    background-color: white;
    layer-background-color: white; }
  html body.yp .ypw-portlet .rwd-table .rt-alt {
    white-space: nowrap; }
  html body.yp .ypw-portlet table.tablekeepLines {
    margin-bottom: 10px;
    width: 100%; }
  html body.yp .ypw-portlet table.tablekeepLines td:first-of-type,
  html body.yp .ypw-portlet table.tablekeepLines.oneTD tr:first-of-type td {
    /* select the first TD*/
    text-align: left;
    font-weight: bold;
    width: 50%;
    line-height: 40px;
    padding-left: 7px;
    color: #666666;
    font-size: 13px !important;
    font-family: 'robotobold'; }
  html body.yp .ypw-portlet table.tablekeepLines tr {
    background: white; }
  html body.yp .ypw-portlet table.tablekeepLines td:last-of-type {
    /* select the last TD*/
    text-align: left;
    font-weight: normal;
    font-family: 'robotoregular';
    font-size: 12px;
    height: 24px;
    padding-top: 2px;
    padding-bottom: 2px; }
  html body.yp .ypw-portlet table.tablekeepLines td {
    /* select all TDs*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 70%; }
  html body.yp .ypw-portlet table.tablekeepLines td {
    /* select all TDs*/
    display: block;
    width: 100%; }
  html body.yp .ypw-portlet table.tablekeepLines:not(.oneTD) td:first-of-type {
    /* select the first TD*/
    margin-top: 10px;
    /*font-style: italic;*/ }
  html body.yp .ypw-portlet table.tablekeepLines td:last-of-type {
    /* select the last TD*/
    padding-left: 7px; }
  html body.yp .ypw-portlet table.tablekeepLines:not(.oneTD) td:last-of-type {
    /* select the last TD*/
    margin-bottom: 15px; }
  html body.yp .ypw-portlet table.tablekeepLines td:last-of-type select {
    /* select the "select" of the last last TD*/
    max-width: 50%;
    width: 90%; }
  html body.yp .ypw-portlet table.tablekeepLines td input[type="image"] {
    /* select input type image in all TDs*/
    width: 16px;
    height: 17px !important;
    padding: 0 !important;
    box-sizing: content-box;
    border: 0 none !important;
    vertical-align: middle; }
  html body.yp .ypw-portlet table.tablekeepLines td input[type="text"] {
    /* select input type text in all TDs*/
    margin-bottom: 0px;
    height: 35px !important; }
  html body.yp .ypw-portlet table.tablekeepLines.oneTD tr:last-of-type td {
    margin-bottom: 10px; }
  html body.yp .ypw-portlet span.fontTitle {
    font-weight: bold;
    color: #666666;
    font-size: 13px !important;
    font-family: 'robotobold'; }
  html body.yp .ypw-portlet span.barTitreTableau {
    text-align: left;
    font-weight: bold;
    width: 100%;
    line-height: 40px;
    padding-left: 7px;
    color: #666666;
    font-size: 13px !important;
    font-family: 'robotobold';
    display: block;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.5641%; }
  html body.yp .ypw-portlet div.barTitreTableau {
    padding-top: 6px;
    text-align: left;
    font-weight: bold;
    width: 100%;
    padding-left: 7px;
    color: #666666;
    font-size: 13px !important;
    font-family: 'robotobold';
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.5641%; }
  html body.yp .ypw-portlet span.floatLeft {
    float: left; }
  html body.yp .ypw-portlet span.spanTD-titre {
    font-weight: bold;
    color: #666666;
    font-size: 13px !important;
    font-family: 'robotobold'; }
  html body.yp .ypw-portlet td.textAreaTD {
    height: 200px !important; }
  html body.yp .ypw-portlet td.textAreaTD textarea {
    height: 200px !important; }
  html body.yp .ypw-portlet .samHisOpeAnnuFont {
    font-weight: bold; }
  html body.yp .ypw-portlet .samHisOpeAnnuCol {
    color: #FF3300; }
  html body.yp .ypw-portlet .samHisQuanAnnCol {
    color: #6666FF; }
  html body.yp .ypw-portlet .esab_button_inside_body {
    text-align: left;
    margin-top: 0px; }
  html body.yp .ypw-portlet #idCompteIntitule {
    width: auto; }
  html body.yp .ypw-portlet #idCompteLibelleStandard {
    width: 25%; }
  html body.yp .ypw-portlet #idCompteLibelleDecouvertAuto {
    width: 50%; }
  html body.yp .ypw-portlet #idCompteLibelle {
    width: auto; }
  html body.yp .ypw-portlet #idCompteNatureStandard {
    width: 30%; }
  html body.yp .ypw-portlet #idCompteNature {
    width: auto; }
  html body.yp .ypw-portlet #idCompteSoldeUMStandard {
    width: 5%; }
  html body.yp .ypw-portlet #idCompteSoldeUM {
    width: auto; }
  html body.yp .ypw-portlet #idCompteSoldeDecouvertAuto {
    width: auto; }
  html body.yp .ypw-portlet #idCompteSolde {
    width: auto; }
  html body.yp .ypw-portlet #idComptePrevisionnelStandard {
    width: 10%; }
  html body.yp .ypw-portlet #idComptePrevisionnel {
    width: auto; }
  html body.yp .ypw-portlet #idCompteRIBStandard {
    width: 10%; }
  html body.yp .ypw-portlet #idCompteRIB {
    width: auto; }
  html body.yp .ypw-portlet #calendarDiv {
    position: absolute;
    width: 205px;
    border: 1px solid #317082;
    padding: 1px;
    background-color: #FFF;
    font-family: arial;
    font-size: 10px;
    padding-bottom: 20px;
    visibility: hidden; }
  html body.yp .ypw-portlet #calendarDiv span, html body.yp .ypw-portlet #calendarDiv img {
    float: left; }
  html body.yp .ypw-portlet #calendarDiv .selectBox, html body.yp .ypw-portlet #calendarDiv .selectBoxOver {
    line-height: 12px;
    padding: 1px;
    cursor: pointer;
    padding-left: 2px; }
  html body.yp .ypw-portlet #calendarDiv .selectBoxTime, html body.yp .ypw-portlet #calendarDiv .selectBoxTimeOver {
    line-height: 12px;
    padding: 1px;
    cursor: pointer;
    padding-left: 2px; }
  html body.yp .ypw-portlet #calendarDiv td {
    padding: 3px;
    margin: 0px;
    font-size: 10px; }
  html body.yp .ypw-portlet #calendarDiv .selectBox {
    border: 1px solid #E2EBED;
    color: #E2EBED;
    position: relative; }
  html body.yp .ypw-portlet #calendarDiv .selectBoxOver {
    border: 1px solid #FFF;
    background-color: #317082;
    color: #FFF;
    position: relative; }
  html body.yp .ypw-portlet #calendarDiv .selectBoxTime {
    border: 1px solid #317082;
    color: #317082;
    position: relative; }
  html body.yp .ypw-portlet #calendarDiv .selectBoxTimeOver {
    border: 1px solid #216072;
    color: #216072;
    position: relative; }
  html body.yp .ypw-portlet #calendarDiv .topBar {
    height: 16px;
    padding: 2px;
    background-color: #317082; }
  html body.yp .ypw-portlet #calendarDiv .activeDay {
    /* Active day in the calendar */
    color: #FF0000; }
  html body.yp .ypw-portlet #calendarDiv .todaysDate {
    height: 17px;
    line-height: 17px;
    padding: 2px;
    background-color: #E2EBED;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 201px; }
  html body.yp .ypw-portlet #calendarDiv .todaysDate div {
    float: left; }
  html body.yp .ypw-portlet #calendarDiv .timeBar {
    height: 17px;
    line-height: 17px;
    background-color: #E2EBED;
    width: 72px;
    color: #FFF;
    position: absolute;
    right: 0px; }
  html body.yp .ypw-portlet #calendarDiv .timeBar div {
    float: left;
    margin-right: 1px; }
  html body.yp .ypw-portlet #calendarDiv .monthYearPicker {
    background-color: #E2EBED;
    border: 1px solid #AAAAAA;
    position: absolute;
    color: #317082;
    left: 0px;
    top: 15px;
    z-index: 1000;
    display: none; }
  html body.yp .ypw-portlet #calendarDiv #monthSelect {
    width: 70px; }
  html body.yp .ypw-portlet #calendarDiv .monthYearPicker div {
    float: none;
    clear: both;
    padding: 1px;
    margin: 1px;
    cursor: pointer; }
  html body.yp .ypw-portlet #calendarDiv .monthYearActive {
    background-color: #317082;
    color: #E2EBED; }
  html body.yp .ypw-portlet #calendarDiv td {
    text-align: right;
    cursor: pointer; }
  html body.yp .ypw-portlet #calendarDiv .topBar img {
    cursor: pointer; }
  html body.yp .ypw-portlet #calendarDiv .topBar div {
    float: left;
    margin-right: 1px; }
  html body.yp .ypw-portlet .marginTB10 {
    /*TB for top bottom*/
    margin: 10px 0; }
  html body.yp .ypw-portlet .padL60 {
    /*L for left*/
    padding-left: 60px; }
  html body.yp .ypw-portlet .dialogError {
    display: none;
    margin: 0 30px;
    color: red; }
  html body.yp .ypw-portlet .font140per {
    font-size: 140%; }
  html body.yp .ypw-portlet .font100per {
    font-size: 100%; }
  html body.yp .ypw-portlet .mnuNonExporte {
    color: green;
    background-color: transparent; }
  html body.yp .ypw-portlet .legendNonExporte {
    background-color: green; }
  html body.yp .ypw-portlet .mnuExporte {
    color: blue;
    background-color: transparent; }
  html body.yp .ypw-portlet .legendExporte {
    background-color: blue; }
  html body.yp .ypw-portlet .mnuEffectue {
    color: orange;
    background-color: transparent; }
  html body.yp .ypw-portlet .legendEffectue {
    background-color: orange; }
  html body.yp .ypw-portlet .mnuSuppAExporter {
    color: #990099;
    background-color: transparent; }
  html body.yp .ypw-portlet .legendSuppAExporter {
    background-color: #990099; }
  html body.yp .ypw-portlet .mnuAnnule {
    color: grey;
    background-color: transparent; }
  html body.yp .ypw-portlet .legendAnnule {
    background-color: grey; }
  html body.yp .ypw-portlet .souscriptionLegend {
    position: fixed;
    left: 70%;
    top: 33%;
    /*border:1px dotted red;*/
    border: 4px outset black;
    font-size: xx-small;
    width: 220px;
    background: url("js/jstree/themes/apple/bg.jpg") repeat scroll left top transparent;
    padding: 5px; }
  html body.yp .ypw-portlet .legendAlert {
    background-color: red; }
  html body.yp .ypw-portlet .mnuNonSouscrit {
    color: black;
    background-color: transparent; }
  html body.yp .ypw-portlet .legendNonSouscrit {
    background-color: black; }
  html body.yp .ypw-portlet .SpanAsAnchor {
    padding-left: 20px;
    color: blue;
    cursor: pointer;
    text-decoration: underline; }
  html body.yp .ypw-portlet .textCentered {
    text-align: center; }
  html body.yp .ypw-portlet .souscriptionLegend caption {
    white-space: nowrap;
    text-align: center;
    width: 100%; }
  html body.yp .ypw-portlet .jstreeEditIcon {
    margin-left: 10px;
    position: absolute;
    top: 2px; }
  html body.yp .ypw-portlet .boxWarning {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 100px;
    padding-right: 10px;
    background: transparent url(../images/warning.jpg) no-repeat top left;
    border-style: groove;
    border-width: 2px;
    border-color: red;
    font-size: 80%; }
  html body.yp .ypw-portlet .jstree-apple > ul {
    background: url("bg.jpg") left top repeat; }
  html body.yp .ypw-portlet .jstree-apple li,
  html body.yp .ypw-portlet .jstree-apple ins {
    background-image: url("d.png");
    background-repeat: no-repeat;
    background-color: transparent; }
  html body.yp .ypw-portlet .jstree-apple li {
    background-position: -90px 0;
    background-repeat: repeat-y; }
  html body.yp .ypw-portlet .jstree-apple li.jstree-last {
    background: transparent; }
  html body.yp .ypw-portlet .jstree-apple .jstree-open > ins {
    background-position: -72px 0; }
  html body.yp .ypw-portlet .jstree-apple .jstree-closed > ins {
    background-position: -54px 0; }
  html body.yp .ypw-portlet .jstree-apple .jstree-leaf > ins {
    background-position: -36px 0; }
  html body.yp .ypw-portlet .jstree-apple a {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-shadow: 1px 1px 1px white; }
  html body.yp .ypw-portlet .jstree-apple .jstree-hovered {
    background: #e7f4f9;
    border: 1px solid #d8f0fa;
    padding: 0 3px 0 1px;
    text-shadow: 1px 1px 1px silver; }
  html body.yp .ypw-portlet .jstree-apple .jstree-clicked {
    background: #beebff;
    border: 1px solid #99defd;
    padding: 0 3px 0 1px; }
  html body.yp .ypw-portlet .jstree-apple a .jstree-icon {
    background-position: -56px -20px; }
  html body.yp .ypw-portlet .jstree-apple a.jstree-loading .jstree-icon {
    background: url("throbber.gif") center center no-repeat !important; }
  html body.yp .ypw-portlet .jstree-apple.jstree-focused {
    background: white; }
  html body.yp .ypw-portlet .jstree-apple .jstree-no-dots li,
  html body.yp .ypw-portlet .jstree-apple .jstree-no-dots .jstree-leaf > ins {
    background: transparent; }
  html body.yp .ypw-portlet .jstree-apple .jstree-no-dots .jstree-open > ins {
    background-position: -18px 0; }
  html body.yp .ypw-portlet .jstree-apple .jstree-no-dots .jstree-closed > ins {
    background-position: 0 0; }
  html body.yp .ypw-portlet .jstree-apple .jstree-no-icons a .jstree-icon {
    display: none; }
  html body.yp .ypw-portlet .jstree-apple .jstree-search {
    font-style: italic; }
  html body.yp .ypw-portlet .jstree-apple .jstree-no-icons .jstree-checkbox {
    display: inline-block; }
  html body.yp .ypw-portlet .jstree-apple .jstree-no-checkboxes .jstree-checkbox {
    display: none !important; }
  html body.yp .ypw-portlet .jstree-apple .jstree-checked > a > .jstree-checkbox {
    background-position: -38px -19px; }
  html body.yp .ypw-portlet .jstree-apple .jstree-unchecked > a > .jstree-checkbox {
    background-position: -2px -19px; }
  html body.yp .ypw-portlet .jstree-apple .jstree-undetermined > a > .jstree-checkbox {
    background-position: -20px -19px; }
  html body.yp .ypw-portlet .jstree-apple .jstree-checked > a > .checkbox:hover {
    background-position: -38px -37px; }
  html body.yp .ypw-portlet .jstree-apple .jstree-unchecked > a > .jstree-checkbox:hover {
    background-position: -2px -37px; }
  html body.yp .ypw-portlet .jstree-apple .jstree-undetermined > a > .jstree-checkbox:hover {
    background-position: -20px -37px; }
  html body.yp .ypw-portlet #vakata-dragged.jstree-apple ins {
    background: transparent !important; }
  html body.yp .ypw-portlet #vakata-dragged.jstree-apple .jstree-ok {
    background: url("d.png") -2px -53px no-repeat !important; }
  html body.yp .ypw-portlet #vakata-dragged.jstree-apple .jstree-invalid {
    background: url("d.png") -18px -53px no-repeat !important; }
  html body.yp .ypw-portlet #jstree-marker.jstree-apple {
    background: url("d.png") -41px -57px no-repeat !important;
    text-indent: -100px; }
  html body.yp .ypw-portlet .jstree-apple a.jstree-search {
    color: aqua; }
  html body.yp .ypw-portlet .jstree-apple .jstree-locked a {
    color: silver;
    cursor: default; }
  html body.yp .ypw-portlet #vakata-contextmenu.jstree-apple-context,
  html body.yp .ypw-portlet #vakata-contextmenu.jstree-apple-context li ul {
    background: #f0f0f0;
    border: 1px solid #979797;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999; }
  html body.yp .ypw-portlet #vakata-contextmenu.jstree-apple-context a {
    color: black; }
  html body.yp .ypw-portlet #vakata-contextmenu.jstree-apple-context a:hover,
  html body.yp .ypw-portlet #vakata-contextmenu.jstree-apple-context .vakata-hover > a {
    padding: 0 5px;
    background: #e8eff7;
    border: 1px solid #aecff7;
    color: black;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  html body.yp .ypw-portlet #vakata-contextmenu.jstree-apple-context li.jstree-contextmenu-disabled a,
  html body.yp .ypw-portlet #vakata-contextmenu.jstree-apple-context li.jstree-contextmenu-disabled a:hover {
    color: silver;
    background: transparent;
    border: 0;
    padding: 1px 4px; }
  html body.yp .ypw-portlet #vakata-contextmenu.jstree-apple-context li.vakata-separator {
    background: white;
    border-top: 1px solid #e0e0e0;
    margin: 0; }
  html body.yp .ypw-portlet #vakata-contextmenu.jstree-apple-context li ul {
    margin-left: -4px; }
  html body.yp .ypw-portlet .jstree-apple .jstree-edit {
    background-image: url("d.png");
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -76px -19px;
    /*display:inline-block;*/
    height: 16px;
    width: 16px; }
  html body.yp .ypw-portlet .jstree-apple .jstree-delete {
    background-image: url("d.png");
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -19px -53px;
    /*display:inline-block;*/
    height: 16px;
    width: 16px; }
  html body.yp .ypw-portlet .subm {
    color: black; }
  html body.yp .ypw-portlet .panel1 {
    font-size: 53%; }
  html body.yp .ypw-portlet .panel {
    font-size: 60%; }
  html body.yp .ypw-portlet .mnu {
    color: green; }
  html body.yp .ypw-portlet .panel1 .left {
    float: left;
    width: 75%;
    overflow: hidden; }
  html body.yp .ypw-portlet .panel1 .right {
    float: left;
    width: 25%;
    overflow: hidden; }
  html body.yp .ypw-portlet .panel1 .right .souscriptionLegend {
    position: relative;
    top: 0%;
    left: 0%;
    width: 175px; }
  html body.yp .ypw-portlet .esab-icon {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .ypw-portlet .esab-icon.esab-icon-md {
    width: 20px;
    height: 20px; }
  html body.yp .ypw-portlet .esab-icon.esab-icon-help {
    background: url("../images/icon/help.png") no-repeat; }
  html body.yp .ypw-portlet .esab-icon.esab-icon-settings {
    background: url("../images/icon/settings.png") no-repeat; }
  html body.yp .ypw-portlet .esab-icon.esab-icon-logout {
    background: url("../images/icon/logout_green.png") no-repeat; }
  html body.yp .ypw-portlet .esab-icon.esab-icon-select-open {
    background: url("../images/icon/select_open_green.png") no-repeat; }
  html body.yp .ypw-portlet .esab-icon.esab-icon-more {
    background: url("../images/icon/more.png") no-repeat; }
  html body.yp .ypw-portlet .esab-icon-container.active .esab-icon.esab-icon-more,
  html body.yp .ypw-portlet .esab-icon-container:hover .esab-icon.esab-icon-more,
  html body.yp .ypw-portlet .esab-icon-container:focus .esab-icon.esab-icon-more,
  html body.yp .ypw-portlet .esab-icon.esab-icon-more:hover,
  html body.yp .ypw-portlet .esab-icon.esab-icon-more:focus {
    background: url("../images/icon/more_hover.png") no-repeat; }
  html body.yp .ypw-portlet .esab-icon.esab-icon-profile {
    background: url("../images/icon/profile.png") no-repeat; }
  html body.yp .ypw-portlet .TitrePage {
    border: 0;
    text-align: left;
    font-size: 23px;
    color: #333333;
    font-family: 'robotolight';
    font-weight: normal;
    height: 50px;
    margin: 0;
    padding-top: 30px;
    padding-left: 2px;
    margin-bottom: 20px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore ~ .TableauBicolore {
    margin-top: -20px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table tr {
    background: transparent !important;
    height: 78px;
    width: 50%; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table tr.autoHeight {
    height: auto; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table tr:not(#pair):not(#impair) {
    height: 50px; }
  html body.yp .ypw-portlet .ColonneTitre, html body.yp .ypw-portlet .ColonneTitrePaire, html body.yp .ypw-portlet .ColonneTitreImpaire, html body.yp .ypw-portlet .ColonneDate {
    background: transparent !important;
    font-size: 13px;
    color: #8E8888;
    font-weight: normal;
    font-family: 'robotoregular';
    margin: 11px 0 0 2px;
    width: 100%;
    text-align: Left; }
  html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneTitre, html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneTitrePaire, html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneTitreImpaire {
    position: absolute; }
  html body.yp .ypw-portlet .TableauSaisieBicolore .TitreTableau, html body.yp .ypw-portlet .TableauSaisieBicolore .TitreTableau2 {
    background: transparent !important;
    color: #39ACD2;
    font-size: 16px;
    text-align: left;
    border-bottom: 1px solid #39ACD2;
    font-family: 'robotobold';
    height: 50px;
    border-top: 0;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .ColonneSaisie, html body.yp .ypw-portlet .ColonneCombo, html body.yp .ypw-portlet .ColonneLibelle {
    padding-top: 40px;
    height: auto; }
  html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneSaisie, html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneCombo, html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneLibelle {
    width: 100%;
    display: block; }
  html body.yp .ypw-portlet .TableauSaisieBicolore .trTextArea .ColonneSaisie, html body.yp .ypw-portlet .TableauSaisieBicolore .trTextArea .ColonneCombo, html body.yp .ypw-portlet .TableauSaisieBicolore .trTextArea .ColonneLibelle {
    height: auto; }
  html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneSaisie a {
    color: #39ACD2;
    text-decoration: underline;
    font-family: 'robotoregular'; }
  html body.yp .ypw-portlet .portlet {
    background: #f4f4f4; }
  html body.yp .ypw-portlet .TableauSaisieBicolore .ColonneSaisie .ColonneSaisie img[name="ok"] {
    margin-left: -30px;
    margin-top: -8px; }
  html body.yp .ypw-portlet .ColonneSaisie tr .ColonneSaisie:first-of-type {
    padding-top: 0;
    position: absolute;
    margin: 11px 0 0 2px;
    font-family: 'robotoregular'; }
  html body.yp .ypw-portlet html input, html body.yp .ypw-portlet html textarea:not(.textareaSpecific), html body.yp .ypw-portlet html .uneditable-input, html body.yp .ypw-portlet html select {
    max-width: 254px;
    width: 100%;
    height: 36px !important;
    border: 1px solid #E4E4E4 !important;
    box-shadow: none !important;
    padding: 0 0 0 10px !important;
    box-sizing: border-box;
    margin-bottom: 0; }
  html body.yp .ypw-portlet .TableauBicolore tr {
    background: white !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(1), html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(1) ~ td {
    width: 100% !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(2), html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(2) ~ td {
    width: 50% !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(3), html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(3) ~ td {
    width: calc(100% / 3) !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(4), html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(4) ~ td {
    width: 25% !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(5), html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(5) ~ td {
    width: 20% !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td[colspan="2"]:nth-last-child(5),
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(5) ~ td[colspan="2"] {
    width: calc( 20% * 2) !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(6), html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(6) ~ td {
    width: calc(100% / 6) !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(7), html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(7) ~ td {
    width: calc(100% / 7) !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(8), html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(8) ~ td {
    width: calc(100% / 8) !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td[colspan="2"]:nth-last-child(8),
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(8) ~ td[colspan="2"] {
    width: calc( (100% / 8) * 2) !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(9), html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(9) ~ td {
    width: calc(100% / 9) !important; }
  html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(10), html body.yp .ypw-portlet .TableauBicolore tr td:nth-last-child(10) ~ td {
    width: calc(100% / 10) !important; }
  html body.yp .ypw-portlet .TableauBicolore tr:not(#impair):not(#pair) {
    height: 66px; }
  html body.yp .ypw-portlet .TableauBicolore tr#impair td:nth-of-type(1), html body.yp .ypw-portlet .TableauBicolore tr#pair td:nth-of-type(1) {
    text-align: center; }
  html body.yp .ypw-portlet .TitreSynthese {
    font-family: 'robotolight';
    color: #333333;
    font-size: 23px;
    padding: 0 0 0 33px;
    width: 100%;
    font-weight: normal; }
  html body.yp .ypw-portlet .TitreTableau, html body.yp .ypw-portlet .ColonneCode {
    background: white;
    color: #666666;
    font-size: 13px !important;
    font-family: 'robotobold';
    text-align: left;
    border-bottom: 0; }
  html body.yp .ypw-portlet .TitreTableau {
    padding-top: 15px; }
  html body.yp .ypw-portlet html .portlet {
    background: #F4F4F4; }
  html body.yp .ypw-portlet .portlet-content::after, html body.yp .ypw-portlet .Boutons::after {
    content: '';
    display: block;
    clear: both; }
  html body.yp .ypw-portlet .TableauBicolore table {
    background: #FBFBFB; }
  html body.yp .ypw-portlet .ColonneCode {
    font-family: 'robotoregular'; }
  html body.yp .ypw-portlet .TableauBicolore #impair, html body.yp .ypw-portlet .TableauBicolore #pair {
    /*height:78px;*/
    /*height: 50px;*/ }
  html body.yp .ypw-portlet .TableauBicolore .ColonneSaisie, html body.yp .ypw-portlet .TableauBicolore .ColonneCombo {
    padding-top: 10px; }
  html body.yp .ypw-portlet .TableauBicolore .ColonneLibelle {
    /*padding-top:0;*/
    padding-top: 2px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore {
    position: relative;
    border-bottom: 2px solid #E3E4E8;
    background: white;
    overflow: visible; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table {
    margin-left: 33px;
    width: calc(100% - 66px); }
  html body.yp .ypw-portlet .TableauSaisieBicolore table table {
    max-width: 10000px;
    margin-left: 0;
    margin-top: -12px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr tr .ColonneSaisie input {
    padding-right: 30px !important; }
  html body.yp .ypw-portlet .TableauSaisieBicolore #impair .ColonneSaisie a {
    display: block; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(2n + 3) {
    position: absolute;
    right: 30px;
    top: 59px;
    width: calc(50% - 58px); }
  html body.yp .ypw-portlet .TableauSaisieBicolore.secondTitre tr:nth-of-type(2n + 3) {
    top: 66px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(2n + 5) {
    /*mike
  top: 122px;
  */
    top: 139px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(2n + 7) {
    top: 215px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(2n + 9) {
    top: 295px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(2n + 11) {
    top: 375px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(2n + 13) {
    top: 449px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(2n + 15) {
    top: 527px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(2n + 17) {
    top: 605px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(2n + 19) {
    top: 683px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr#impair:nth-last-child(2) .ColonneSaisie input[type="text"]:nth-child(n+3) {
    margin-top: 3px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr#pair:nth-last-child(1) .ColonneSaisie input[type="text"]:nth-child(n+2) {
    margin-top: 3px; }
  html body.yp .ypw-portlet .Boutons a, html body.yp .ypw-portlet .Boutons input[type="image"] {
    height: 36px !important;
    background: #96BE0F;
    border: 0;
    margin-right: 18px;
    outline: 0;
    padding: 0 7px !important;
    float: left;
    margin-bottom: 20px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    border-radius: 3px;
    border: 0 !important; }
  html body.yp .ypw-portlet input, html body.yp .ypw-portlet select, html body.yp .ypw-portlet textarea {
    font-family: 'robotoregular' !important;
    font-size: 13px !important; }
  html body.yp .ypw-portlet .TableauBicolore a {
    color: #39ADD2;
    font-size: 13px;
    font-family: 'robotoregular';
    transition: color 0.3s;
    text-decoration: none !important; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(6) td.ColonneLibelle {
    padding-top: 32px;
    padding-left: 24px; }
  html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(6) td.ColonneLibelle span {
    font-family: 'robotoregular';
    padding-left: 2px; }
  html body.yp .ypw-portlet tr:not(#pair) td.SelectionTitre,
  html body.yp .ypw-portlet tr:not(#pair) td.SelectionData,
  html body.yp .ypw-portlet tr:not(#impair) td.SelectionTitre,
  html body.yp .ypw-portlet tr:not(#impair) td.SelectionData {
    background: #F4F4F4; }
  html body.yp .ypw-portlet tr:not(#pair) td.SelectionTitre,
  html body.yp .ypw-portlet tr:not(#impair) td.SelectionTitre {
    font-weight: normal;
    font-family: 'robotoregular';
    font-size: 14px;
    line-height: 20px;
    color: #555555; }
  html body.yp .ypw-portlet tr:not(#pair) td.SelectionData input[type="image"],
  html body.yp .ypw-portlet tr:not(#impair) td.SelectionData input[type="image"] {
    width: 16px;
    height: 17px !important;
    padding: 0 !important;
    box-sizing: content-box;
    border: 0 none !important;
    margin-top: -7px; }
  html body.yp .ypw-portlet tr:not(#pair) td.SelectionData input[type="text"],
  html body.yp .ypw-portlet tr:not(#impair) td.SelectionData input[type="text"] {
    margin-bottom: 0px;
    height: 35px !important; }
  html body.yp .ypw-portlet table.TableBicolore {
    table-layout: fixed; }
  html body.yp .ypw-portlet .TableauBicolore table tr:not(#pair) .TitreTableau,
  html body.yp .ypw-portlet .TableauBicolore table tr:not(#impair) .TitreTableau {
    border-bottom: 1px solid #DBDBDB; }
  html body.yp .ypw-portlet .TableauBicolore table tr:not(#pair) .TitreTableau[colspan="2"],
  html body.yp .ypw-portlet .TableauBicolore table tr:not(#impair) .TitreTableau[colspan="2"] {
    text-align: center; }
  html body.yp .ypw-portlet .TableauBicolore #pair + #impair,
  html body.yp .ypw-portlet .TableauBicolore #impair + #pair {
    border-top: 1px solid #EEEEEE !important; }
  html body.yp .ypw-portlet .TableBicolore #pair,
  html body.yp .ypw-portlet .TableBicolore #impair {
    border-top: 1px solid #EEEEEE !important; }
  html body.yp .ypw-portlet .TableBicolore #pair td,
  html body.yp .ypw-portlet .TableBicolore #impair td {
    word-wrap: break-word;
    padding-left: 2px;
    padding-right: 2px; }
  html body.yp .ypw-portlet .TableBicolore #pair td.ColonneIcone,
  html body.yp .ypw-portlet .TableBicolore #impair td.ColonneIcone {
    text-align: center; }
  html body.yp .ypw-portlet .TableBicolore #pair td:not(.ColonneIcone),
  html body.yp .ypw-portlet .TableBicolore #impair td:not(.ColonneIcone) {
    text-align: left; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr {
    border-top: 1px solid #EEEEEE !important;
    height: 41px; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr td {
    font-weight: normal;
    font-family: 'robotoregular';
    font-size: 12px;
    height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
    /* width: calc(100% / 8) !important;*/ }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr td input {
    margin-bottom: 0px; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr.rt-alt {
    height: auto;
    padding: 23px; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr.rt-alt td.cellResize + td.cellResize {
    margin-top: 9px; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr.rt-alt td:nth-of-type(1).cellResize {
    display: none; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr.rt-alt td.cellResize[data-title]:before {
    position: absolute;
    top: 0;
    left: 0; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr.rt-alt td:nth-of-type(2).cellResize {
    padding-top: 0; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr.rt-alt td:nth-of-type(2).cellResize[data-title]:before {
    display: none; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr.rt-alt td:last-child.cellResize {
    padding-top: 0; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr.rt-alt td:last-child.cellResize[data-title]:before {
    display: none; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr.rt-alt td.cellResize input {
    height: 24px !important; }
  html body.yp .ypw-portlet .TableauBicolore tr:only-child td input[type="image"] {
    border: 0 none !important;
    width: 16px;
    padding: 0 !important;
    height: 17px !important; }
  html body.yp .ypw-portlet #Global form > div.rt-wrap table:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  html body.yp .ypw-portlet #Global form > div.rt-wrap table + .TableauBicolore {
    margin-top: 20px; }
  html body.yp .ypw-portlet #Global form > div.rt-wrap table > tbody {
    display: block;
    width: 100%; }
  html body.yp .ypw-portlet #Global form > div.rt-wrap table > tbody tr:nth-child(n+2) {
    margin-top: 10px; }
  html body.yp .ypw-portlet #Global form > div.rt-wrap table > tbody tr td.SelectionTitre:nth-last-child(2) {
    width: 20%;
    display: block;
    float: left;
    text-align: left; }
  html body.yp .ypw-portlet #Global form > div.rt-wrap table > tbody tr td.SelectionTitre:nth-last-child(2) + td.SelectionData {
    width: calc(80% - 0.5rem);
    display: block;
    float: left; }
  html body.yp .ypw-portlet #Global form > div.rt-wrap table > tbody tr td.SelectionTitre:nth-last-child(6) {
    width: 20%;
    display: block;
    float: left;
    text-align: left; }
  html body.yp .ypw-portlet #Global form > div.rt-wrap table > tbody tr td.SelectionTitre:nth-last-child(6) + td.SelectionData {
    width: calc(80% - 0.5rem);
    display: block;
    float: left; }
  html body.yp .ypw-portlet #Global form > div.rt-wrap table > tbody tr td.SelectionTitre:nth-last-child(6) + td.SelectionData ~ td.SelectionTitre {
    float: left;
    width: 20%;
    display: block;
    text-align: left;
    height: 36px;
    line-height: 36px; }
  html body.yp .ypw-portlet #Global form > div.rt-wrap table > tbody tr td.SelectionTitre:nth-last-child(6) + td.SelectionData ~ td.SelectionData {
    width: calc(30% - (0.5rem * 2));
    display: block;
    float: left;
    height: 36px;
    line-height: 36px; }
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneTitre,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneTitrePaire,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneTitreImpaire,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneDate,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneNumerique,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneIcone,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneLibelle,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneCode,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneDate,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneSaisie,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneCheck,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneNumeriqueAlerte,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneRupture,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneVide,
  html body.yp .ypw-portlet .TableauBicolore > .Break + table tbody .ColonneColor {
    word-break: break-word; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table tbody tr#pair .ColonneSaisie input[type="checkbox"],
  html body.yp .ypw-portlet .TableauSaisieBicolore table tbody tr#impair .ColonneSaisie input[type="checkbox"] {
    margin-top: 0; }
  html body.yp .ypw-portlet .TableauAffichage table {
    table-layout: fixed; }
  html body.yp .ypw-portlet .TableauAffichage table tbody tr:nth-child(2) .ColonneTitre {
    width: 30% !important; }
  html body.yp .ypw-portlet .TableauAffichage table tbody tr:nth-child(2) .ColonneLibelle {
    width: calc(70% - 6px) !important;
    padding-top: 3px; }
  html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(1), html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(1) ~ td {
    width: 100% !important; }
  html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(2), html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(2) ~ td {
    width: 50% !important; }
  html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(3), html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(3) ~ td {
    width: calc(100% / 3) !important; }
  html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(4), html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(4) ~ td {
    width: 25% !important; }
  html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(5), html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(5) ~ td {
    width: 20% !important; }
  html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(6), html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(6) ~ td {
    width: calc(100% / 6) !important; }
  html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(7), html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(7) ~ td {
    width: calc(100% / 7) !important; }
  html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(8), html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(8) ~ td {
    width: calc(100% / 8) !important; }
  html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(9), html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(9) ~ td {
    width: calc(100% / 9) !important; }
  html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(10), html body.yp .ypw-portlet .TableauAffichage tr td:nth-last-child(10) ~ td {
    width: calc(100% / 10) !important; }
  html body.yp .ypw-portlet .TableauAffichage table tr td {
    text-align: left;
    padding: 5px;
    background-color: #FFF !important;
    word-wrap: break-word; }
  html body.yp .ypw-portlet .TableauAffichage tr td.BasTableau {
    display: none; }
  html body.yp .ypw-portlet .portlet-body > form > div.rt-wrap table > tbody tr td.SelectionTitre {
    width: 20%;
    display: block;
    float: left;
    text-align: left; }
  html body.yp .ypw-portlet .portlet-body > form > div.rt-wrap table > tbody tr td.SelectionData {
    width: calc(80% - 0.5rem);
    display: block;
    float: left;
    text-align: left; }
  html body.yp .ypw-portlet .portlet-body > form > div.rt-wrap table > tbody tr {
    width: 100%;
    float: left; }
  html body.yp .ypw-portlet .portlet-body > form > div.rt-wrap table > tbody tr:nth-child(n+2) {
    margin-top: 10px; }
  html body.yp .ypw-portlet .TableauSaisie tr:first-child#impair td.TitreTableau {
    border: 0;
    text-align: left;
    font-size: 23px !important;
    color: #333333;
    font-family: 'robotolight';
    font-weight: normal;
    height: 50px;
    margin: 0;
    padding-top: 30px;
    padding-left: 2px;
    background: #F4F4F4; }
  html body.yp .ypw-portlet .TableauSaisie tr:first-child#impair + tr#impair td.ColonneTitre {
    width: 20%;
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .TableauSaisie tr:first-child#impair + tr#impair td.ColonneSaisie {
    width: calc(80% - 8px);
    padding-top: 0;
    padding-bottom: 0;
    background: #F4F4F4; }
  html body.yp .ypw-portlet .TableauSaisie tr:first-child#impair + tr#impair td.ColonneSaisie input[type="file"] {
    width: 100%;
    max-width: none; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table tbody tr td.ColonneTitreImpaire + td.ColonneSaisie table tbody tr td.ColonneSaisie,
  html body.yp .ypw-portlet .TableauSaisieBicolore table tbody tr td.ColonneTitrePaire + td.ColonneSaisie table tbody tr td.ColonneSaisie {
    position: absolute; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table tbody tr td.ColonneTitreImpaire + td.ColonneSaisie table tbody tr td.ColonneSaisie + td.ColonneSaisie,
  html body.yp .ypw-portlet .TableauSaisieBicolore table tbody tr td.ColonneTitrePaire + td.ColonneSaisie table tbody tr td.ColonneSaisie + td.ColonneSaisie {
    padding-top: 31px;
    position: relative; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table tbody tr td.ColonneTitreImpaire + td.ColonneSaisie table tbody tr td.ColonneSaisie + td.ColonneSaisie a,
  html body.yp .ypw-portlet .TableauSaisieBicolore table tbody tr td.ColonneTitrePaire + td.ColonneSaisie table tbody tr td.ColonneSaisie + td.ColonneSaisie a {
    display: inline !important; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table tbody tr td.ColonneSaisie input[type="text"] {
    margin-bottom: 0; }
  html body.yp .ypw-portlet .TitreSynthese {
    padding: 15px 0; }
  html body.yp .ypw-portlet .TableauSaisie table {
    table-layout: fixed;
    display: block;
    width: 100%; }
  html body.yp .ypw-portlet .TableauSaisie table tbody {
    display: block;
    width: 100%; }
  html body.yp .ypw-portlet .TableauSaisie table tbody tr {
    display: block;
    width: 100%;
    position: relative; }
  html body.yp .ypw-portlet .TableauSaisie table .TitreTableau {
    background: transparent !important;
    color: #39ACD2;
    font-size: 16px;
    text-align: left;
    border-bottom: 1px solid #39ACD2;
    font-family: 'robotobold';
    height: 50px;
    border-top: 0;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .TableauSaisie table tbody .ColonneTitre {
    position: absolute;
    text-align: left;
    background: #F4F4F4 !important; }
  html body.yp .ypw-portlet .TableauSaisie table tbody .ColonneSaisie {
    padding-top: 40px;
    height: auto;
    width: 100%;
    display: block;
    background: #F4F4F4 !important; }
  html body.yp .ypw-portlet .TableauSaisie table tbody .ColonneCombo {
    padding-top: 40px;
    height: auto;
    width: 100%;
    display: block;
    background: #F4F4F4 !important; }
  html body.yp .ypw-portlet .TableauSaisie table tbody .ColonneSaisie input[type="text"],
  html body.yp .ypw-portlet .TableauSaisie table tbody .ColonneCombo select {
    max-width: 70%; }
  html body.yp .ypw-portlet #tc_clavierNum #tc_tclavierNum li {
    width: 25px !important;
    height: 36px !important; }
  html body.yp .ypw-portlet #tc_boutonsTR {
    min-width: 357px;
    min-height: 47px; }
  html body.yp .ypw-portlet #tc_boutonsTR #tc_boutonsSpec {
    width: 350px !important; }
  html body.yp .ypw-portlet #tc_boutonsTR #tc_boutonsSpec #correctbut {
    width: 174px !important;
    height: 47px !important;
    padding: 0 !important;
    outline: none !important;
    display: inline-block;
    border: 0 none !important; }
  html body.yp .ypw-portlet #tc_boutonsTR #tc_boutonsSpec #validbut {
    width: 170px !important;
    height: 43px !important;
    padding: 0 !important;
    outline: none !important;
    display: inline-block;
    border: 0 none !important; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr td.cellResize[data-title] {
    margin-top: 9px !important;
    padding-top: 24px !important; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr td.cellResize[data-title]:before {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-title) ": ";
    font-weight: bold;
    display: block !important;
    color: #555; }
  html body.yp .ypw-portlet .TableauBicolore table tr:not(#pair) .TitreTableau,
  html body.yp .ypw-portlet .TableauBicolore table tr:not(#impair) .TitreTableau {
    text-align: center; }
  html body.yp .ypw-portlet .TableauBicolore .rt-wrap .rwd-table tr.rt-alt td:nth-of-type(1).cellResize {
    display: block;
    text-align: left !important; }
  html body.yp .ypw-portlet .TableauBicolore.oneLine .rt-wrap tr td {
    text-align: left; }
  html body.yp .ypw-portlet .TableauBicolore.oneLine tr#impair td:nth-of-type(1), html body.yp .ypw-portlet .TableauBicolore.oneLine tr#pair td:nth-of-type(1) {
    text-align: left; }
  html body.yp .ypw-portlet td.ColonneRupture {
    background: #F4F4F4;
    padding-top: 20px !important; }
  html body.yp .ypw-portlet table ~ .TableauSaisie > table > tbody > tr#impair + tr#impair:nth-last-child(1) {
    min-height: 36px; }
  html body.yp .ypw-portlet table ~ .TableauSaisie > table > tbody > tr#impair + tr#impair:nth-last-child(1) .ColonneTitre {
    float: left; }
  html body.yp .ypw-portlet table ~ .TableauSaisie > table > tbody > tr#impair + tr#impair:nth-last-child(1) .ColonneSaisie {
    float: right; }
  html body.yp .ypw-portlet .TableauSaisieBicolore {
    padding-bottom: 25px; }
  html body.yp .ypw-portlet #tc_boutons {
    min-width: 290px !important; }
  html body.yp .ypw-portlet #tc_boutonsTR input {
    padding: 0 !important;
    margin-left: 10px;
    border: 0 none !important; }
  html body.yp .ypw-portlet #tc_boutonsTR input:nth-child(n+2) {
    margin-left: 0; }
  html body.yp .ypw-portlet .esabButtons {
    background-color: #96BE0F;
    color: white !important;
    text-decoration: none !important;
    font-family: robotoregular;
    font-weight: 400;
    border: none;
    padding: 5px 10px;
    border-radius: 3px !important;
    margin-bottom: 5px !important; }
  html body.yp .ypw-portlet .esabButtons:hover {
    background-color: rgba(150, 190, 15, 0.7); }
  html body.yp .ypw-portlet .paddingBottom {
    padding-bottom: 20px; }
  html body.yp .ypw-portlet .paddingBottom7 {
    padding-bottom: 7px !important; }
  html body.yp .ypw-portlet .nomprenom {
    max-width: 132px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; }
  html body.yp .ypw-portlet .onlyTitle {
    overflow: visible; }
  html body.yp .ypw-portlet .upperDiv {
    border-bottom-style: dashed;
    border-bottom-width: thin;
    border-bottom-color: #E4DEDE;
    text-align: center; }
  html body.yp .ypw-portlet .downDiv {
    text-align: center; }
  html body.yp .ypw-portlet .upperDivTitle {
    font-weight: bold;
    /*font-style: italic;*/
    font-size: 13px;
    color: #555;
    /*float: left;*/ }
  html body.yp .ypw-portlet .downDivTitle {
    font-weight: bold;
    /*font-style: italic;*/
    font-size: 13px;
    color: #555;
    padding-top: 10px;
    /*width: 280px;*/
    /*text-align: right;*/ }
  html body.yp .ypw-portlet .noPaddingBottom {
    padding-bottom: 0px; }
  html body.yp .ypw-portlet .nowrapClass {
    white-space: nowrap; }
  html body.yp .ypw-portlet .TableauSaisieBicolore textarea.textareaSpecific {
    max-width: 100%;
    width: 100%; }
  html body.yp .ypw-portlet html textarea.textareaSpecific {
    height: 75px; }
  html body.yp .ypw-portlet .aideOppositionCheques_OL ol {
    font-weight: normal;
    font-family: 'robotoregular';
    font-size: 14px; }
  html body.yp .ypw-portlet .aideOppositionCheques_OL ol li {
    margin-bottom: 10px; }
  html body.yp .ypw-portlet .aideOppositionCheques_libel {
    padding-bottom: 7px; }
  html body.yp .ypw-portlet .aideOppositionCheques_libel_text {
    font-size: x-large; }
  html body.yp .ypw-portlet select.base_aideOppositionCheques_1220_Compte {
    width: 30%;
    max-width: 100%; }
  html body.yp .ypw-portlet .aideOppositionCheques_agence span {
    display: block;
    text-align: center; }
  html body.yp .ypw-portlet span.aideOppositionCheques_votreAgence_text {
    margin-left: 1%;
    text-align: left; }
  html body.yp .ypw-portlet span.aideOppositionCheques_agence_text {
    font-weight: bold;
    margin-right: 70%; }
  html body.yp .ypw-portlet span.aideOppositionCheques_raisonSocial_text {
    font-weight: bold;
    margin-right: 70%; }
  html body.yp .ypw-portlet span.aideOppositionCheques_codePostal_text {
    font-weight: bold;
    margin-right: 70%; }
  html body.yp .ypw-portlet span.aideOppositionCheques_ville_text {
    font-weight: bold;
    margin-right: 70%; }
  html body.yp .ypw-portlet span.aideOppositionCheques_telephone_text {
    font-weight: bold;
    margin-right: 70%; }
  html body.yp .ypw-portlet .aideOppositionCheques_info_div span {
    display: block;
    text-align: center; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie2_appelerLe {
    margin-left: 1%;
    text-align: left; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie2_numTel {
    font-weight: bold;
    margin-right: 70%; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie2_infos {
    font-weight: bold;
    margin-right: 70%; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie2_attention {
    margin-left: 1%;
    text-align: left;
    font-style: italic; }
  html body.yp .ypw-portlet .aideOppositionCheques_partie2_div span {
    display: block;
    text-align: center; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie3 {
    margin-left: 1%;
    display: inline; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie2_confirmer,
  html body.yp .ypw-portlet span.aideOppositionCheques_partie3_text {
    margin-left: 1%;
    text-align: left; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie3_date {
    font-weight: bold;
    margin-right: 60%;
    display: inline; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie3_compte {
    font-weight: bold;
    margin-right: 60%;
    margin-left: 1%; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie3_compte select {
    width: 100%; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie3_numCheque {
    font-weight: bold;
    margin-right: 60%; }
  html body.yp .ypw-portlet span.aideOppositionCheques_partie4_text {
    margin-left: 1%;
    text-align: left;
    font-style: italic; }
  html body.yp .ypw-portlet td.alignLeft {
    text-align: left; }
  html body.yp .ypw-portlet html #navigation .nav > li.login > a {
    padding-right: 7px;
    padding-left: 7px; }
  html body.yp .ypw-portlet div.WRAPPER_mailForm textarea.textareaSpecific {
    width: 99%;
    height: 200px; }
  html body.yp .ypw-portlet div.WRAPPER_rib table.tablekeepLines td:first-of-type {
    width: 100%; }
  html body.yp .ypw-portlet div.WRAPPER_rib .rib_wrapper {
    background: white; }
  html body.yp .ypw-portlet .tablekeepLines.total tr td:first-of-type {
    color: #39ACD2; }
  html body.yp .ypw-portlet .tablekeepLines.total {
    border-bottom: #39ACD2;
    border-bottom-style: dotted;
    border-bottom-width: 0.15em; }
  html body.yp .ypw-portlet .WRAPPER_listeDesEffetsEncaissements .TableauBicolore {
    margin-bottom: 10px; }
  html body.yp .ypw-portlet input[type="text"][class*="montant"] {
    text-align: right; }
  html body.yp .ypw-portlet .portlet-print {
    padding-left: 10px;
    padding-top: 5px; }
  html body.yp .ypw-portlet form[name$=portlet_criteres] td > input {
    width: 30% !important;
    max-width: none !important; }
  html body.yp .ypw-portlet .rt-breakpoint {
    display: none; }
  html body.yp .ypw-portlet .rt-wrap {
    overflow: hidden;
    border-bottom: 0; }
  html body.yp .ypw-portlet .rt-alt {
    display: block;
    text-align: left;
    white-space: normal; }
  html body.yp .ypw-portlet .re-alt2 {
    background: none;
    margin-bottom: 20px;
    padding: 0; }
  html body.yp .ypw-portlet .cellResize[data-title]:before {
    content: attr(data-title) ": ";
    font-weight: bold; }
  html body.yp .ypw-portlet .fake {
    color: red; }
  html body.yp .ypw-portlet .k-common-test-class {
    opacity: 0; }
  html body.yp .ypw-portlet .k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none; }
  html body.yp .ypw-portlet .k-floatwrap:after, html body.yp .ypw-portlet .k-grid-toolbar:after, html body.yp .ypw-portlet .k-slider-items:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-floatwrap, html body.yp .ypw-portlet .k-grid-toolbar, html body.yp .ypw-portlet .k-slider-items {
    display: inline-block; }
  html body.yp .ypw-portlet .k-floatwrap, html body.yp .ypw-portlet .k-grid-toolbar, html body.yp .ypw-portlet .k-slider-items {
    display: block; }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-autocomplete.k-state-hover, html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-draghandle, html body.yp .ypw-portlet .k-dropdown-wrap, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-hover, html body.yp .ypw-portlet .k-grid-header, html body.yp .ypw-portlet .k-grouping-header, html body.yp .ypw-portlet .k-header, html body.yp .ypw-portlet .k-link.k-state-hover, html body.yp .ypw-portlet .k-numeric-wrap, html body.yp .ypw-portlet .k-numeric-wrap.k-state-hover, html body.yp .ypw-portlet .k-pager-wrap, html body.yp .ypw-portlet .k-picker-wrap, html body.yp .ypw-portlet .k-picker-wrap.k-state-hover, html body.yp .ypw-portlet .k-tabstrip-items .k-item, html body.yp .ypw-portlet .k-textbox, html body.yp .ypw-portlet .k-textbox:hover, html body.yp .ypw-portlet .k-toolbar, html body.yp .ypw-portlet .k-tooltip {
    background-repeat: repeat;
    background-position: 0 center; }
  html body.yp .ypw-portlet .k-link:hover {
    text-decoration: none; }
  html body.yp .ypw-portlet .k-state-highlight > .k-link {
    color: inherit; }
  html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-input[type=text], html body.yp .ypw-portlet .k-input[type=number], html body.yp .ypw-portlet .k-picker-wrap .k-input, html body.yp .ypw-portlet .k-textbox, html body.yp .ypw-portlet .k-textbox > input {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none; }
  html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-draghandle, html body.yp .ypw-portlet .k-inline-block, html body.yp .ypw-portlet .k-widget {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none; }
  html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-widget {
    line-height: normal;
    outline: 0; }
  html body.yp .ypw-portlet .k-list-filter ::-ms-clear, html body.yp .ypw-portlet .k-widget ::-ms-clear {
    width: 0;
    height: 0; }
  html body.yp .ypw-portlet .k-block {
    padding: 2px; }
  html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-button-bare {
    display: inline-block;
    margin: 0;
    padding: 10px 14px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
    text-decoration: none; }
  html body.yp .ypw-portlet .k-button-bare.k-state-disabled, html body.yp .ypw-portlet .k-button-bare.k-state-disabled:active, html body.yp .ypw-portlet .k-button-bare.k-state-disabled:hover, html body.yp .ypw-portlet .k-button-bare[disabled], html body.yp .ypw-portlet .k-button.k-state-disabled, html body.yp .ypw-portlet .k-button.k-state-disabled:active, html body.yp .ypw-portlet .k-button.k-state-disabled:hover, html body.yp .ypw-portlet .k-button[disabled], html body.yp .ypw-portlet .k-state-disabled .k-button, html body.yp .ypw-portlet .k-state-disabled .k-button-bare, html body.yp .ypw-portlet .k-state-disabled .k-button-bare:active, html body.yp .ypw-portlet .k-state-disabled .k-button-bare:hover, html body.yp .ypw-portlet .k-state-disabled .k-button:active, html body.yp .ypw-portlet .k-state-disabled .k-button:hover {
    cursor: default; }
  html body.yp .ypw-portlet a.k-button, html body.yp .ypw-portlet a.k-button-bare {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none; }
  html body.yp .ypw-portlet .k-ff input.k-button {
    padding-bottom: .37em;
    padding-top: .37em; }
  html body.yp .ypw-portlet .button.k-button-bare::-moz-focus-inner, html body.yp .ypw-portlet button.k-button::-moz-focus-inner, html body.yp .ypw-portlet input.k-button-bare::-moz-focus-inner, html body.yp .ypw-portlet input.k-button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  html body.yp .ypw-portlet a.k-button-expand {
    display: block; }
  html body.yp .ypw-portlet button.k-button-expand, html body.yp .ypw-portlet input[type=submit].k-button-expand, html body.yp .ypw-portlet input[type=button].k-button-expand, html body.yp .ypw-portlet input[type=reset].k-button-expand {
    width: 100%; }
  html body.yp .ypw-portlet body .k-button-icon, html body.yp .ypw-portlet body .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em; }
  html body.yp .ypw-portlet .k-button-icontext {
    overflow: visible; }
  html body.yp .ypw-portlet .k-toolbar .k-button-icontext {
    padding-right: .8em; }
  html body.yp .ypw-portlet .k-button-icontext .k-icon, html body.yp .ypw-portlet .k-button-icontext .k-image, html body.yp .ypw-portlet .k-button-icontext .k-sprite {
    margin-right: 3px;
    margin-right: .3rem;
    margin-left: -3px;
    margin-left: -.3rem; }
  html body.yp .ypw-portlet .k-button.k-button-icontext .k-icon, html body.yp .ypw-portlet .k-button.k-button-icontext .k-image {
    vertical-align: text-top; }
  html body.yp .ypw-portlet html body .k-button-bare {
    background: 0 0 !important;
    color: inherit;
    border-width: 0;
    opacity: .7;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet html body .k-button-bare, html body.yp .ypw-portlet html body .k-button-bare.k-state-active, html body.yp .ypw-portlet html body .k-button-bare.k-state-active:hover, html body.yp .ypw-portlet html body .k-button-bare.k-state-hover, html body.yp .ypw-portlet html body .k-button-bare:active, html body.yp .ypw-portlet html body .k-button-bare:hover {
    color: inherit; }
  html body.yp .ypw-portlet html body .k-button-bare .k-state-focused, html body.yp .ypw-portlet html body .k-button-bare:focus {
    background: 0 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: transparent;
    opacity: .8; }
  html body.yp .ypw-portlet html body .k-button-bare.k-state-active, html body.yp .ypw-portlet html body .k-button-bare.k-state-hover, html body.yp .ypw-portlet html body .k-button-bare:active, html body.yp .ypw-portlet html body .k-button-bare:hover {
    opacity: 1; }
  html body.yp .ypw-portlet html body .k-button-bare.k-upload-button:hover {
    color: inherit; }
  html body.yp .ypw-portlet .k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none; }
  html body.yp .ypw-portlet .k-grid-header span.k-link {
    cursor: default; }
  html body.yp .ypw-portlet .k-state-disabled, html body.yp .ypw-portlet .k-state-disabled .k-button, html body.yp .ypw-portlet .k-state-disabled .k-draghandle, html body.yp .ypw-portlet .k-state-disabled .k-icon, html body.yp .ypw-portlet .k-state-disabled .k-link, html body.yp .ypw-portlet .k-state-disabled .k-upload-button input {
    cursor: default !important;
    outline: 0; }
  @media print {
    html body.yp .ypw-portlet .k-state-disabled, html body.yp .ypw-portlet .k-state-disabled .k-input {
      opacity: 1 !important; } }
  html body.yp .ypw-portlet .k-state-error {
    border-style: ridge; }
  html body.yp .ypw-portlet .k-state-empty {
    font-style: italic; }
  html body.yp .ypw-portlet .k-icon, html body.yp .ypw-portlet .k-sprite, html body.yp .ypw-portlet .k-tool-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none; }
  html body.yp .ypw-portlet .k-button-bare .k-font-icon {
    overflow: visible; }
  html body.yp .ypw-portlet .k-icon.k-i-none {
    background-image: none !important; }
  html body.yp .ypw-portlet .k-ie8 .k-icon, html body.yp .ypw-portlet .k-ie8 .k-sprite, html body.yp .ypw-portlet .k-ie8 .k-tool-icon {
    vertical-align: middle; }
  html body.yp .ypw-portlet :root * > .k-icon, html body.yp .ypw-portlet :root * > .k-sprite, html body.yp .ypw-portlet :root * > .k-tool-icon {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-icon, html body.yp .ypw-portlet .k-sprite {
    background-color: transparent; }
  html body.yp .ypw-portlet .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px; }
  html body.yp .ypw-portlet .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px; }
  html body.yp .ypw-portlet .k-state-selected .k-i-arrow-n {
    background-position: -16px 0; }
  html body.yp .ypw-portlet .k-button:active .k-state-selected .k-i-arrow-n, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n, html body.yp .ypw-portlet .k-state-hover > * > .k-state-selected .k-i-arrow-n, html body.yp .ypw-portlet .k-state-hover > .k-state-selected .k-i-arrow-n, html body.yp .ypw-portlet .k-textbox:hover .k-state-selected .k-i-arrow-n {
    background-position: -16px 0; }
  html body.yp .ypw-portlet .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, html body.yp .ypw-portlet .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
    background-position: -16px -3px; }
  html body.yp .ypw-portlet .k-state-selected .k-i-arrow-s {
    background-position: -16px -32px; }
  html body.yp .ypw-portlet .k-button:active .k-state-selected .k-i-arrow-s, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s, html body.yp .ypw-portlet .k-state-hover > * > .k-state-selected .k-i-arrow-s, html body.yp .ypw-portlet .k-state-hover > .k-state-selected .k-i-arrow-s, html body.yp .ypw-portlet .k-textbox:hover .k-state-selected .k-i-arrow-s {
    background-position: -16px -32px; }
  html body.yp .ypw-portlet .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, html body.yp .ypw-portlet .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
    background-position: -16px -35px; }
  html body.yp .ypw-portlet .k-grid-header th > .k-link:hover span.k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .ypw-portlet .k-grid-header th > .k-link:hover span.k-i-arrow-s {
    background-position: 0 -32px; }
  html body.yp .ypw-portlet .k-group-indicator .k-link:hover span.k-i-sarrow-n, html body.yp .ypw-portlet .k-group-indicator .k-link:hover span.k-si-arrow-n {
    background-position: 0 -129px; }
  html body.yp .ypw-portlet .k-group-indicator .k-link:hover span.k-i-sarrow-s, html body.yp .ypw-portlet .k-group-indicator .k-link:hover span.k-si-arrow-s {
    background-position: 0 -159px; }
  html body.yp .ypw-portlet .k-group-indicator .k-button:hover span.k-group-delete, html body.yp .ypw-portlet .k-group-indicator .k-button:hover span.k-i-group-delete {
    background-position: -32px -16px; }
  html body.yp .ypw-portlet .k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
    background-position: -32px -176px; }
  html body.yp .ypw-portlet .k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .ypw-portlet .k-button:active .k-i-arrow-n, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-n, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, html body.yp .ypw-portlet .k-state-hover > * > .k-i-arrow-n, html body.yp .ypw-portlet .k-state-hover > .k-i-arrow-n, html body.yp .ypw-portlet .k-textbox:hover .k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .ypw-portlet .k-i-arrow-e {
    background-position: 0 -16px; }
  html body.yp .ypw-portlet .k-button:active .k-i-arrow-e, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-e, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .ypw-portlet .k-state-hover > * > .k-i-arrow-e, html body.yp .ypw-portlet .k-state-hover > .k-i-arrow-e, html body.yp .ypw-portlet .k-textbox:hover .k-i-arrow-e {
    background-position: 0 -16px; }
  html body.yp .ypw-portlet .k-rtl .k-i-arrow-w {
    background-position: 0 -16px; }
  html body.yp .ypw-portlet .k-rtl .k-button:active .k-i-arrow-w, html body.yp .ypw-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w, html body.yp .ypw-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .ypw-portlet .k-rtl .k-state-hover > * > .k-i-arrow-w, html body.yp .ypw-portlet .k-rtl .k-state-hover > .k-i-arrow-w, html body.yp .ypw-portlet .k-rtl .k-textbox:hover .k-i-arrow-w {
    background-position: -16px -16px;
    background-position: 0 -16px; }
  html body.yp .ypw-portlet .k-i-arrow-s {
    background-position: 0 -32px; }
  html body.yp .ypw-portlet .k-button:active .k-i-arrow-s, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-s, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, html body.yp .ypw-portlet .k-state-hover > * > .k-i-arrow-s, html body.yp .ypw-portlet .k-state-hover > .k-i-arrow-s, html body.yp .ypw-portlet .k-textbox:hover .k-i-arrow-s {
    background-position: 0 -32px; }
  html body.yp .ypw-portlet .k-i-arrow-w {
    background-position: 0 -48px; }
  html body.yp .ypw-portlet .k-button:active .k-i-arrow-w, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-w, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .ypw-portlet .k-state-hover > * > .k-i-arrow-w, html body.yp .ypw-portlet .k-state-hover > .k-i-arrow-w, html body.yp .ypw-portlet .k-textbox:hover .k-i-arrow-w {
    background-position: 0 -48px; }
  html body.yp .ypw-portlet .k-rtl .k-i-arrow-e {
    background-position: 0 -48px; }
  html body.yp .ypw-portlet .k-rtl .k-button:active .k-i-arrow-e, html body.yp .ypw-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e, html body.yp .ypw-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .ypw-portlet .k-rtl .k-state-hover > * > .k-i-arrow-e, html body.yp .ypw-portlet .k-rtl .k-state-hover > .k-i-arrow-e, html body.yp .ypw-portlet .k-rtl .k-textbox:hover .k-i-arrow-e {
    background-position: -16px -48px;
    background-position: 0 -48px; }
  html body.yp .ypw-portlet .k-i-seek-n {
    background-position: 0 -64px; }
  html body.yp .ypw-portlet .k-button:active .k-i-seek-n, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-n, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-n, html body.yp .ypw-portlet .k-state-hover > * > .k-i-seek-n, html body.yp .ypw-portlet .k-state-hover > .k-i-seek-n, html body.yp .ypw-portlet .k-textbox:hover .k-i-seek-n {
    background-position: 0 -64px; }
  html body.yp .ypw-portlet .k-i-seek-e {
    background-position: 0 -80px; }
  html body.yp .ypw-portlet .k-button:active .k-i-seek-e, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-e, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-e, html body.yp .ypw-portlet .k-state-hover > * > .k-i-seek-e, html body.yp .ypw-portlet .k-state-hover > .k-i-seek-e, html body.yp .ypw-portlet .k-textbox:hover .k-i-seek-e {
    background-position: 0 -80px; }
  html body.yp .ypw-portlet .k-rtl .k-i-seek-w {
    background-position: 0 -80px; }
  html body.yp .ypw-portlet .k-rtl .k-button:active .k-i-seek-w, html body.yp .ypw-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w, html body.yp .ypw-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-w, html body.yp .ypw-portlet .k-rtl .k-state-hover > * > .k-i-seek-w, html body.yp .ypw-portlet .k-rtl .k-state-hover > .k-i-seek-w, html body.yp .ypw-portlet .k-rtl .k-textbox:hover .k-i-seek-w {
    background-position: -16px -80px;
    background-position: 0 -80px; }
  html body.yp .ypw-portlet .k-i-seek-s {
    background-position: 0 -96px; }
  html body.yp .ypw-portlet .k-button:active .k-i-seek-s, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-s, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-s, html body.yp .ypw-portlet .k-state-hover > * > .k-i-seek-s, html body.yp .ypw-portlet .k-state-hover > .k-i-seek-s, html body.yp .ypw-portlet .k-textbox:hover .k-i-seek-s {
    background-position: 0 -96px; }
  html body.yp .ypw-portlet .k-i-seek-w {
    background-position: 0 -112px; }
  html body.yp .ypw-portlet .k-button:active .k-i-seek-w, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-w, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-w, html body.yp .ypw-portlet .k-state-hover > * > .k-i-seek-w, html body.yp .ypw-portlet .k-state-hover > .k-i-seek-w, html body.yp .ypw-portlet .k-textbox:hover .k-i-seek-w {
    background-position: 0 -112px; }
  html body.yp .ypw-portlet .k-rtl .k-i-seek-e {
    background-position: 0 -112px; }
  html body.yp .ypw-portlet .k-rtl .k-button:active .k-i-seek-e, html body.yp .ypw-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e, html body.yp .ypw-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-e, html body.yp .ypw-portlet .k-rtl .k-state-hover > * > .k-i-seek-e, html body.yp .ypw-portlet .k-rtl .k-state-hover > .k-i-seek-e, html body.yp .ypw-portlet .k-rtl .k-textbox:hover .k-i-seek-e {
    background-position: -16px -112px;
    background-position: 0 -112px; }
  html body.yp .ypw-portlet .k-i-sarrow-n, html body.yp .ypw-portlet .k-si-arrow-n {
    background-position: 0 -129px; }
  html body.yp .ypw-portlet .k-button:active .k-i-sarrow-n, html body.yp .ypw-portlet .k-button:active .k-si-arrow-n, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-sarrow-n, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-n, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-sarrow-n, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-n, html body.yp .ypw-portlet .k-state-hover > * > .k-i-sarrow-n, html body.yp .ypw-portlet .k-state-hover > * > .k-si-arrow-n, html body.yp .ypw-portlet .k-state-hover > .k-i-sarrow-n, html body.yp .ypw-portlet .k-state-hover > .k-si-arrow-n, html body.yp .ypw-portlet .k-textbox:hover .k-i-sarrow-n, html body.yp .ypw-portlet .k-textbox:hover .k-si-arrow-n {
    background-position: -16px -129px; }
  html body.yp .ypw-portlet .k-i-sarrow-e, html body.yp .ypw-portlet .k-si-arrow-e {
    background-position: 0 -144px; }
  html body.yp .ypw-portlet .k-button:active .k-i-sarrow-e, html body.yp .ypw-portlet .k-button:active .k-si-arrow-e, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-sarrow-e, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-e, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-sarrow-e, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-e, html body.yp .ypw-portlet .k-state-hover > * > .k-i-sarrow-e, html body.yp .ypw-portlet .k-state-hover > * > .k-si-arrow-e, html body.yp .ypw-portlet .k-state-hover > .k-i-sarrow-e, html body.yp .ypw-portlet .k-state-hover > .k-si-arrow-e, html body.yp .ypw-portlet .k-textbox:hover .k-i-sarrow-e, html body.yp .ypw-portlet .k-textbox:hover .k-si-arrow-e {
    background-position: 0 -144px; }
  html body.yp .ypw-portlet .k-i-sarrow-s, html body.yp .ypw-portlet .k-si-arrow-s {
    background-position: 0 -159px; }
  html body.yp .ypw-portlet .k-button:active .k-i-sarrow-s, html body.yp .ypw-portlet .k-button:active .k-si-arrow-s, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-sarrow-s, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-s, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-sarrow-s, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-s, html body.yp .ypw-portlet .k-state-hover > * > .k-i-sarrow-s, html body.yp .ypw-portlet .k-state-hover > * > .k-si-arrow-s, html body.yp .ypw-portlet .k-state-hover > .k-i-sarrow-s, html body.yp .ypw-portlet .k-state-hover > .k-si-arrow-s, html body.yp .ypw-portlet .k-textbox:hover .k-i-sarrow-s, html body.yp .ypw-portlet .k-textbox:hover .k-si-arrow-s {
    background-position: -16px -159px; }
  html body.yp .ypw-portlet .k-i-sarrow-w, html body.yp .ypw-portlet .k-si-arrow-w {
    background-position: 0 -176px; }
  html body.yp .ypw-portlet .k-button:active .k-i-sarrow-w, html body.yp .ypw-portlet .k-button:active .k-si-arrow-w, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-sarrow-w, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-w, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-sarrow-w, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-w, html body.yp .ypw-portlet .k-state-hover > * > .k-i-sarrow-w, html body.yp .ypw-portlet .k-state-hover > * > .k-si-arrow-w, html body.yp .ypw-portlet .k-state-hover > .k-i-sarrow-w, html body.yp .ypw-portlet .k-state-hover > .k-si-arrow-w, html body.yp .ypw-portlet .k-textbox:hover .k-i-sarrow-w, html body.yp .ypw-portlet .k-textbox:hover .k-si-arrow-w {
    background-position: 0 -176px; }
  html body.yp .ypw-portlet .k-i-arrowhead-n {
    background-position: 0 -256px; }
  html body.yp .ypw-portlet .k-button:active .k-i-arrowhead-n, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-n, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n, html body.yp .ypw-portlet .k-state-hover > * > .k-i-arrowhead-n, html body.yp .ypw-portlet .k-state-hover > .k-i-arrowhead-n, html body.yp .ypw-portlet .k-textbox:hover .k-i-arrowhead-n {
    background-position: 0 -256px; }
  html body.yp .ypw-portlet .k-i-arrowhead-e {
    background-position: 0 -272px; }
  html body.yp .ypw-portlet .k-button:active .k-i-arrowhead-e, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-e, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e, html body.yp .ypw-portlet .k-state-hover > * > .k-i-arrowhead-e, html body.yp .ypw-portlet .k-state-hover > .k-i-arrowhead-e, html body.yp .ypw-portlet .k-textbox:hover .k-i-arrowhead-e {
    background-position: 0 -272px; }
  html body.yp .ypw-portlet .k-i-arrowhead-s {
    background-position: 0 -288px; }
  html body.yp .ypw-portlet .k-button:active .k-i-arrowhead-s, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s, html body.yp .ypw-portlet .k-state-hover > * > .k-i-arrowhead-s, html body.yp .ypw-portlet .k-state-hover > .k-i-arrowhead-s, html body.yp .ypw-portlet .k-textbox:hover .k-i-arrowhead-s {
    background-position: 0 -288px; }
  html body.yp .ypw-portlet .k-i-arrowhead-w {
    background-position: 0 -304px; }
  html body.yp .ypw-portlet .k-button:active .k-i-arrowhead-w, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-w, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w, html body.yp .ypw-portlet .k-state-hover > * > .k-i-arrowhead-w, html body.yp .ypw-portlet .k-state-hover > .k-i-arrowhead-w, html body.yp .ypw-portlet .k-textbox:hover .k-i-arrowhead-w {
    background-position: 0 -304px; }
  html body.yp .ypw-portlet .k-i-expand, html body.yp .ypw-portlet .k-i-plus, html body.yp .ypw-portlet .k-i-plus-disabled, html body.yp .ypw-portlet .k-plus, html body.yp .ypw-portlet .k-plus-disabled {
    background-position: 0 -192px; }
  html body.yp .ypw-portlet .k-button:active .k-i-expand, html body.yp .ypw-portlet .k-button:active .k-i-plus, html body.yp .ypw-portlet .k-button:active .k-i-plus-disabled, html body.yp .ypw-portlet .k-button:active .k-plus, html body.yp .ypw-portlet .k-button:active .k-plus-disabled, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-expand, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-plus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-plus-disabled, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-plus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-plus-disabled, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-expand, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-plus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-plus-disabled, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-plus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-plus-disabled, html body.yp .ypw-portlet .k-state-hover > * > .k-i-expand, html body.yp .ypw-portlet .k-state-hover > * > .k-i-plus, html body.yp .ypw-portlet .k-state-hover > * > .k-i-plus-disabled, html body.yp .ypw-portlet .k-state-hover > * > .k-plus, html body.yp .ypw-portlet .k-state-hover > * > .k-plus-disabled, html body.yp .ypw-portlet .k-state-hover > .k-i-expand, html body.yp .ypw-portlet .k-state-hover > .k-i-plus, html body.yp .ypw-portlet .k-state-hover > .k-i-plus-disabled, html body.yp .ypw-portlet .k-state-hover > .k-plus, html body.yp .ypw-portlet .k-state-hover > .k-plus-disabled, html body.yp .ypw-portlet .k-textbox:hover .k-i-expand, html body.yp .ypw-portlet .k-textbox:hover .k-i-plus, html body.yp .ypw-portlet .k-textbox:hover .k-i-plus-disabled, html body.yp .ypw-portlet .k-textbox:hover .k-plus, html body.yp .ypw-portlet .k-textbox:hover .k-plus-disabled {
    background-position: 0 -192px; }
  html body.yp .ypw-portlet .k-i-expand-w, html body.yp .ypw-portlet .k-rtl .k-i-expand, html body.yp .ypw-portlet .k-rtl .k-i-plus, html body.yp .ypw-portlet .k-rtl .k-i-plus-disabled, html body.yp .ypw-portlet .k-rtl .k-plus, html body.yp .ypw-portlet .k-rtl .k-plus-disabled {
    background-position: 0 -208px; }
  html body.yp .ypw-portlet .k-button:active .k-i-expand-w, html body.yp .ypw-portlet .k-button:active .k-rtl .k-i-expand, html body.yp .ypw-portlet .k-button:active .k-rtl .k-i-plus, html body.yp .ypw-portlet .k-button:active .k-rtl .k-i-plus-disabled, html body.yp .ypw-portlet .k-button:active .k-rtl .k-plus, html body.yp .ypw-portlet .k-button:active .k-rtl .k-plus-disabled, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-expand-w, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-plus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-plus-disabled, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-plus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-expand-w, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-plus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-plus-disabled, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled, html body.yp .ypw-portlet .k-state-hover > * > .k-i-expand-w, html body.yp .ypw-portlet .k-state-hover > * > .k-rtl .k-i-expand, html body.yp .ypw-portlet .k-state-hover > * > .k-rtl .k-i-plus, html body.yp .ypw-portlet .k-state-hover > * > .k-rtl .k-i-plus-disabled, html body.yp .ypw-portlet .k-state-hover > * > .k-rtl .k-plus, html body.yp .ypw-portlet .k-state-hover > * > .k-rtl .k-plus-disabled, html body.yp .ypw-portlet .k-state-hover > .k-i-expand-w, html body.yp .ypw-portlet .k-state-hover > .k-rtl .k-i-expand, html body.yp .ypw-portlet .k-state-hover > .k-rtl .k-i-plus, html body.yp .ypw-portlet .k-state-hover > .k-rtl .k-i-plus-disabled, html body.yp .ypw-portlet .k-state-hover > .k-rtl .k-plus, html body.yp .ypw-portlet .k-state-hover > .k-rtl .k-plus-disabled, html body.yp .ypw-portlet .k-textbox:hover .k-i-expand-w, html body.yp .ypw-portlet .k-textbox:hover .k-rtl .k-i-expand, html body.yp .ypw-portlet .k-textbox:hover .k-rtl .k-i-plus, html body.yp .ypw-portlet .k-textbox:hover .k-rtl .k-i-plus-disabled, html body.yp .ypw-portlet .k-textbox:hover .k-rtl .k-plus, html body.yp .ypw-portlet .k-textbox:hover .k-rtl .k-plus-disabled {
    background-position: 0 -208px; }
  html body.yp .ypw-portlet .k-i-collapse, html body.yp .ypw-portlet .k-i-minus, html body.yp .ypw-portlet .k-i-minus-disabled, html body.yp .ypw-portlet .k-minus, html body.yp .ypw-portlet .k-minus-disabled {
    background-position: 0 -224px; }
  html body.yp .ypw-portlet .k-button:active .k-i-collapse, html body.yp .ypw-portlet .k-button:active .k-i-minus, html body.yp .ypw-portlet .k-button:active .k-i-minus-disabled, html body.yp .ypw-portlet .k-button:active .k-minus, html body.yp .ypw-portlet .k-button:active .k-minus-disabled, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-collapse, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-minus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-minus-disabled, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-minus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-minus-disabled, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-collapse, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-minus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-minus-disabled, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-minus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-minus-disabled, html body.yp .ypw-portlet .k-state-hover > * > .k-i-collapse, html body.yp .ypw-portlet .k-state-hover > * > .k-i-minus, html body.yp .ypw-portlet .k-state-hover > * > .k-i-minus-disabled, html body.yp .ypw-portlet .k-state-hover > * > .k-minus, html body.yp .ypw-portlet .k-state-hover > * > .k-minus-disabled, html body.yp .ypw-portlet .k-state-hover > .k-i-collapse, html body.yp .ypw-portlet .k-state-hover > .k-i-minus, html body.yp .ypw-portlet .k-state-hover > .k-i-minus-disabled, html body.yp .ypw-portlet .k-state-hover > .k-minus, html body.yp .ypw-portlet .k-state-hover > .k-minus-disabled, html body.yp .ypw-portlet .k-textbox:hover .k-i-collapse, html body.yp .ypw-portlet .k-textbox:hover .k-i-minus, html body.yp .ypw-portlet .k-textbox:hover .k-i-minus-disabled, html body.yp .ypw-portlet .k-textbox:hover .k-minus, html body.yp .ypw-portlet .k-textbox:hover .k-minus-disabled {
    background-position: 0 -224px; }
  html body.yp .ypw-portlet .k-i-collapse-w, html body.yp .ypw-portlet .k-rtl .k-i-collapse, html body.yp .ypw-portlet .k-rtl .k-i-minus, html body.yp .ypw-portlet .k-rtl .k-i-minus-disabled, html body.yp .ypw-portlet .k-rtl .k-minus, html body.yp .ypw-portlet .k-rtl .k-minus-disabled {
    background-position: 0 -240px; }
  html body.yp .ypw-portlet .k-button:active .k-i-collapse-w, html body.yp .ypw-portlet .k-button:active .k-rtl .k-i-collapse, html body.yp .ypw-portlet .k-button:active .k-rtl .k-i-minus, html body.yp .ypw-portlet .k-button:active .k-rtl .k-i-minus-disabled, html body.yp .ypw-portlet .k-button:active .k-rtl .k-minus, html body.yp .ypw-portlet .k-button:active .k-rtl .k-minus-disabled, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-collapse-w, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-minus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-minus-disabled, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-minus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-collapse-w, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-minus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-minus-disabled, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled, html body.yp .ypw-portlet .k-state-hover > * > .k-i-collapse-w, html body.yp .ypw-portlet .k-state-hover > * > .k-rtl .k-i-collapse, html body.yp .ypw-portlet .k-state-hover > * > .k-rtl .k-i-minus, html body.yp .ypw-portlet .k-state-hover > * > .k-rtl .k-i-minus-disabled, html body.yp .ypw-portlet .k-state-hover > * > .k-rtl .k-minus, html body.yp .ypw-portlet .k-state-hover > * > .k-rtl .k-minus-disabled, html body.yp .ypw-portlet .k-state-hover > .k-i-collapse-w, html body.yp .ypw-portlet .k-state-hover > .k-rtl .k-i-collapse, html body.yp .ypw-portlet .k-state-hover > .k-rtl .k-i-minus, html body.yp .ypw-portlet .k-state-hover > .k-rtl .k-i-minus-disabled, html body.yp .ypw-portlet .k-state-hover > .k-rtl .k-minus, html body.yp .ypw-portlet .k-state-hover > .k-rtl .k-minus-disabled, html body.yp .ypw-portlet .k-textbox:hover .k-i-collapse-w, html body.yp .ypw-portlet .k-textbox:hover .k-rtl .k-i-collapse, html body.yp .ypw-portlet .k-textbox:hover .k-rtl .k-i-minus, html body.yp .ypw-portlet .k-textbox:hover .k-rtl .k-i-minus-disabled, html body.yp .ypw-portlet .k-textbox:hover .k-rtl .k-minus, html body.yp .ypw-portlet .k-textbox:hover .k-rtl .k-minus-disabled {
    background-position: 0 -240px; }
  html body.yp .ypw-portlet .k-edit, html body.yp .ypw-portlet .k-i-edit, html body.yp .ypw-portlet .k-i-pencil {
    background-position: -32px 0; }
  html body.yp .ypw-portlet .k-button:active .k-edit, html body.yp .ypw-portlet .k-button:active .k-i-edit, html body.yp .ypw-portlet .k-button:active .k-i-pencil, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-edit, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-edit, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-pencil, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-edit, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-edit, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-pencil, html body.yp .ypw-portlet .k-state-hover > * > .k-edit, html body.yp .ypw-portlet .k-state-hover > * > .k-i-edit, html body.yp .ypw-portlet .k-state-hover > * > .k-i-pencil, html body.yp .ypw-portlet .k-state-hover > .k-edit, html body.yp .ypw-portlet .k-state-hover > .k-i-edit, html body.yp .ypw-portlet .k-state-hover > .k-i-pencil, html body.yp .ypw-portlet .k-textbox:hover .k-edit, html body.yp .ypw-portlet .k-textbox:hover .k-i-edit, html body.yp .ypw-portlet .k-textbox:hover .k-i-pencil {
    background-position: -32px 0; }
  html body.yp .ypw-portlet .k-delete, html body.yp .ypw-portlet .k-group-delete, html body.yp .ypw-portlet .k-i-close, html body.yp .ypw-portlet .k-i-delete, html body.yp .ypw-portlet .k-i-group-delete {
    background-position: -32px -16px; }
  html body.yp .ypw-portlet .k-button:active .k-delete, html body.yp .ypw-portlet .k-button:active .k-group-delete, html body.yp .ypw-portlet .k-button:active .k-i-close, html body.yp .ypw-portlet .k-button:active .k-i-delete, html body.yp .ypw-portlet .k-button:active .k-i-group-delete, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-delete, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-group-delete, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-close, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-delete, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-group-delete, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-delete, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-group-delete, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-close, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-delete, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-group-delete, html body.yp .ypw-portlet .k-state-hover > * > .k-delete, html body.yp .ypw-portlet .k-state-hover > * > .k-group-delete, html body.yp .ypw-portlet .k-state-hover > * > .k-i-close, html body.yp .ypw-portlet .k-state-hover > * > .k-i-delete, html body.yp .ypw-portlet .k-state-hover > * > .k-i-group-delete, html body.yp .ypw-portlet .k-state-hover > .k-delete, html body.yp .ypw-portlet .k-state-hover > .k-group-delete, html body.yp .ypw-portlet .k-state-hover > .k-i-close, html body.yp .ypw-portlet .k-state-hover > .k-i-delete, html body.yp .ypw-portlet .k-state-hover > .k-i-group-delete, html body.yp .ypw-portlet .k-textbox:hover .k-delete, html body.yp .ypw-portlet .k-textbox:hover .k-group-delete, html body.yp .ypw-portlet .k-textbox:hover .k-i-close, html body.yp .ypw-portlet .k-textbox:hover .k-i-delete, html body.yp .ypw-portlet .k-textbox:hover .k-i-group-delete {
    background-position: -32px -16px; }
  html body.yp .ypw-portlet .k-si-close {
    background-position: -160px -80px; }
  html body.yp .ypw-portlet .k-button:active .k-si-close, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-si-close, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-si-close, html body.yp .ypw-portlet .k-state-hover > * > .k-si-close, html body.yp .ypw-portlet .k-state-hover > .k-si-close, html body.yp .ypw-portlet .k-textbox:hover .k-si-close {
    background-position: -160px -80px; }
  html body.yp .ypw-portlet .k-multiselect .k-delete, html body.yp .ypw-portlet .k-multiselect .k-i-delete {
    background-position: -160px -80px; }
  html body.yp .ypw-portlet .k-multiselect .k-state-hover .k-delete, html body.yp .ypw-portlet .k-multiselect .k-state-hover .k-i-delete {
    background-position: -176px -80px; }
  html body.yp .ypw-portlet .k-i-insert, html body.yp .ypw-portlet .k-i-tick, html body.yp .ypw-portlet .k-i-update, html body.yp .ypw-portlet .k-insert, html body.yp .ypw-portlet .k-update {
    background-position: -32px -32px; }
  html body.yp .ypw-portlet .k-button:active .k-i-insert, html body.yp .ypw-portlet .k-button:active .k-i-tick, html body.yp .ypw-portlet .k-button:active .k-i-update, html body.yp .ypw-portlet .k-button:active .k-insert, html body.yp .ypw-portlet .k-button:active .k-update, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-insert, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-tick, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-update, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-insert, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-update, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-tick, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-update, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-insert, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-update, html body.yp .ypw-portlet .k-state-hover > * > .k-i-insert, html body.yp .ypw-portlet .k-state-hover > * > .k-i-tick, html body.yp .ypw-portlet .k-state-hover > * > .k-i-update, html body.yp .ypw-portlet .k-state-hover > * > .k-insert, html body.yp .ypw-portlet .k-state-hover > * > .k-update, html body.yp .ypw-portlet .k-state-hover > .k-i-insert, html body.yp .ypw-portlet .k-state-hover > .k-i-tick, html body.yp .ypw-portlet .k-state-hover > .k-i-update, html body.yp .ypw-portlet .k-state-hover > .k-insert, html body.yp .ypw-portlet .k-state-hover > .k-update, html body.yp .ypw-portlet .k-textbox:hover .k-i-insert, html body.yp .ypw-portlet .k-textbox:hover .k-i-tick, html body.yp .ypw-portlet .k-textbox:hover .k-i-update, html body.yp .ypw-portlet .k-textbox:hover .k-insert, html body.yp .ypw-portlet .k-textbox:hover .k-update {
    background-position: -32px -32px; }
  html body.yp .ypw-portlet .k-check:checked, html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=checkbox], html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px; }
  html body.yp .ypw-portlet .k-button:active .k-check:checked, html body.yp .ypw-portlet .k-button:active .k-mobile-list .k-edit-field [type=checkbox], html body.yp .ypw-portlet .k-button:active .k-mobile-list .k-edit-field [type=radio], html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-check:checked, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox], html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio], html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-check:checked, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=checkbox], html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=radio], html body.yp .ypw-portlet .k-state-hover > * > .k-check:checked, html body.yp .ypw-portlet .k-state-hover > * > .k-mobile-list .k-edit-field [type=checkbox], html body.yp .ypw-portlet .k-state-hover > * > .k-mobile-list .k-edit-field [type=radio], html body.yp .ypw-portlet .k-state-hover > .k-check:checked, html body.yp .ypw-portlet .k-state-hover > .k-mobile-list .k-edit-field [type=checkbox], html body.yp .ypw-portlet .k-state-hover > .k-mobile-list .k-edit-field [type=radio], html body.yp .ypw-portlet .k-textbox:hover .k-check:checked, html body.yp .ypw-portlet .k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox], html body.yp .ypw-portlet .k-textbox:hover .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px; }
  html body.yp .ypw-portlet .k-cancel, html body.yp .ypw-portlet .k-denied, html body.yp .ypw-portlet .k-i-cancel, html body.yp .ypw-portlet .k-i-denied {
    background-position: -32px -48px; }
  html body.yp .ypw-portlet .k-button:active .k-cancel, html body.yp .ypw-portlet .k-button:active .k-denied, html body.yp .ypw-portlet .k-button:active .k-i-cancel, html body.yp .ypw-portlet .k-button:active .k-i-denied, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-cancel, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-denied, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-cancel, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-denied, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-cancel, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-denied, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-cancel, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-denied, html body.yp .ypw-portlet .k-state-hover > * > .k-cancel, html body.yp .ypw-portlet .k-state-hover > * > .k-denied, html body.yp .ypw-portlet .k-state-hover > * > .k-i-cancel, html body.yp .ypw-portlet .k-state-hover > * > .k-i-denied, html body.yp .ypw-portlet .k-state-hover > .k-cancel, html body.yp .ypw-portlet .k-state-hover > .k-denied, html body.yp .ypw-portlet .k-state-hover > .k-i-cancel, html body.yp .ypw-portlet .k-state-hover > .k-i-denied, html body.yp .ypw-portlet .k-textbox:hover .k-cancel, html body.yp .ypw-portlet .k-textbox:hover .k-denied, html body.yp .ypw-portlet .k-textbox:hover .k-i-cancel, html body.yp .ypw-portlet .k-textbox:hover .k-i-denied {
    background-position: -32px -48px; }
  html body.yp .ypw-portlet .k-add, html body.yp .ypw-portlet .k-i-add, html body.yp .ypw-portlet .k-i-plus {
    background-position: -32px -64px; }
  html body.yp .ypw-portlet .k-button:active .k-add, html body.yp .ypw-portlet .k-button:active .k-i-add, html body.yp .ypw-portlet .k-button:active .k-i-plus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-add, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-add, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-plus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-add, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-add, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-plus, html body.yp .ypw-portlet .k-state-hover > * > .k-add, html body.yp .ypw-portlet .k-state-hover > * > .k-i-add, html body.yp .ypw-portlet .k-state-hover > * > .k-i-plus, html body.yp .ypw-portlet .k-state-hover > .k-add, html body.yp .ypw-portlet .k-state-hover > .k-i-add, html body.yp .ypw-portlet .k-state-hover > .k-i-plus, html body.yp .ypw-portlet .k-textbox:hover .k-add, html body.yp .ypw-portlet .k-textbox:hover .k-i-add, html body.yp .ypw-portlet .k-textbox:hover .k-i-plus {
    background-position: -32px -64px; }
  html body.yp .ypw-portlet .k-filter, html body.yp .ypw-portlet .k-i-filter, html body.yp .ypw-portlet .k-i-funnel {
    background-position: -32px -80px; }
  html body.yp .ypw-portlet .k-button:active .k-filter, html body.yp .ypw-portlet .k-button:active .k-i-filter, html body.yp .ypw-portlet .k-button:active .k-i-funnel, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-filter, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-filter, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-funnel, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-filter, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-filter, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-funnel, html body.yp .ypw-portlet .k-state-hover > * > .k-filter, html body.yp .ypw-portlet .k-state-hover > * > .k-i-filter, html body.yp .ypw-portlet .k-state-hover > * > .k-i-funnel, html body.yp .ypw-portlet .k-state-hover > .k-filter, html body.yp .ypw-portlet .k-state-hover > .k-i-filter, html body.yp .ypw-portlet .k-state-hover > .k-i-funnel, html body.yp .ypw-portlet .k-textbox:hover .k-filter, html body.yp .ypw-portlet .k-textbox:hover .k-i-filter, html body.yp .ypw-portlet .k-textbox:hover .k-i-funnel {
    background-position: -32px -80px; }
  html body.yp .ypw-portlet .k-clear-filter, html body.yp .ypw-portlet .k-i-clear-filter, html body.yp .ypw-portlet .k-i-funnel-clear {
    background-position: -32px -96px; }
  html body.yp .ypw-portlet .k-button:active .k-clear-filter, html body.yp .ypw-portlet .k-button:active .k-i-clear-filter, html body.yp .ypw-portlet .k-button:active .k-i-funnel-clear, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-clear-filter, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-clear-filter, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-funnel-clear, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-clear-filter, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-clear-filter, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-funnel-clear, html body.yp .ypw-portlet .k-state-hover > * > .k-clear-filter, html body.yp .ypw-portlet .k-state-hover > * > .k-i-clear-filter, html body.yp .ypw-portlet .k-state-hover > * > .k-i-funnel-clear, html body.yp .ypw-portlet .k-state-hover > .k-clear-filter, html body.yp .ypw-portlet .k-state-hover > .k-i-clear-filter, html body.yp .ypw-portlet .k-state-hover > .k-i-funnel-clear, html body.yp .ypw-portlet .k-textbox:hover .k-clear-filter, html body.yp .ypw-portlet .k-textbox:hover .k-i-clear-filter, html body.yp .ypw-portlet .k-textbox:hover .k-i-funnel-clear {
    background-position: -32px -96px; }
  html body.yp .ypw-portlet .k-i-lock {
    background-position: -64px 0; }
  html body.yp .ypw-portlet .k-button:active .k-i-lock, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-lock, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-lock, html body.yp .ypw-portlet .k-state-hover > * > .k-i-lock, html body.yp .ypw-portlet .k-state-hover > .k-i-lock, html body.yp .ypw-portlet .k-textbox:hover .k-i-lock {
    background-position: -64px 0; }
  html body.yp .ypw-portlet .k-i-unlock {
    background-position: -64px -16px; }
  html body.yp .ypw-portlet .k-button:active .k-i-unlock, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-unlock, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-unlock, html body.yp .ypw-portlet .k-state-hover > * > .k-i-unlock, html body.yp .ypw-portlet .k-state-hover > .k-i-unlock, html body.yp .ypw-portlet .k-textbox:hover .k-i-unlock {
    background-position: -64px -16px; }
  html body.yp .ypw-portlet .k-i-refresh {
    background-position: -32px -112px; }
  html body.yp .ypw-portlet .k-button:active .k-i-refresh, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-refresh, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-refresh, html body.yp .ypw-portlet .k-state-hover > * > .k-i-refresh, html body.yp .ypw-portlet .k-state-hover > .k-i-refresh, html body.yp .ypw-portlet .k-textbox:hover .k-i-refresh {
    background-position: -32px -112px; }
  html body.yp .ypw-portlet .k-i-exception {
    background-position: -160px -304px; }
  html body.yp .ypw-portlet .k-button:active .k-i-exception, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-exception, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-exception, html body.yp .ypw-portlet .k-state-hover > * > .k-i-exception, html body.yp .ypw-portlet .k-state-hover > .k-i-exception, html body.yp .ypw-portlet .k-textbox:hover .k-i-exception {
    background-position: -160px -304px; }
  html body.yp .ypw-portlet .k-i-restore {
    background-position: -32px -128px; }
  html body.yp .ypw-portlet .k-button:active .k-i-restore, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-restore, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-restore, html body.yp .ypw-portlet .k-state-hover > * > .k-i-restore, html body.yp .ypw-portlet .k-state-hover > .k-i-restore, html body.yp .ypw-portlet .k-textbox:hover .k-i-restore {
    background-position: -32px -128px; }
  html body.yp .ypw-portlet .k-i-maximize {
    background-position: -32px -144px; }
  html body.yp .ypw-portlet .k-button:active .k-i-maximize, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-maximize, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-maximize, html body.yp .ypw-portlet .k-state-hover > * > .k-i-maximize, html body.yp .ypw-portlet .k-state-hover > .k-i-maximize, html body.yp .ypw-portlet .k-textbox:hover .k-i-maximize {
    background-position: -32px -144px; }
  html body.yp .ypw-portlet .k-i-minimize {
    background-position: -64px -288px; }
  html body.yp .ypw-portlet .k-button:active .k-i-minimize, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-minimize, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-minimize, html body.yp .ypw-portlet .k-state-hover > * > .k-i-minimize, html body.yp .ypw-portlet .k-state-hover > .k-i-minimize, html body.yp .ypw-portlet .k-textbox:hover .k-i-minimize {
    background-position: -64px -288px; }
  html body.yp .ypw-portlet .k-i-pin {
    background-position: -160px -256px; }
  html body.yp .ypw-portlet .k-button:active .k-i-pin, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-pin, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-pin, html body.yp .ypw-portlet .k-state-hover > * > .k-i-pin, html body.yp .ypw-portlet .k-state-hover > .k-i-pin, html body.yp .ypw-portlet .k-textbox:hover .k-i-pin {
    background-position: -160px -256px; }
  html body.yp .ypw-portlet .k-i-unpin {
    background-position: -160px -272px; }
  html body.yp .ypw-portlet .k-button:active .k-i-unpin, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-unpin, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-unpin, html body.yp .ypw-portlet .k-state-hover > * > .k-i-unpin, html body.yp .ypw-portlet .k-state-hover > .k-i-unpin, html body.yp .ypw-portlet .k-textbox:hover .k-i-unpin {
    background-position: -160px -272px; }
  html body.yp .ypw-portlet .k-i-resize-se, html body.yp .ypw-portlet .k-resize-se {
    background-position: -32px -160px; }
  html body.yp .ypw-portlet .k-button:active .k-i-resize-se, html body.yp .ypw-portlet .k-button:active .k-resize-se, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-resize-se, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-resize-se, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-resize-se, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-resize-se, html body.yp .ypw-portlet .k-state-hover > * > .k-i-resize-se, html body.yp .ypw-portlet .k-state-hover > * > .k-resize-se, html body.yp .ypw-portlet .k-state-hover > .k-i-resize-se, html body.yp .ypw-portlet .k-state-hover > .k-resize-se, html body.yp .ypw-portlet .k-textbox:hover .k-i-resize-se, html body.yp .ypw-portlet .k-textbox:hover .k-resize-se {
    background-position: -32px -160px; }
  html body.yp .ypw-portlet .k-i-calendar {
    background-position: -32px -176px; }
  html body.yp .ypw-portlet .k-button:active .k-i-calendar, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-calendar, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-calendar, html body.yp .ypw-portlet .k-state-hover > * > .k-i-calendar, html body.yp .ypw-portlet .k-state-hover > .k-i-calendar, html body.yp .ypw-portlet .k-textbox:hover .k-i-calendar {
    background-position: -32px -176px; }
  html body.yp .ypw-portlet .k-i-clock {
    background-position: -32px -192px; }
  html body.yp .ypw-portlet .k-button:active .k-i-clock, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-clock, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-clock, html body.yp .ypw-portlet .k-state-hover > * > .k-i-clock, html body.yp .ypw-portlet .k-state-hover > .k-i-clock, html body.yp .ypw-portlet .k-textbox:hover .k-i-clock {
    background-position: -32px -192px; }
  html body.yp .ypw-portlet .k-i-splus, html body.yp .ypw-portlet .k-si-plus {
    background-position: -32px -208px; }
  html body.yp .ypw-portlet .k-button:active .k-i-splus, html body.yp .ypw-portlet .k-button:active .k-si-plus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-splus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-si-plus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-splus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-si-plus, html body.yp .ypw-portlet .k-state-hover > * > .k-i-splus, html body.yp .ypw-portlet .k-state-hover > * > .k-si-plus, html body.yp .ypw-portlet .k-state-hover > .k-i-splus, html body.yp .ypw-portlet .k-state-hover > .k-si-plus, html body.yp .ypw-portlet .k-textbox:hover .k-i-splus, html body.yp .ypw-portlet .k-textbox:hover .k-si-plus {
    background-position: -32px -208px; }
  html body.yp .ypw-portlet .k-i-sminus, html body.yp .ypw-portlet .k-si-minus {
    background-position: -32px -224px; }
  html body.yp .ypw-portlet .k-button:active .k-i-sminus, html body.yp .ypw-portlet .k-button:active .k-si-minus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-sminus, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-si-minus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-sminus, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-si-minus, html body.yp .ypw-portlet .k-state-hover > * > .k-i-sminus, html body.yp .ypw-portlet .k-state-hover > * > .k-si-minus, html body.yp .ypw-portlet .k-state-hover > .k-i-sminus, html body.yp .ypw-portlet .k-state-hover > .k-si-minus, html body.yp .ypw-portlet .k-textbox:hover .k-i-sminus, html body.yp .ypw-portlet .k-textbox:hover .k-si-minus {
    background-position: -32px -224px; }
  html body.yp .ypw-portlet .k-i-search {
    background-position: -32px -240px; }
  html body.yp .ypw-portlet .k-button:active .k-i-search, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-search, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-search, html body.yp .ypw-portlet .k-state-hover > * > .k-i-search, html body.yp .ypw-portlet .k-state-hover > .k-i-search, html body.yp .ypw-portlet .k-textbox:hover .k-i-search {
    background-position: -32px -240px; }
  html body.yp .ypw-portlet .k-i-custom {
    background-position: -115px -113px; }
  html body.yp .ypw-portlet .k-button:active .k-i-custom, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-custom, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-custom, html body.yp .ypw-portlet .k-state-hover > * > .k-i-custom, html body.yp .ypw-portlet .k-state-hover > .k-i-custom, html body.yp .ypw-portlet .k-textbox:hover .k-i-custom {
    background-position: -141px -113px; }
  html body.yp .ypw-portlet .k-editor .k-i-custom {
    background-position: -111px -109px; }
  html body.yp .ypw-portlet .k-i-view-html, html body.yp .ypw-portlet .k-viewHtml {
    background-position: -288px -120px; }
  html body.yp .ypw-portlet .k-i-insert-n, html body.yp .ypw-portlet .k-i-insert-top, html body.yp .ypw-portlet .k-insert-top {
    background-position: -160px -32px; }
  html body.yp .ypw-portlet .k-button:active .k-i-insert-n, html body.yp .ypw-portlet .k-button:active .k-i-insert-top, html body.yp .ypw-portlet .k-button:active .k-insert-top, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-n, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-top, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-insert-top, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-n, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-top, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-insert-top, html body.yp .ypw-portlet .k-state-hover > * > .k-i-insert-n, html body.yp .ypw-portlet .k-state-hover > * > .k-i-insert-top, html body.yp .ypw-portlet .k-state-hover > * > .k-insert-top, html body.yp .ypw-portlet .k-state-hover > .k-i-insert-n, html body.yp .ypw-portlet .k-state-hover > .k-i-insert-top, html body.yp .ypw-portlet .k-state-hover > .k-insert-top, html body.yp .ypw-portlet .k-textbox:hover .k-i-insert-n, html body.yp .ypw-portlet .k-textbox:hover .k-i-insert-top, html body.yp .ypw-portlet .k-textbox:hover .k-insert-top {
    background-position: -160px -32px; }
  html body.yp .ypw-portlet .k-i-insert-m, html body.yp .ypw-portlet .k-i-insert-middle, html body.yp .ypw-portlet .k-insert-middle {
    background-position: -160px -48px; }
  html body.yp .ypw-portlet .k-button:active .k-i-insert-m, html body.yp .ypw-portlet .k-button:active .k-i-insert-middle, html body.yp .ypw-portlet .k-button:active .k-insert-middle, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-m, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-middle, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-insert-middle, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-m, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-middle, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-insert-middle, html body.yp .ypw-portlet .k-state-hover > * > .k-i-insert-m, html body.yp .ypw-portlet .k-state-hover > * > .k-i-insert-middle, html body.yp .ypw-portlet .k-state-hover > * > .k-insert-middle, html body.yp .ypw-portlet .k-state-hover > .k-i-insert-m, html body.yp .ypw-portlet .k-state-hover > .k-i-insert-middle, html body.yp .ypw-portlet .k-state-hover > .k-insert-middle, html body.yp .ypw-portlet .k-textbox:hover .k-i-insert-m, html body.yp .ypw-portlet .k-textbox:hover .k-i-insert-middle, html body.yp .ypw-portlet .k-textbox:hover .k-insert-middle {
    background-position: -160px -48px; }
  html body.yp .ypw-portlet .k-i-insert-bottom, html body.yp .ypw-portlet .k-i-insert-s, html body.yp .ypw-portlet .k-insert-bottom {
    background-position: -160px -64px; }
  html body.yp .ypw-portlet .k-button:active .k-i-insert-bottom, html body.yp .ypw-portlet .k-button:active .k-i-insert-s, html body.yp .ypw-portlet .k-button:active .k-insert-bottom, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-bottom, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-s, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-insert-bottom, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-bottom, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-s, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-insert-bottom, html body.yp .ypw-portlet .k-state-hover > * > .k-i-insert-bottom, html body.yp .ypw-portlet .k-state-hover > * > .k-i-insert-s, html body.yp .ypw-portlet .k-state-hover > * > .k-insert-bottom, html body.yp .ypw-portlet .k-state-hover > .k-i-insert-bottom, html body.yp .ypw-portlet .k-state-hover > .k-i-insert-s, html body.yp .ypw-portlet .k-state-hover > .k-insert-bottom, html body.yp .ypw-portlet .k-textbox:hover .k-i-insert-bottom, html body.yp .ypw-portlet .k-textbox:hover .k-i-insert-s, html body.yp .ypw-portlet .k-textbox:hover .k-insert-bottom {
    background-position: -160px -64px; }
  html body.yp .ypw-portlet .k-drop-hint {
    background-position: 0 -326px; }
  html body.yp .ypw-portlet .k-i-error, html body.yp .ypw-portlet .k-i-info, html body.yp .ypw-portlet .k-i-note, html body.yp .ypw-portlet .k-i-success, html body.yp .ypw-portlet .k-i-warning, html body.yp .ypw-portlet .k-warning {
    background-position: -160px -240px; }
  html body.yp .ypw-portlet .k-button:active .k-i-error, html body.yp .ypw-portlet .k-button:active .k-i-info, html body.yp .ypw-portlet .k-button:active .k-i-note, html body.yp .ypw-portlet .k-button:active .k-i-success, html body.yp .ypw-portlet .k-button:active .k-i-warning, html body.yp .ypw-portlet .k-button:active .k-warning, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-error, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-info, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-note, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-success, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-warning, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-warning, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-error, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-info, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-note, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-success, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-warning, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-warning, html body.yp .ypw-portlet .k-state-hover > * > .k-i-error, html body.yp .ypw-portlet .k-state-hover > * > .k-i-info, html body.yp .ypw-portlet .k-state-hover > * > .k-i-note, html body.yp .ypw-portlet .k-state-hover > * > .k-i-success, html body.yp .ypw-portlet .k-state-hover > * > .k-i-warning, html body.yp .ypw-portlet .k-state-hover > * > .k-warning, html body.yp .ypw-portlet .k-state-hover > .k-i-error, html body.yp .ypw-portlet .k-state-hover > .k-i-info, html body.yp .ypw-portlet .k-state-hover > .k-i-note, html body.yp .ypw-portlet .k-state-hover > .k-i-success, html body.yp .ypw-portlet .k-state-hover > .k-i-warning, html body.yp .ypw-portlet .k-state-hover > .k-warning, html body.yp .ypw-portlet .k-textbox:hover .k-i-error, html body.yp .ypw-portlet .k-textbox:hover .k-i-info, html body.yp .ypw-portlet .k-textbox:hover .k-i-note, html body.yp .ypw-portlet .k-textbox:hover .k-i-success, html body.yp .ypw-portlet .k-textbox:hover .k-i-warning, html body.yp .ypw-portlet .k-textbox:hover .k-warning {
    background-position: -160px -240px; }
  html body.yp .ypw-portlet .k-i-sort-asc {
    background-position: -112px -240px; }
  html body.yp .ypw-portlet .k-button:active .k-i-sort-asc, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-sort-asc, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-sort-asc, html body.yp .ypw-portlet .k-state-hover > * > .k-i-sort-asc, html body.yp .ypw-portlet .k-state-hover > .k-i-sort-asc, html body.yp .ypw-portlet .k-textbox:hover .k-i-sort-asc {
    background-position: -112px -240px; }
  html body.yp .ypw-portlet .k-i-sort-desc {
    background-position: -112px -256px; }
  html body.yp .ypw-portlet .k-button:active .k-i-sort-desc, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-sort-desc, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-sort-desc, html body.yp .ypw-portlet .k-state-hover > * > .k-i-sort-desc, html body.yp .ypw-portlet .k-state-hover > .k-i-sort-desc, html body.yp .ypw-portlet .k-textbox:hover .k-i-sort-desc {
    background-position: -112px -256px; }
  html body.yp .ypw-portlet .k-i-group {
    background-position: -112px -272px; }
  html body.yp .ypw-portlet .k-button:active .k-i-group, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-group, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-group, html body.yp .ypw-portlet .k-state-hover > * > .k-i-group, html body.yp .ypw-portlet .k-state-hover > .k-i-group, html body.yp .ypw-portlet .k-textbox:hover .k-i-group {
    background-position: -112px -272px; }
  html body.yp .ypw-portlet .k-i-ungroup {
    background-position: -112px -288px; }
  html body.yp .ypw-portlet .k-button:active .k-i-ungroup, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-ungroup, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-ungroup, html body.yp .ypw-portlet .k-state-hover > * > .k-i-ungroup, html body.yp .ypw-portlet .k-state-hover > .k-i-ungroup, html body.yp .ypw-portlet .k-textbox:hover .k-i-ungroup {
    background-position: -112px -288px; }
  html body.yp .ypw-portlet .k-i-columns {
    background-position: -112px -304px; }
  html body.yp .ypw-portlet .k-button:active .k-i-columns, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-columns, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-columns, html body.yp .ypw-portlet .k-state-hover > * > .k-i-columns, html body.yp .ypw-portlet .k-state-hover > .k-i-columns, html body.yp .ypw-portlet .k-textbox:hover .k-i-columns {
    background-position: -112px -304px; }
  html body.yp .ypw-portlet .k-i-hbars {
    background-position: -64px -32px; }
  html body.yp .ypw-portlet .k-button:active .k-i-hbars, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-hbars, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-hbars, html body.yp .ypw-portlet .k-state-hover > * > .k-i-hbars, html body.yp .ypw-portlet .k-state-hover > .k-i-hbars, html body.yp .ypw-portlet .k-textbox:hover .k-i-hbars {
    background-position: -64px -32px; }
  html body.yp .ypw-portlet .k-i-vbars {
    background-position: -64px -48px; }
  html body.yp .ypw-portlet .k-button:active .k-i-vbars, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-vbars, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-vbars, html body.yp .ypw-portlet .k-state-hover > * > .k-i-vbars, html body.yp .ypw-portlet .k-state-hover > .k-i-vbars, html body.yp .ypw-portlet .k-textbox:hover .k-i-vbars {
    background-position: -64px -48px; }
  html body.yp .ypw-portlet .k-i-sum {
    background-position: -64px -64px; }
  html body.yp .ypw-portlet .k-button:active .k-i-sum, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-sum, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-sum, html body.yp .ypw-portlet .k-state-hover > * > .k-i-sum, html body.yp .ypw-portlet .k-state-hover > .k-i-sum, html body.yp .ypw-portlet .k-textbox:hover .k-i-sum {
    background-position: -64px -64px; }
  html body.yp .ypw-portlet .k-i-pdf {
    background-position: -64px -80px; }
  html body.yp .ypw-portlet .k-button:active .k-i-pdf, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-pdf, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-pdf, html body.yp .ypw-portlet .k-state-hover > * > .k-i-pdf, html body.yp .ypw-portlet .k-state-hover > .k-i-pdf, html body.yp .ypw-portlet .k-textbox:hover .k-i-pdf {
    background-position: -64px -80px; }
  html body.yp .ypw-portlet .k-i-excel {
    background-position: -64px -96px; }
  html body.yp .ypw-portlet .k-button:active .k-i-excel, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-excel, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-excel, html body.yp .ypw-portlet .k-state-hover > * > .k-i-excel, html body.yp .ypw-portlet .k-state-hover > .k-i-excel, html body.yp .ypw-portlet .k-textbox:hover .k-i-excel {
    background-position: -64px -96px; }
  html body.yp .ypw-portlet .k-i-rotatecw {
    background-position: -64px -112px; }
  html body.yp .ypw-portlet .k-button:active .k-i-rotatecw, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-rotatecw, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-rotatecw, html body.yp .ypw-portlet .k-state-hover > * > .k-i-rotatecw, html body.yp .ypw-portlet .k-state-hover > .k-i-rotatecw, html body.yp .ypw-portlet .k-textbox:hover .k-i-rotatecw {
    background-position: -64px -112px; }
  html body.yp .ypw-portlet .k-i-rotateccw {
    background-position: -64px -128px; }
  html body.yp .ypw-portlet .k-button:active .k-i-rotateccw, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-rotateccw, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-rotateccw, html body.yp .ypw-portlet .k-state-hover > * > .k-i-rotateccw, html body.yp .ypw-portlet .k-state-hover > .k-i-rotateccw, html body.yp .ypw-portlet .k-textbox:hover .k-i-rotateccw {
    background-position: -64px -128px; }
  html body.yp .ypw-portlet .k-i-undo {
    background-position: -64px -160px; }
  html body.yp .ypw-portlet .k-button:active .k-i-undo, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-undo, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-undo, html body.yp .ypw-portlet .k-state-hover > * > .k-i-undo, html body.yp .ypw-portlet .k-state-hover > .k-i-undo, html body.yp .ypw-portlet .k-textbox:hover .k-i-undo {
    background-position: -64px -160px; }
  html body.yp .ypw-portlet .k-i-redo {
    background-position: -64px -144px; }
  html body.yp .ypw-portlet .k-button:active .k-i-redo, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-redo, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-redo, html body.yp .ypw-portlet .k-state-hover > * > .k-i-redo, html body.yp .ypw-portlet .k-state-hover > .k-i-redo, html body.yp .ypw-portlet .k-textbox:hover .k-i-redo {
    background-position: -64px -144px; }
  html body.yp .ypw-portlet .k-i-shape {
    background-position: -64px -176px; }
  html body.yp .ypw-portlet .k-button:active .k-i-shape, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-shape, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-shape, html body.yp .ypw-portlet .k-state-hover > * > .k-i-shape, html body.yp .ypw-portlet .k-state-hover > .k-i-shape, html body.yp .ypw-portlet .k-textbox:hover .k-i-shape {
    background-position: -64px -176px; }
  html body.yp .ypw-portlet .k-i-connector {
    background-position: -64px -192px; }
  html body.yp .ypw-portlet .k-button:active .k-i-connector, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-connector, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-connector, html body.yp .ypw-portlet .k-state-hover > * > .k-i-connector, html body.yp .ypw-portlet .k-state-hover > .k-i-connector, html body.yp .ypw-portlet .k-textbox:hover .k-i-connector {
    background-position: -64px -192px; }
  html body.yp .ypw-portlet .k-i-kpi {
    background-position: -64px -208px; }
  html body.yp .ypw-portlet .k-button:active .k-i-kpi, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-kpi, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-kpi, html body.yp .ypw-portlet .k-state-hover > * > .k-i-kpi, html body.yp .ypw-portlet .k-state-hover > .k-i-kpi, html body.yp .ypw-portlet .k-textbox:hover .k-i-kpi {
    background-position: -64px -208px; }
  html body.yp .ypw-portlet .k-i-dimension {
    background-position: -64px -224px; }
  html body.yp .ypw-portlet .k-button:active .k-i-dimension, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-dimension, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-dimension, html body.yp .ypw-portlet .k-state-hover > * > .k-i-dimension, html body.yp .ypw-portlet .k-state-hover > .k-i-dimension, html body.yp .ypw-portlet .k-textbox:hover .k-i-dimension {
    background-position: -64px -224px; }
  html body.yp .ypw-portlet .k-file, html body.yp .ypw-portlet .k-i-file {
    background-position: 0 0; }
  html body.yp .ypw-portlet .k-button:active .k-file, html body.yp .ypw-portlet .k-button:active .k-i-file, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-file, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-file, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-file, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-file, html body.yp .ypw-portlet .k-state-hover > * > .k-file, html body.yp .ypw-portlet .k-state-hover > * > .k-i-file, html body.yp .ypw-portlet .k-state-hover > .k-file, html body.yp .ypw-portlet .k-state-hover > .k-i-file, html body.yp .ypw-portlet .k-textbox:hover .k-file, html body.yp .ypw-portlet .k-textbox:hover .k-i-file {
    background-position: 0 0; }
  html body.yp .ypw-portlet .k-addfolder, html body.yp .ypw-portlet .k-i-add-folder, html body.yp .ypw-portlet .k-i-folder-add {
    background-position: -32px -272px; }
  html body.yp .ypw-portlet .k-button:active .k-addfolder, html body.yp .ypw-portlet .k-button:active .k-i-add-folder, html body.yp .ypw-portlet .k-button:active .k-i-folder-add, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-addfolder, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-add-folder, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-folder-add, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-addfolder, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-add-folder, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-folder-add, html body.yp .ypw-portlet .k-state-hover > * > .k-addfolder, html body.yp .ypw-portlet .k-state-hover > * > .k-i-add-folder, html body.yp .ypw-portlet .k-state-hover > * > .k-i-folder-add, html body.yp .ypw-portlet .k-state-hover > .k-addfolder, html body.yp .ypw-portlet .k-state-hover > .k-i-add-folder, html body.yp .ypw-portlet .k-state-hover > .k-i-folder-add, html body.yp .ypw-portlet .k-textbox:hover .k-addfolder, html body.yp .ypw-portlet .k-textbox:hover .k-i-add-folder, html body.yp .ypw-portlet .k-textbox:hover .k-i-folder-add {
    background-position: -32px -272px; }
  html body.yp .ypw-portlet .k-goup, html body.yp .ypw-portlet .k-i-folder-up, html body.yp .ypw-portlet .k-i-go-up {
    background-position: -32px -288px; }
  html body.yp .ypw-portlet .k-button:active .k-goup, html body.yp .ypw-portlet .k-button:active .k-i-folder-up, html body.yp .ypw-portlet .k-button:active .k-i-go-up, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-goup, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-folder-up, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-go-up, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-goup, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-folder-up, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-go-up, html body.yp .ypw-portlet .k-state-hover > * > .k-goup, html body.yp .ypw-portlet .k-state-hover > * > .k-i-folder-up, html body.yp .ypw-portlet .k-state-hover > * > .k-i-go-up, html body.yp .ypw-portlet .k-state-hover > .k-goup, html body.yp .ypw-portlet .k-state-hover > .k-i-folder-up, html body.yp .ypw-portlet .k-state-hover > .k-i-go-up, html body.yp .ypw-portlet .k-textbox:hover .k-goup, html body.yp .ypw-portlet .k-textbox:hover .k-i-folder-up, html body.yp .ypw-portlet .k-textbox:hover .k-i-go-up {
    background-position: -32px -288px; }
  html body.yp .ypw-portlet .k-i-more {
    background-position: -64px -32px; }
  html body.yp .ypw-portlet .k-button:active .k-i-more, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-more, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-more, html body.yp .ypw-portlet .k-state-hover > * > .k-i-more, html body.yp .ypw-portlet .k-state-hover > .k-i-more, html body.yp .ypw-portlet .k-textbox:hover .k-i-more {
    background-position: -64px -32px; }
  html body.yp .ypw-portlet .k-i-gantt-toggle {
    background-position: -64px -240px; }
  html body.yp .ypw-portlet .k-button:active .k-i-gantt-toggle, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-gantt-toggle, html body.yp .ypw-portlet .k-state-hover > * > .k-i-gantt-toggle, html body.yp .ypw-portlet .k-state-hover > .k-i-gantt-toggle, html body.yp .ypw-portlet .k-textbox:hover .k-i-gantt-toggle {
    background-position: -64px -240px; }
  html body.yp .ypw-portlet .k-file > .k-icon {
    background-position: -115px -91px; }
  html body.yp .ypw-portlet .k-image {
    border: 0; }
  html body.yp .ypw-portlet .k-breadcrumbs:hover .k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .ypw-portlet .k-breadcrumbs:hover .k-i-arrow-e {
    background-position: 0 -16px; }
  html body.yp .ypw-portlet .k-gantt-views > .k-current-view > .k-link:after, html body.yp .ypw-portlet .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: 0 -32px; }
  html body.yp .ypw-portlet .k-button:active .k-gantt-views > .k-current-view > .k-link:after, html body.yp .ypw-portlet .k-button:active .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-button:active .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-gantt-views > .k-current-view > .k-link:after, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-gantt-views > .k-current-view > .k-link:after, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .ypw-portlet .k-state-hover > * > .k-gantt-views > .k-current-view > .k-link:after, html body.yp .ypw-portlet .k-state-hover > * > .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-state-hover > * > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .ypw-portlet .k-state-hover > .k-gantt-views > .k-current-view > .k-link:after, html body.yp .ypw-portlet .k-state-hover > .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-state-hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .ypw-portlet .k-textbox:hover .k-gantt-views > .k-current-view > .k-link:after, html body.yp .ypw-portlet .k-textbox:hover .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-textbox:hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: 0 -32px; }
  html body.yp .ypw-portlet html .k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0; }
  html body.yp .ypw-portlet html .k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff; }
  html body.yp .ypw-portlet html .k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0; }
  html body.yp .ypw-portlet .k-inline-block {
    padding: 0 2px; }
  html body.yp .ypw-portlet .k-i-loading, html body.yp .ypw-portlet .k-loading, html body.yp .ypw-portlet .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center; }
  html body.yp .ypw-portlet .k-loading-image, html body.yp .ypw-portlet .k-loading-mask, html body.yp .ypw-portlet .k-loading-text {
    position: absolute; }
  html body.yp .ypw-portlet .k-loading-mask {
    z-index: 100; }
  html body.yp .ypw-portlet .k-loading-mask .k-loading-progress {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  html body.yp .ypw-portlet .k-loading-text {
    text-indent: -4000px;
    text-align: center; }
  html body.yp .ypw-portlet .k-loading-color, html body.yp .ypw-portlet .k-loading-image {
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .k-loading-image {
    top: 0;
    left: 0;
    z-index: 2; }
  html body.yp .ypw-portlet .k-loading-color {
    filter: alpha(opacity=30);
    opacity: .3; }
  html body.yp .ypw-portlet .k-content-frame {
    border: 0;
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .k-pane > .k-splitter-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute; }
  html body.yp .ypw-portlet .k-drag-clue {
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default; }
  html body.yp .ypw-portlet .k-drag-status {
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible; }
  html body.yp .ypw-portlet .k-reorder-cue .k-icon {
    position: absolute;
    left: -4px;
    width: 8px;
    height: 4px; }
  html body.yp .ypw-portlet .k-reorder-cue .k-i-arrow-s {
    top: -4px;
    background-position: -4px -166px; }
  html body.yp .ypw-portlet .k-reorder-cue .k-i-arrow-n {
    bottom: -4px;
    background-position: -4px -134px; }
  html body.yp .ypw-portlet .k-scrollbar {
    position: absolute;
    overflow: scroll; }
  html body.yp .ypw-portlet .k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    overflow-x: hidden; }
  html body.yp .ypw-portlet .k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    html body.yp .ypw-portlet body .k-touch-scrollbar {
      height: 12px;
      width: 12px;
      border-radius: 7px; } }
  html body.yp .ypw-portlet .k-virtual-scrollable-wrap {
    overflow-x: auto; }
  html body.yp .ypw-portlet .k-current-time {
    background: red;
    position: absolute; }
  html body.yp .ypw-portlet .k-current-time-arrow-down {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid red;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent; }
  html body.yp .ypw-portlet .k-current-time-arrow-left {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid red; }
  html body.yp .ypw-portlet .k-current-time-arrow-right {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid red;
    border-right: 4px solid transparent; }
  html body.yp .ypw-portlet .k-animation-container, html body.yp .ypw-portlet .k-animation-container *, html body.yp .ypw-portlet .k-animation-container :after, html body.yp .ypw-portlet .k-block .k-header, html body.yp .ypw-portlet .k-list-container, html body.yp .ypw-portlet .k-widget, html body.yp .ypw-portlet .k-widget *, html body.yp .ypw-portlet .k-widget :before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-button-bare, html body.yp .ypw-portlet .k-edit-cell .k-widget, html body.yp .ypw-portlet .k-grid-edit-row .k-widget, html body.yp .ypw-portlet .k-grid-edit-row .text-box, html body.yp .ypw-portlet .k-tabstrip > .k-content > .km-scroll-container, html body.yp .ypw-portlet .k-textbox, html body.yp .ypw-portlet .km-actionsheet > li, html body.yp .ypw-portlet .km-shim, html body.yp .ypw-portlet div.k-window-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .input-group .form-control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .form-control.k-widget {
    padding: 0; }
  html body.yp .ypw-portlet a.k-button-bare:hover, html body.yp .ypw-portlet a.k-button:hover {
    text-decoration: none; }
  html body.yp .ypw-portlet .km-widget, html body.yp .ypw-portlet .km-widget * {
    -webkit-background-clip: border-box;
    background-clip: border-box; }
  html body.yp .ypw-portlet .k-radio, html body.yp .ypw-portlet input.k-checkbox {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    -webkit-appearance: none;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-ff .k-radio, html body.yp .ypw-portlet .k-ff input.k-checkbox {
    position: absolute; }
  html body.yp .ypw-portlet .k-checkbox-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-checkbox-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    width: 1em;
    height: 1em;
    font-size: 1em;
    line-height: 1em;
    text-align: center; }
  html body.yp .ypw-portlet .k-checkbox:indeterminate + .k-checkbox-label:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-width: 1px;
    border-style: solid;
    width: 8px;
    height: 8px;
    font-size: 1em;
    text-align: center;
    content: " ";
    margin-left: -2px; }
  html body.yp .ypw-portlet .k-checkbox:checked + .k-checkbox-label:before {
    content: "\2713"; }
  html body.yp .ypw-portlet .k-checkbox:disabled + .k-checkbox-label {
    cursor: auto; }
  html body.yp .ypw-portlet .k-radio-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-radio-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-radio:checked + .k-radio-label:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px; }
  html body.yp .ypw-portlet .k-radio:disabled + .k-radio-label {
    cursor: auto; }
  html body.yp .ypw-portlet .k-ie8 .k-radio, html body.yp .ypw-portlet .k-ie8 input.k-checkbox {
    display: inline-block;
    width: auto; }
  html body.yp .ypw-portlet .k-ie8 .k-checkbox-label, html body.yp .ypw-portlet .k-ie8 .k-radio-label {
    padding-left: 0; }
  html body.yp .ypw-portlet .k-ie8 .k-checkbox-label:before, html body.yp .ypw-portlet .k-ie8 .k-radio-label:after, html body.yp .ypw-portlet .k-ie8 .k-radio-label:before {
    display: none; }
  html body.yp .ypw-portlet .k-rtl .k-checkbox-label, html body.yp .ypw-portlet .k-rtl .k-radio-label {
    padding-right: 1.5em; }
  html body.yp .ypw-portlet .k-rtl .k-checkbox-label:before, html body.yp .ypw-portlet .k-rtl .k-radio-label:before {
    right: 0; }
  html body.yp .ypw-portlet .k-rtl .k-radio:checked + .k-radio-label:after {
    right: 3px; }
  html body.yp .ypw-portlet input.k-checkbox + label {
    -webkit-user-select: none; }
  html body.yp .ypw-portlet .k-pdf-export-shadow {
    position: absolute;
    overflow: hidden;
    left: -15000px;
    width: 14400px; }
  html body.yp .ypw-portlet .km-native-scroller {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-x pan-y;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity; }
  html body.yp .ypw-portlet .k-rpanel-left {
    -webkit-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    left: 0; }
  html body.yp .ypw-portlet .k-rpanel-right {
    -webkit-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    right: 0; }
  html body.yp .ypw-portlet .k-rpanel-left, html body.yp .ypw-portlet .k-rpanel-right {
    position: fixed;
    display: block;
    overflow: auto;
    min-width: 320px;
    height: 100%;
    top: 0; }
  html body.yp .ypw-portlet .k-rpanel-left.k-rpanel-expanded, html body.yp .ypw-portlet .k-rpanel-right.k-rpanel-expanded {
    -webkit-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  html body.yp .ypw-portlet .k-rpanel-left + *, html body.yp .ypw-portlet .k-rpanel-right + * {
    overflow: auto; }
  html body.yp .ypw-portlet .k-rpanel-top {
    position: static;
    max-height: 0; }
  html body.yp .ypw-portlet .k-rpanel-top.k-rpanel-expanded {
    max-height: 568px;
    overflow: visible !important; }
  html body.yp .ypw-portlet .k-edit-form {
    margin: 0;
    padding: 0; }
  html body.yp .ypw-portlet .k-window > div.k-popup-edit-form {
    padding: 1em 0; }
  html body.yp .ypw-portlet .k-grid-edit-row .k-edit-form td {
    border-bottom-width: 0; }
  html body.yp .ypw-portlet .k-edit-form-container {
    position: relative;
    width: 400px; }
  html body.yp .ypw-portlet .k-edit-form-container .editor-label, html body.yp .ypw-portlet .k-edit-label {
    float: left;
    clear: both;
    width: 30%;
    padding: .4em 0 1em;
    margin-left: 2%;
    text-align: right; }
  html body.yp .ypw-portlet .k-edit-field, html body.yp .ypw-portlet .k-edit-form-container .editor-field {
    float: right;
    clear: right;
    width: 60%;
    margin-right: 2%;
    padding: 0 0 .6em; }
  html body.yp .ypw-portlet .k-edit-field > input[type=checkbox], html body.yp .ypw-portlet .k-edit-field > input[type=radio] {
    margin-top: .4em; }
  html body.yp .ypw-portlet .k-edit-form-container .k-button {
    margin: 0 .16em; }
  html body.yp .ypw-portlet .k-edit-field > .k-button:first-child, html body.yp .ypw-portlet .k-edit-field > input[type=checkbox]:first-child, html body.yp .ypw-portlet .k-edit-field > input[type=radio]:first-child, html body.yp .ypw-portlet .k-edit-field > label:first-child > input[type=checkbox] {
    margin-left: 0; }
  html body.yp .ypw-portlet .k-edit-form-container .k-edit-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em; }
  html body.yp .ypw-portlet div.k-window {
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em; }
  html body.yp .ypw-portlet .k-block > .k-header, html body.yp .ypw-portlet .k-window-titlebar {
    position: absolute;
    width: 100%;
    height: 1.1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2em;
    padding: .4em 0;
    font-size: 1.2em;
    white-space: nowrap;
    min-height: 16px; }
  html body.yp .ypw-portlet .k-block > .k-header {
    position: relative;
    margin: -2px 0 10px -2px;
    padding: .3em 2px; }
  html body.yp .ypw-portlet .k-window-title {
    position: absolute;
    left: .44em;
    right: .44em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis; }
  html body.yp .ypw-portlet .k-window-title .k-image {
    margin: 0 5px 0 0;
    vertical-align: middle; }
  html body.yp .ypw-portlet div.k-window-titleless {
    padding-top: 0; }
  html body.yp .ypw-portlet div.k-window-content {
    position: relative;
    height: 100%;
    padding: .58em;
    overflow: auto;
    outline: 0; }
  html body.yp .ypw-portlet div.k-window-iframecontent {
    padding: 0;
    overflow: visible; }
  html body.yp .ypw-portlet .k-window-content > .km-scroll-container {
    height: 100%; }
  html body.yp .ypw-portlet .k-window-titlebar .k-window-actions {
    position: absolute;
    top: 0;
    right: .3em;
    padding-top: .3em;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-window-titlebar .k-window-action {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    opacity: .7; }
  html body.yp .ypw-portlet .k-window-titlebar .k-state-hover {
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    opacity: 1; }
  html body.yp .ypw-portlet .k-window-action .k-icon {
    margin: 0;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-window > .k-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1; }
  html body.yp .ypw-portlet .k-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize; }
  html body.yp .ypw-portlet .k-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize; }
  html body.yp .ypw-portlet .k-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize; }
  html body.yp .ypw-portlet .k-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize; }
  html body.yp .ypw-portlet .k-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize; }
  html body.yp .ypw-portlet .k-resize-sw {
    bottom: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: sw-resize; }
  html body.yp .ypw-portlet .k-resize-ne {
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    cursor: ne-resize; }
  html body.yp .ypw-portlet .k-resize-nw {
    top: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: nw-resize; }
  html body.yp .ypw-portlet .k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .ypw-portlet .k-window .k-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0; }
  html body.yp .ypw-portlet .k-action-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em;
    margin: 0 -1em; }
  html body.yp .ypw-portlet .k-action-buttons .k-button {
    display: inline-block;
    margin: 0 0 0 6px;
    min-width: 75px; }
  html body.yp .ypw-portlet .k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative; }
  html body.yp .ypw-portlet .k-tabstrip-items {
    padding: .3em .3em 0; }
  html body.yp .ypw-portlet .k-tabstrip-scrollable .k-tabstrip-items {
    white-space: nowrap;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-tabstrip > .k-button {
    position: absolute;
    top: .4em;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .ypw-portlet .k-tabstrip-bottom > .k-button {
    top: auto;
    bottom: .4em; }
  html body.yp .ypw-portlet .k-tabstrip-prev {
    left: .4em; }
  html body.yp .ypw-portlet .k-tabstrip-next {
    right: .4em; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-items .k-item, html body.yp .ypw-portlet .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0 -1px 0 0;
    padding: 0;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 1px; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-top .k-tabstrip-items .k-state-active {
    border-bottom-width: 1px;
    margin-bottom: -2px;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .k-tabstrip-items .k-tab-on-top {
    z-index: 1; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-items .k-link, html body.yp .ypw-portlet .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-items .k-icon, html body.yp .ypw-portlet .k-tabstrip-items .k-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-items .k-item .k-image, html body.yp .ypw-portlet .k-panelbar .k-tabstrip-items .k-item .k-sprite, html body.yp .ypw-portlet .k-tabstrip-items .k-item .k-image, html body.yp .ypw-portlet .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-tabstrip-items .k-loading {
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: 0 0;
    border-top: 1px solid transparent;
    border-color: inherit;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
    -webkit-transition: "width 200ms linear";
    transition: "width 200ms linear";
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
    animation: k-tab-loader 1s ease-in-out infinite; }
  html body.yp .ypw-portlet .k-tabstrip-items .k-progress {
    -webkit-animation: none;
    animation: none; }
  html body.yp .ypw-portlet .k-tabstrip-items .k-loading.k-complete {
    width: 100%;
    -webkit-animation: none;
    animation: none; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip > .k-content, html body.yp .ypw-portlet .k-tabstrip > .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .286em .3em;
    padding: .92em;
    zoom: 1; }
  html body.yp .ypw-portlet .k-tabstrip > .k-content {
    display: none;
    overflow: auto; }
  html body.yp .ypw-portlet .k-tabstrip > .k-content.km-scroll-wrapper {
    padding: 0; }
  html body.yp .ypw-portlet .k-tabstrip > .k-content > .km-scroll-container {
    padding: .3em .92em; }

@-webkit-keyframes k-tab-loader {
  0% {
    left: 0; }
  50% {
    left: 80%; }
  100% {
    left: 0; } }

@keyframes k-tab-loader {
  0% {
    left: 0; }
  50% {
    left: 80%; }
  100% {
    left: 0; } }
  html body.yp .ypw-portlet .k-tabstrip-left > div.k-content, html body.yp .ypw-portlet .k-tabstrip-right > div.k-content {
    margin: .286em .3em; }
  html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-item, html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items .k-item {
    display: block;
    margin-bottom: -1px; }
  html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-link, html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items .k-link {
    display: block; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items {
    float: left;
    padding: .25em 0 .3em .3em; }
  html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-item {
    border-width: 1px 0 1px 1px;
    border-radius: 3px 0 0 3px; }
  html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active {
    border-width: 1px 0 1px 1px; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
    margin-right: -2px;
    padding-right: 1px; }
  html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items {
    float: right;
    padding: .25em .3em .3em 0; }
  html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items .k-item {
    border-width: 1px 1px 1px 0;
    border-radius: 0 3px 3px 0; }
  html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items .k-state-active {
    border-width: 1px 1px 1px 0; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-left: -1px;
    padding-left: 1px; }
  html body.yp .ypw-portlet .k-tabstrip-bottom > .k-tabstrip-items {
    margin-top: -1px;
    padding: 0 .3em .3em; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-bottom > .k-content, html body.yp .ypw-portlet .k-tabstrip-bottom > .k-content {
    margin: .3em .286em 0;
    z-index: 1;
    position: relative; }
  html body.yp .ypw-portlet .k-tabstrip-bottom > .k-tabstrip-items .k-item {
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px; }
  html body.yp .ypw-portlet .k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
    margin-bottom: 0;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .k-tabstrip-bottom > .k-content {
    min-height: 100px; }
  html body.yp .ypw-portlet .k-tabstrip-bottom > .k-tabstrip-items .k-loading {
    top: auto;
    bottom: 0; }
  html body.yp .ypw-portlet .k-panelbar {
    zoom: 1; }
  html body.yp .ypw-portlet .k-panel > .k-item, html body.yp .ypw-portlet .k-panelbar > .k-item {
    list-style-type: none;
    display: block;
    border-width: 0;
    margin: 0;
    zoom: 1;
    border-radius: 0; }
  html body.yp .ypw-portlet .k-panelbar .k-link > .k-image, html body.yp .ypw-portlet .k-panelbar .k-link > .k-sprite {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-panel > .k-item > .k-link, html body.yp .ypw-portlet .k-panelbar > .k-item > .k-link {
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0 1em;
    line-height: 2.34em;
    text-decoration: none;
    zoom: 1; }
  html body.yp .ypw-portlet .k-panelbar-collapse, html body.yp .ypw-portlet .k-panelbar-expand {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px; }
  html body.yp .ypw-portlet .k-panelbar .k-content, html body.yp .ypw-portlet .k-panelbar .k-panel {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1; }
  html body.yp .ypw-portlet .k-panel > .k-item > .k-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2; }
  html body.yp .ypw-portlet .k-panel .k-panel > .k-item > .k-link {
    padding-left: 2em; }
  html body.yp .ypw-portlet .k-panelbar .k-i-seek-e .k-link {
    border-bottom: 0; }
  html body.yp .ypw-portlet .k-panel .k-panel {
    border-bottom: 0; }
  html body.yp .ypw-portlet .k-menu {
    cursor: default; }
  html body.yp .ypw-portlet .k-menu, html body.yp .ypw-portlet .k-menu .k-menu-group {
    list-style: none;
    margin: 0;
    padding: 0;
    zoom: 1; }
  html body.yp .ypw-portlet .k-menu:after {
    content: '';
    display: block;
    width: 99%;
    height: 0;
    float: inherit;
    clear: both; }
  html body.yp .ypw-portlet .k-menu .k-item {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .ypw-portlet .k-menu .k-item div {
    -webkit-user-select: default;
    -moz-user-select: default;
    -ms-user-select: default;
    user-select: default; }
  html body.yp .ypw-portlet .k-menu .k-item .k-item, html body.yp .ypw-portlet ul.k-menu-vertical > .k-item {
    display: block;
    float: none;
    border-width: 0; }
  html body.yp .ypw-portlet .k-menu .k-image, html body.yp .ypw-portlet .k-menu .k-item > .k-link > .k-icon, html body.yp .ypw-portlet .k-menu .k-sprite {
    margin: -2px 4px 0 -4px;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-menu .k-item > .k-link > .k-icon {
    margin: -2px 0 0; }
  html body.yp .ypw-portlet .k-menu .k-item > .k-link {
    display: block;
    padding: 1.071em;
    line-height: 1.34em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .ypw-portlet .k-menu .k-menu-group {
    display: none;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-menu .k-menu-group > .k-item {
    display: block;
    border-width: 0; }
  html body.yp .ypw-portlet .k-menu .k-item, html body.yp .ypw-portlet .k-widget.k-menu-horizontal > .k-item {
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
    zoom: 1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .ypw-portlet .k-context-menu.k-menu-vertical > .k-item > .k-link, html body.yp .ypw-portlet .k-menu .k-menu-group .k-item > .k-link {
    padding: .28em 1.8em .38em .9em; }
  html body.yp .ypw-portlet .k-context-menu.k-menu-horizontal > .k-separator {
    display: none; }
  html body.yp .ypw-portlet .k-context-menu.k-menu-horizontal > .k-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .k-context-menu.k-menu-horizontal > .k-last {
    border: 0; }
  html body.yp .ypw-portlet .k-menu .k-item > .k-link > .k-i-arrow-s {
    margin-right: -8px; }
  html body.yp .ypw-portlet .k-menu .k-item > .k-link > .k-i-arrow-e {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px;
    right: .2rem; }
  html body.yp .ypw-portlet .k-menu .k-animation-container {
    border: 0; }
  html body.yp .ypw-portlet .k-menu .k-animation-container, html body.yp .ypw-portlet .k-menu .k-menu-group {
    position: absolute;
    left: 0; }
  html body.yp .ypw-portlet .k-menu .k-animation-container .k-animation-container, html body.yp .ypw-portlet .k-menu .k-menu-group .k-menu-group, html body.yp .ypw-portlet .k-menu-vertical .k-animation-container, html body.yp .ypw-portlet .k-menu-vertical .k-menu-group {
    top: 0;
    left: 0; }
  html body.yp .ypw-portlet .k-menu .k-animation-container .k-menu-group {
    top: auto;
    left: auto;
    margin-left: -1px; }
  html body.yp .ypw-portlet .k-menu .k-animation-container, html body.yp .ypw-portlet .k-popup .k-animation-container {
    margin-top: -1px;
    padding-left: 1px; }
  html body.yp .ypw-portlet .k-ie .k-menu .k-animation-container, html body.yp .ypw-portlet .k-ie .k-popup .k-animation-container {
    margin-top: -2px; }
  html body.yp .ypw-portlet .k-popup .k-animation-container .k-popup {
    margin-left: -1px; }
  html body.yp .ypw-portlet ul.k-menu .k-separator {
    padding: .25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0; }
  html body.yp .ypw-portlet .k-menu .k-menu-group .k-separator, html body.yp .ypw-portlet ul.k-menu-vertical .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0; }
  html body.yp .ypw-portlet .k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .ypw-portlet .k-grid, html body.yp .ypw-portlet .k-listview {
    position: relative;
    zoom: 1; }
  html body.yp .ypw-portlet .k-grid table {
    width: 100%;
    margin: 0;
    max-width: none;
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    border-width: 0;
    outline: 0; }
  html body.yp .ypw-portlet .k-header.k-drag-clue {
    overflow: hidden; }
  html body.yp .ypw-portlet .k-filter-row th, html body.yp .ypw-portlet .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left; }
  html body.yp .ypw-portlet .k-grid-header th.k-header {
    vertical-align: bottom; }
  html body.yp .ypw-portlet .k-filtercell, html body.yp .ypw-portlet .k-filtercell .k-widget, html body.yp .ypw-portlet .k-filtercell > span {
    display: block;
    width: auto; }
  html body.yp .ypw-portlet .k-filtercell > span {
    padding-right: 4.8em;
    position: relative;
    min-height: 2em;
    line-height: 2em; }
  html body.yp .ypw-portlet .k-filtercell > .k-operator-hidden {
    padding-right: 2.3em; }
  html body.yp .ypw-portlet .k-filter-row .k-dropdown-operator, html body.yp .ypw-portlet .k-filtercell > span > .k-button {
    position: absolute;
    top: 0;
    right: 0; }
  html body.yp .ypw-portlet .k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: 2.5em; }
  html body.yp .ypw-portlet .k-filtercell > span > label {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-filter-row label > input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 2px; }
  html body.yp .ypw-portlet .k-ie10 .k-grid-header a:active {
    background-color: transparent; }
  html body.yp .ypw-portlet .k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .6em .4em 0;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .ypw-portlet .k-grid-header th.k-with-icon .k-link {
    margin-right: 18px; }
  html body.yp .ypw-portlet .k-grid-header th.k-header .k-icon {
    position: static; }
  html body.yp .ypw-portlet .k-grid-header th > .k-link > .k-icon {
    vertical-align: text-top; }
  html body.yp .ypw-portlet .k-grid .k-state-hover {
    cursor: pointer; }
  html body.yp .ypw-portlet .k-grid-column-resizing, html body.yp .ypw-portlet .k-grid-column-resizing .k-button, html body.yp .ypw-portlet .k-grid-column-resizing .k-grid-filter, html body.yp .ypw-portlet .k-grid-column-resizing .k-grid-toolbar, html body.yp .ypw-portlet .k-grid-column-resizing .k-link {
    cursor: col-resize; }
  html body.yp .ypw-portlet .k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis; }
  html body.yp .ypw-portlet .k-grid .k-grouping-row td, html body.yp .ypw-portlet .k-grid .k-hierarchy-cell {
    overflow: visible; }
  html body.yp .ypw-portlet .k-grid-edit-row td {
    text-overflow: clip; }
  html body.yp .ypw-portlet .k-grid-edit-row .k-textbox, html body.yp .ypw-portlet .k-grid-edit-row .text-box {
    margin-top: 0;
    margin-bottom: 0; }
  html body.yp .ypw-portlet .k-grid-footer-wrap, html body.yp .ypw-portlet .k-grid-header-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1; }
  html body.yp .ypw-portlet div.k-grid-footer, html body.yp .ypw-portlet div.k-grid-header {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1; }
  html body.yp .ypw-portlet .k-grid-header-locked > table, html body.yp .ypw-portlet .k-grid-header-wrap > table {
    margin-bottom: -1px; }
  html body.yp .ypw-portlet .k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    min-height: 0; }
  html body.yp .ypw-portlet .k-mobile .k-grid tbody {
    -webkit-backface-visibility: hidden; }
  html body.yp .ypw-portlet .k-mobile .k-grid-backface tbody {
    -webkit-backface-visibility: visible; }
  html body.yp .ypw-portlet .k-grid-content-expander {
    position: absolute;
    visibility: hidden;
    height: 1px; }
  html body.yp .ypw-portlet .k-grid-norecords {
    width: 100%;
    height: 100%;
    text-align: center; }
  html body.yp .ypw-portlet .k-grid-norecords-template {
    width: 20em;
    height: 4em;
    line-height: 4em;
    vertical-align: middle;
    margin: 0 auto; }
  html body.yp .ypw-portlet .k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
    top: 50%;
    left: 50%;
    margin-left: -10em;
    margin-top: -2em;
    position: absolute; }
  @media print {
    html body.yp .ypw-portlet .k-grid {
      height: auto !important; }
    html body.yp .ypw-portlet .k-grid-header {
      padding: 0 !important; }
    html body.yp .ypw-portlet .k-grid-content, html body.yp .ypw-portlet .k-grid-header-wrap {
      overflow: visible;
      height: auto !important; } }
  html body.yp .ypw-portlet .k-grid .k-scrollbar {
    -ms-overflow-style: scrollbar; }
  html body.yp .ypw-portlet .k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative; }
  html body.yp .ypw-portlet .k-grid-content table, html body.yp .ypw-portlet .k-grid-content-locked > table, html body.yp .ypw-portlet .k-grid-footer table, html body.yp .ypw-portlet .k-grid-header table {
    table-layout: fixed; }
  html body.yp .ypw-portlet .k-grid-lockedcolumns {
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-grid-content, html body.yp .ypw-portlet .k-grid-content-locked, html body.yp .ypw-portlet .k-pager-wrap {
    white-space: normal; }
  html body.yp .ypw-portlet .k-grid-content-locked, html body.yp .ypw-portlet .k-grid-footer-locked, html body.yp .ypw-portlet .k-grid-header-locked {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0; }
  html body.yp .ypw-portlet .k-grid-content-locked + .k-grid-content, html body.yp .ypw-portlet .k-grid-footer-locked + .k-grid-footer-wrap, html body.yp .ypw-portlet .k-grid-header-locked + .k-grid-header-wrap {
    display: inline-block;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-grid-toolbar {
    border-style: solid;
    border-width: 1px 0 0; }
  html body.yp .ypw-portlet .k-filter-row > th:first-child, html body.yp .ypw-portlet .k-grid tbody td:first-child, html body.yp .ypw-portlet .k-grid tfoot td:first-child, html body.yp .ypw-portlet .k-grid-header th.k-header:first-child {
    border-left-width: 0; }
  html body.yp .ypw-portlet .k-grid-header th.k-header.k-first {
    border-left-width: 1px; }
  html body.yp .ypw-portlet .k-grid-toolbar:first-child, html body.yp .ypw-portlet .k-grouping-header + .k-grid-toolbar {
    border-width: 0 0 1px; }
  html body.yp .ypw-portlet .k-footer-template td {
    border-style: solid;
    border-width: 1px 0 0 1px; }
  html body.yp .ypw-portlet .k-group-footer td {
    border-style: solid;
    border-width: 1px 0; }
  html body.yp .ypw-portlet .k-group-footer .k-group-cell + td {
    border-left-width: 1px; }
  html body.yp .ypw-portlet .k-grid-footer {
    border-style: solid;
    border-width: 1px 0 0; }
  html body.yp .ypw-portlet .k-grid-footer td {
    border-top-width: 0; }
  html body.yp .ypw-portlet .k-grid-footer > td {
    border-top-width: 1px; }
  html body.yp .ypw-portlet .k-pager-wrap {
    clear: both;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 1px;
    line-height: 2em;
    padding: .333em 0 .333em .25em; }
  html body.yp .ypw-portlet .k-grid-pager {
    border-width: 1px 0 0; }
  html body.yp .ypw-portlet .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-pager-numbers .k-state-selected {
    display: inline-block;
    vertical-align: top;
    margin-right: 1px; }
  html body.yp .ypw-portlet .k-pager-numbers {
    margin: 0 2px; }
  html body.yp .ypw-portlet .k-pager-numbers .k-state-selected {
    vertical-align: top; }
  html body.yp .ypw-portlet .k-pager-numbers .k-current-page {
    display: none; }
  html body.yp .ypw-portlet .k-pager-input, html body.yp .ypw-portlet .k-pager-numbers li {
    float: left; }
  html body.yp .ypw-portlet .k-grid .k-pager-numbers {
    float: left;
    cursor: default; }
  html body.yp .ypw-portlet .k-widget.k-grid .k-pager-numbers {
    position: relative; }
  html body.yp .ypw-portlet .k-pager-info {
    float: right;
    padding: 0 1.333em; }
  html body.yp .ypw-portlet .k-pager-numbers .k-link {
    text-decoration: none; }
  html body.yp .ypw-portlet .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-pager-wrap > .k-link {
    min-width: 2em; }
  html body.yp .ypw-portlet .k-pager-wrap > .k-link {
    float: left;
    margin: 0 .08333em;
    height: 2em;
    line-height: 2em;
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center; }
  html body.yp .ypw-portlet .k-pager-wrap > a.k-state-disabled:hover {
    background: 0 0;
    cursor: default; }
  html body.yp .ypw-portlet .k-pager-numbers .k-link {
    text-align: center;
    line-height: 2em;
    border-style: solid;
    border-width: 1px;
    border-radius: 1.0833em; }
  html body.yp .ypw-portlet .k-pager-wrap > .k-link {
    border-style: solid;
    border-width: 1px; }
  html body.yp .ypw-portlet .k-pager-wrap .k-pager-refresh {
    float: right;
    margin-right: .5em;
    border-width: 0;
    border-radius: 0; }
  html body.yp .ypw-portlet .k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em; }
  html body.yp .ypw-portlet .k-pager-wrap .k-textbox {
    width: 3.333em; }
  html body.yp .ypw-portlet .k-pager-wrap .k-dropdown {
    width: 4.5em; }
  html body.yp .ypw-portlet .k-pager-refresh {
    float: right; }
  html body.yp .ypw-portlet .k-pager-input, html body.yp .ypw-portlet .k-pager-sizes {
    padding: 0 1.4166em; }
  html body.yp .ypw-portlet .k-pager-sizes {
    display: inline-block;
    padding-top: 1px; }
  html body.yp .ypw-portlet .k-pager-sizes .k-widget.k-dropdown {
    margin-top: -2px; }
  html body.yp .ypw-portlet .k-pager-wrap .k-textbox, html body.yp .ypw-portlet .k-pager-wrap .k-widget {
    margin: 0 .4em 0; }
  html body.yp .ypw-portlet .k-header > .k-grid-filter, html body.yp .ypw-portlet .k-header > .k-header-column-menu {
    float: right;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1; }
  html body.yp .ypw-portlet .k-grid .k-animation-container {
    position: absolute; }
  html body.yp .ypw-portlet .k-filter-menu {
    padding: .5em; }
  html body.yp .ypw-portlet .k-list-filter {
    display: block; }
  html body.yp .ypw-portlet form.k-filter-menu .k-textbox, html body.yp .ypw-portlet form.k-filter-menu .k-widget {
    display: block; }
  html body.yp .ypw-portlet form.k-filter-menu .k-textbox {
    width: 100%;
    margin-bottom: 3px; }
  html body.yp .ypw-portlet .k-filter-help-text, html body.yp .ypw-portlet .k-filter-menu .k-textbox, html body.yp .ypw-portlet .k-filter-menu .k-widget {
    margin: .19em 0 0; }
  html body.yp .ypw-portlet .k-filter-menu span.k-filter-and {
    width: 6em;
    margin: .5em 0 .5em; }
  html body.yp .ypw-portlet .k-filter-menu .k-button {
    width: 48%;
    margin: .5em 4% 0 0; }
  html body.yp .ypw-portlet .k-filter-menu .k-button + .k-button {
    margin-right: 0; }
  html body.yp .ypw-portlet .k-filter-menu .k-filter-selected-items {
    font-weight: 700;
    margin: .5em; }
  html body.yp .ypw-portlet .k-multicheck-wrap {
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap;
    max-height: 300px; }
  html body.yp .ypw-portlet .k-multicheck-wrap .k-item {
    line-height: 2.2em; }
  html body.yp .ypw-portlet .k-grouping-row .k-icon {
    margin: -3px 4px 0 2px; }
  html body.yp .ypw-portlet .k-grouping-row p {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.6em;
    padding: 0 .6em; }
  html body.yp .ypw-portlet .k-grouping-row + tr td {
    border-top-width: 1px; }
  html body.yp .ypw-portlet .k-grouping-row .k-group-cell, html body.yp .ypw-portlet .k-grouping-row + tr .k-group-cell {
    border-top-width: 0;
    text-overflow: none; }
  html body.yp .ypw-portlet .k-grid .k-hierarchy-cell + td {
    border-left-width: 0; }
  html body.yp .ypw-portlet .k-grid .k-group-col, html body.yp .ypw-portlet .k-grid .k-hierarchy-col {
    width: 27px; }
  html body.yp .ypw-portlet .k-grouping-header {
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  html body.yp .ypw-portlet .k-grouping-header {
    line-height: 2; }
  html body.yp .ypw-portlet .k-grouping-dropclue {
    position: absolute;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px; }
  html body.yp .ypw-portlet .k-grouping-header .k-group-indicator {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
    line-height: 1.5em; }
  html body.yp .ypw-portlet .k-grouping-header .k-link {
    display: inline-block;
    border-width: 0;
    padding: 0;
    line-height: normal;
    text-decoration: none; }
  html body.yp .ypw-portlet .k-grouping-header .k-button {
    border: 0;
    padding: 0;
    background: 0 0;
    line-height: 1; }
  html body.yp .ypw-portlet .k-grouping-header .k-link .k-icon {
    margin: 0 0 0 -3px; }
  html body.yp .ypw-portlet .k-grouping-header .k-button .k-icon {
    margin: 0 0 0 3px; }
  html body.yp .ypw-portlet .k-grouping-header .k-button, html body.yp .ypw-portlet .k-grouping-header a {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-dirty-cell:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    float: left; }
  html body.yp .ypw-portlet .k-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: red transparent transparent red;
    margin: -.45em 0 0 -.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-grid-toolbar, html body.yp .ypw-portlet .k-grouping-header {
    margin: 0;
    padding: .429em .2em .429em 1em;
    cursor: default; }
  html body.yp .ypw-portlet .k-grid .k-edit-container {
    padding: 0; }
  html body.yp .ypw-portlet .k-grid .field-validation-error {
    display: block; }
  html body.yp .ypw-portlet .k-grid .input-validation-error {
    border-style: ridge;
    border-color: red;
    background-color: pink; }
  html body.yp .ypw-portlet .k-grid-toolbar .k-button {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-grid-actions {
    display: inline-block; }
  html body.yp .ypw-portlet .k-grid .k-button {
    margin: 0 .16em; }
  html body.yp .ypw-portlet .k-grid tbody .k-button, html body.yp .ypw-portlet .k-ie8 .k-grid tbody button.k-button {
    min-width: 64px; }
  html body.yp .ypw-portlet .k-grid tbody button.k-button {
    min-width: 78px; }
  html body.yp .ypw-portlet html body .k-grid tbody .k-button-icon {
    width: auto;
    min-width: 0; }
  html body.yp .ypw-portlet .k-detail-row {
    position: relative; }
  html body.yp .ypw-portlet .k-grid .k-detail-cell {
    overflow: visible; }
  html body.yp .ypw-portlet .k-grid .k-edit-cell {
    padding: 0 .3em;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-grid .k-edit-cell .k-tooltip {
    white-space: normal; }
  html body.yp .ypw-portlet .k-edit-cell > .k-textbox, html body.yp .ypw-portlet .k-edit-cell > .k-widget, html body.yp .ypw-portlet .k-grid-edit-row > td > .k-textbox, html body.yp .ypw-portlet .k-grid-edit-row > td > .k-widget, html body.yp .ypw-portlet .k-grid-edit-row > td > .text-box {
    width: 100%; }
  html body.yp .ypw-portlet html .k-edit-cell .k-tooltip, html body.yp .ypw-portlet html .k-grid-edit-row .k-tooltip {
    width: auto;
    max-width: 300px; }
  html body.yp .ypw-portlet .k-edit-cell input[type=checkbox] {
    margin-left: .6em; }
  html body.yp .ypw-portlet .k-grid tbody td > .k-grid-delete {
    margin-top: -.2em;
    margin-bottom: -.2em; }
  html body.yp .ypw-portlet .k-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa; }
  html body.yp .ypw-portlet .k-grid-header .k-resize-handle, html body.yp .ypw-portlet .k-grid > .k-resize-handle {
    position: absolute;
    height: 25px;
    cursor: col-resize;
    z-index: 2; }
  html body.yp .ypw-portlet .k-marquee {
    position: absolute;
    z-index: 100000; }
  html body.yp .ypw-portlet .k-marquee-color, html body.yp .ypw-portlet .k-marquee-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .k-marquee-color {
    filter: alpha(opacity=60);
    opacity: .6; }
  html body.yp .ypw-portlet .k-ie9 .k-column-menu {
    width: 160px; }
  html body.yp .ypw-portlet .k-ie8 .k-grid-filter, html body.yp .ypw-portlet .k-ie8 .k-header-column-menu {
    font-size: 100%; }
  html body.yp .ypw-portlet .k-column-menu {
    min-width: 160px; }
  html body.yp .ypw-portlet .k-column-menu .k-sprite {
    margin-right: 10px; }
  html body.yp .ypw-portlet .k-column-menu > .k-menu {
    border-width: 0; }
  html body.yp .ypw-portlet .k-column-menu .k-calendar .k-link {
    white-space: normal; }
  html body.yp .ypw-portlet .k-columns-item .k-group {
    max-height: 200px;
    overflow: auto; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-grid, html body.yp .ypw-portlet .k-pdf-export-shadow .k-grid-content, html body.yp .ypw-portlet .k-pdf-export-shadow .k-grid-content-locked {
    height: auto !important;
    overflow: visible; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-grid-content-locked + .k-grid-content, html body.yp .ypw-portlet .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap, html body.yp .ypw-portlet .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap {
    width: auto !important; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-grid-footer, html body.yp .ypw-portlet .k-pdf-export-shadow .k-grid-header {
    padding: 0 !important; }
  html body.yp .ypw-portlet .k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100; }
  html body.yp .ypw-portlet .k-loading-pdf-mask .k-loading-color {
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .ypw-portlet .k-loading-pdf-mask .k-loading-pdf-progress {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  html body.yp .ypw-portlet .k-pdf-export .k-loading-pdf-mask {
    display: none; }
  html body.yp .ypw-portlet .k-autofitting {
    width: auto !important;
    table-layout: auto !important; }
  html body.yp .ypw-portlet .k-autofitting td, html body.yp .ypw-portlet .k-autofitting th.k-header {
    white-space: nowrap !important; }
  html body.yp .ypw-portlet .k-autofitting .k-detail-row {
    display: none !important; }
  @media only screen and (max-width: 1024px) {
    html body.yp .ypw-portlet .k-edge .k-pager-wrap, html body.yp .ypw-portlet .k-ff .k-pager-wrap, html body.yp .ypw-portlet .k-ie11 .k-pager-wrap, html body.yp .ypw-portlet .k-safari .k-pager-wrap, html body.yp .ypw-portlet .k-webkit .k-pager-wrap {
      overflow: visible;
      min-height: 2.1em; }
    html body.yp .ypw-portlet .k-edge .k-pager-input, html body.yp .ypw-portlet .k-edge .k-pager-wrap .k-pager-nav, html body.yp .ypw-portlet .k-ff .k-pager-input, html body.yp .ypw-portlet .k-ff .k-pager-wrap .k-pager-nav, html body.yp .ypw-portlet .k-ie11 .k-pager-input, html body.yp .ypw-portlet .k-ie11 .k-pager-wrap .k-pager-nav, html body.yp .ypw-portlet .k-safari .k-pager-input, html body.yp .ypw-portlet .k-safari .k-pager-wrap .k-pager-nav, html body.yp .ypw-portlet .k-webkit .k-pager-input, html body.yp .ypw-portlet .k-webkit .k-pager-wrap .k-pager-nav {
      display: inline-block;
      vertical-align: top; }
    html body.yp .ypw-portlet .k-edge .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-edge .k-pager-numbers, html body.yp .ypw-portlet .k-ff .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ff .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers, html body.yp .ypw-portlet .k-safari .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-safari .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .k-pager-numbers {
      position: absolute;
      left: 4.8em;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      overflow: visible;
      height: auto; }
    html body.yp .ypw-portlet .k-edge .k-grid .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-edge .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-ff .k-grid .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-ff .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-ie11 .k-grid .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-safari .k-grid .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-safari .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-webkit .k-grid .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-webkit .k-pager-numbers:first-child {
      left: .2em; }
    html body.yp .ypw-portlet .k-edge .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ff .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-safari .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-webkit .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded {
      -ms-transform: translatey(-100%);
      transform: translatey(-100%);
      -webkit-transform: translatey(-100%); }
    html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-numbers {
      position: relative;
      left: 50%;
      -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
      -webkit-transform: translate(-50%, -100%); }
    html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
      padding-top: 0;
      padding-bottom: 0; }
    html body.yp .ypw-portlet .k-edge .k-rtl .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-edge .k-rtl .k-pager-numbers, html body.yp .ypw-portlet .k-ff .k-rtl .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ff .k-rtl .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-pager-numbers, html body.yp .ypw-portlet .k-safari .k-rtl .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-safari .k-rtl .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .k-rtl .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .k-rtl .k-pager-numbers {
      left: auto;
      right: 4.8em;
      width: 4.5em; }
    html body.yp .ypw-portlet .k-edge .k-rtl .k-grid .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-edge .k-rtl .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-ff .k-rtl .k-grid .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-ff .k-rtl .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-safari .k-rtl .k-grid .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-safari .k-rtl .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-webkit .k-rtl .k-grid .k-pager-numbers:first-child, html body.yp .ypw-portlet .k-webkit .k-rtl .k-pager-numbers:first-child {
      left: auto;
      right: .2em; }
    html body.yp .ypw-portlet .k-edge .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-edge .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers {
      right: 5.8em; }
    html body.yp .ypw-portlet .k-edge .k-grid .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-edge .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-ff .k-grid .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-ff .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-ie11 .k-grid .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-safari .k-grid .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-safari .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-webkit .k-grid .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-webkit .k-pager-numbers .k-current-page {
      display: block;
      border-left: 0; }
    html body.yp .ypw-portlet .k-edge .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
      -ms-transform: translatey(100%);
      transform: translatey(100%);
      -webkit-transform: translatey(100%); }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers li:not(.k-current-page), html body.yp .ypw-portlet .k-ff .k-pager-numbers li:not(.k-current-page), html body.yp .ypw-portlet .k-ie11 .k-pager-numbers li:not(.k-current-page), html body.yp .ypw-portlet .k-safari .k-pager-numbers li:not(.k-current-page), html body.yp .ypw-portlet .k-webkit .k-pager-numbers li:not(.k-current-page) {
      display: none; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers .k-current-page .k-link, html body.yp .ypw-portlet .k-ff .k-pager-numbers .k-current-page .k-link, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers .k-current-page .k-link, html body.yp .ypw-portlet .k-safari .k-pager-numbers .k-current-page .k-link, html body.yp .ypw-portlet .k-webkit .k-pager-numbers .k-current-page .k-link {
      width: 3.2em;
      padding: 0 .429em 0 .714em;
      border-radius: 1.0833em; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-ff .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-safari .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-webkit .k-pager-numbers + .k-link {
      margin-left: 4.8em; }
    html body.yp .ypw-portlet .k-edge .k-rtl .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-ff .k-rtl .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-safari .k-rtl .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-webkit .k-rtl .k-pager-numbers + .k-link {
      margin-right: 5.1em;
      margin-left: 0; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-edge .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-ff .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-ff .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-safari .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-safari .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-webkit .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-webkit .k-pager-numbers .k-state-selected {
      display: block;
      margin-right: 0;
      padding: 1px 5px 1px 5px;
      text-align: left; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 2px 2px 0; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
      margin: -2em -3px 0;
      padding: 0; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
      border-radius: 0 0 1.0833em 1.0833em; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded li, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded li, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded li, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded li, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded li {
      display: inline-block; } }
  @media only screen and (max-width: 640px) {
    html body.yp .ypw-portlet .k-edge .k-pager-info, html body.yp .ypw-portlet .k-ff .k-pager-info, html body.yp .ypw-portlet .k-ie11 .k-pager-info, html body.yp .ypw-portlet .k-safari .k-pager-info, html body.yp .ypw-portlet .k-webkit .k-pager-info {
      display: none; } }
  @media only screen and (max-width: 480px) {
    html body.yp .ypw-portlet .k-edge .k-pager-sizes, html body.yp .ypw-portlet .k-ff .k-pager-sizes, html body.yp .ypw-portlet .k-ie11 .k-pager-sizes, html body.yp .ypw-portlet .k-safari .k-pager-sizes, html body.yp .ypw-portlet .k-webkit .k-pager-sizes {
      display: none; } }
  html body.yp .ypw-portlet .k-treelist .k-status {
    padding: .4em .6em;
    line-height: 1.6em; }
  html body.yp .ypw-portlet .k-treelist .k-status .k-loading {
    vertical-align: baseline;
    margin-right: 5px; }
  html body.yp .ypw-portlet .k-treelist tr.k-hidden {
    display: none; }
  html body.yp .ypw-portlet .k-treelist.k-treelist-dragging, html body.yp .ypw-portlet .k-treelist.k-treelist-dragging .k-state-hover {
    cursor: default; }
  html body.yp .ypw-portlet .k-treelist .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat; }
  html body.yp .ypw-portlet .k-drag-separator {
    display: inline-block;
    border-right: 1px solid;
    height: 1em;
    vertical-align: top;
    margin: 0 .5em; }
  html body.yp .ypw-portlet .k-gantt {
    white-space: nowrap;
    position: relative; }
  html body.yp .ypw-portlet .k-gantt-layout {
    display: inline-block;
    white-space: normal;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-gantt .k-splitbar {
    position: relative;
    cursor: e-resize;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-layout th {
    vertical-align: bottom; }
  html body.yp .ypw-portlet .k-gantt td {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-gantt .k-grid .k-edit-cell {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-gantt-timeline > .k-timeline, html body.yp .ypw-portlet .k-gantt-treelist > .k-treelist {
    border-width: 0;
    height: 100%; }
  html body.yp .ypw-portlet .k-gantt-toolbar {
    border-style: solid;
    border-width: 0 0 1px;
    line-height: 2.4em;
    padding: .5em; }
  html body.yp .ypw-portlet .k-gantt-layout + .k-gantt-toolbar {
    border-width: 1px 0 0; }
  html body.yp .ypw-portlet .k-gantt-actions, html body.yp .ypw-portlet .k-gantt-toolbar > ul {
    float: left;
    margin-right: .6em; }
  html body.yp .ypw-portlet .k-gantt-actions > .k-button {
    margin-right: .5em;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-gantt-toolbar > .k-gantt-views {
    float: right;
    margin-right: 0; }
  html body.yp .ypw-portlet .k-gantt-toolbar > .k-gantt-views > li.k-current-view {
    display: none; }
  html body.yp .ypw-portlet .k-gantt-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0; }
  html body.yp .ypw-portlet .k-gantt-toolbar > ul > li:first-child + li {
    border-left-width: 1px; }
  html body.yp .ypw-portlet .k-gantt-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em; }
  html body.yp .ypw-portlet .k-gantt-toolbar li:first-child + li, html body.yp .ypw-portlet .k-gantt-toolbar li:first-child + li > .k-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  html body.yp .ypw-portlet .k-gantt-toolbar li:last-child, html body.yp .ypw-portlet .k-gantt-toolbar li:last-child > .k-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  html body.yp .ypw-portlet .k-gantt-toolbar li.k-button {
    line-height: inherit;
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .k-gantt-treelist .k-grid-header tr {
    height: 5em; }
  html body.yp .ypw-portlet .k-gantt .k-treelist .k-grid-header {
    padding: 0 !important; }
  html body.yp .ypw-portlet .k-gantt .k-treelist .k-grid-content {
    overflow-y: hidden;
    overflow-x: scroll; }
  html body.yp .ypw-portlet .k-treelist-group > tr > span {
    font-weight: 700; }
  html body.yp .ypw-portlet .k-treelist-group .k-widget {
    font-weight: 400; }
  html body.yp .ypw-portlet .k-gantt-timeline .k-grid-header tr {
    height: 2.5em; }
  html body.yp .ypw-portlet .k-gantt-tasks {
    position: relative; }
  html body.yp .ypw-portlet .k-gantt .k-grid-content tr, html body.yp .ypw-portlet .k-gantt-rows tr, html body.yp .ypw-portlet .k-gantt-tasks tr {
    height: 2.3em; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-tasks td:after {
    content: "\a0"; }
  html body.yp .ypw-portlet .k-gantt-timeline {
    background: 0 0; }
  html body.yp .ypw-portlet .k-gantt-columns, html body.yp .ypw-portlet .k-gantt-dependencies, html body.yp .ypw-portlet .k-gantt-rows {
    position: absolute;
    top: 0;
    left: 0; }
  html body.yp .ypw-portlet .k-gantt-tables {
    position: relative; }
  html body.yp .ypw-portlet .k-gantt .k-timeline .k-grid-content {
    overflow-x: scroll; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-timeline th {
    text-align: center; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-timeline tr:first-child th {
    border-bottom-width: 1px; }
  html body.yp .ypw-portlet .k-task-summary {
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px; }
  html body.yp .ypw-portlet .k-task-summary-complete {
    height: 10px;
    position: relative;
    z-index: 2; }
  html body.yp .ypw-portlet .k-task-summary-progress {
    height: 15px;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-task-summary-complete:after, html body.yp .ypw-portlet .k-task-summary-complete:before, html body.yp .ypw-portlet .k-task-summary:after, html body.yp .ypw-portlet .k-task-summary:before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: transparent; }
  html body.yp .ypw-portlet .k-task-summary-complete:before, html body.yp .ypw-portlet .k-task-summary:before {
    left: 0;
    border-left-color: inherit; }
  html body.yp .ypw-portlet .k-task-summary-complete:after, html body.yp .ypw-portlet .k-task-summary:after {
    right: 0;
    border-right-color: inherit; }
  html body.yp .ypw-portlet .k-line-h, html body.yp .ypw-portlet .k-line-v {
    position: absolute; }
  html body.yp .ypw-portlet .k-line-h {
    height: 2px; }
  html body.yp .ypw-portlet .k-line-v {
    width: 2px; }
  html body.yp .ypw-portlet .k-arrow-e, html body.yp .ypw-portlet .k-arrow-w {
    position: absolute;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px; }
  html body.yp .ypw-portlet .k-arrow-e {
    right: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent; }
  html body.yp .ypw-portlet .k-arrow-w {
    left: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  html body.yp .ypw-portlet .k-task-milestone {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  html body.yp .ypw-portlet .k-ie8 .k-task-milestone {
    margin-left: 1px; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-tasks .k-button-icon, html body.yp .ypw-portlet .k-gantt .k-gantt-treelist .k-button {
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-tasks .k-button-icon {
    margin-top: 4px; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-treelist .k-button {
    margin-top: -4px;
    margin-bottom: -2px; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-tasks .k-button-icon {
    padding-left: 2px;
    padding-right: 2px; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-tasks .k-button .k-icon, html body.yp .ypw-portlet .k-gantt .k-gantt-treelist .k-button .k-icon {
    vertical-align: text-top; }
  html body.yp .ypw-portlet .k-rel .k-button-icon {
    position: absolute;
    left: 200px; }
  html body.yp .ypw-portlet .k-rel {
    position: relative;
    height: 0;
    top: -.3em; }
  html body.yp .ypw-portlet .k-task-wrap {
    position: absolute;
    padding: 0 23px 5px;
    margin: -1px -23px 0;
    z-index: 2; }
  html body.yp .ypw-portlet .k-line.k-state-selected, html body.yp .ypw-portlet .k-task-wrap:hover {
    z-index: 3; }
  html body.yp .ypw-portlet .k-milestone-wrap {
    margin: 0 -13px 0 -27px; }
  html body.yp .ypw-portlet .k-task-content {
    position: relative;
    z-index: 2; }
  html body.yp .ypw-portlet .k-task-complete {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    z-index: 1; }
  html body.yp .ypw-portlet .k-task-dot {
    position: absolute;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: none;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-task-dot.k-state-hover {
    background-color: transparent; }
  html body.yp .ypw-portlet .k-task-single + .k-task-dot, html body.yp .ypw-portlet .k-task-single + .k-task-dot + .k-task-dot {
    top: .2em; }
  html body.yp .ypw-portlet .k-task-wrap-active .k-task-dot, html body.yp .ypw-portlet .k-task-wrap:hover .k-task-dot {
    display: block; }
  html body.yp .ypw-portlet .k-task-dot:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 16px; }
  html body.yp .ypw-portlet .k-task-dot:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-left: 4px; }
  html body.yp .ypw-portlet .k-task-dot.k-state-hover:after, html body.yp .ypw-portlet .k-task-dot:hover:after, html body.yp .ypw-portlet .k-task-wrap-active .k-task-dot:after {
    border-style: solid;
    border-width: 1px;
    margin-left: 3px; }
  html body.yp .ypw-portlet .k-task-start {
    left: 0; }
  html body.yp .ypw-portlet .k-task-end {
    right: 0; }
  html body.yp .ypw-portlet .k-task-single {
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden;
    cursor: default;
    min-height: 1.3em;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-task-template {
    padding: .2em 1.4em .2em .6em;
    line-height: normal; }
  html body.yp .ypw-portlet .k-task-actions, html body.yp .ypw-portlet .k-task-content > .k-link {
    position: absolute;
    top: 0;
    right: 4px;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-task-actions {
    z-index: 1; }
  html body.yp .ypw-portlet .k-task-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px; }
  html body.yp .ypw-portlet .k-webkit .k-task-actions:first-child {
    margin-top: 3px; }
  html body.yp .ypw-portlet .k-task-actions:first-child > .k-link {
    display: inline-block; }
  html body.yp .ypw-portlet .k-task-delete {
    display: none; }
  html body.yp .ypw-portlet .k-task-wrap-active .k-task-delete, html body.yp .ypw-portlet .k-task-wrap:hover .k-task-delete {
    display: inline-block; }
  html body.yp .ypw-portlet .k-task-single .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2;
    height: auto; }
  html body.yp .ypw-portlet .k-task-single:hover .k-resize-handle, html body.yp .ypw-portlet .k-task-wrap-active .k-resize-handle {
    visibility: visible; }
  html body.yp .ypw-portlet .k-task-single .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .ypw-portlet .k-task-content > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .ypw-portlet .k-task-content > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .ypw-portlet .k-task-content > .k-resize-e:after, html body.yp .ypw-portlet .k-task-content > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px; }
  html body.yp .ypw-portlet .k-task-content > .k-resize-e:after {
    left: auto;
    right: 1px; }
  html body.yp .ypw-portlet .k-task-draghandle {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 16px;
    border-width: 5px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: none;
    cursor: e-resize; }
  html body.yp .ypw-portlet .k-task-wrap-active .k-task-draghandle, html body.yp .ypw-portlet .k-task-wrap:hover .k-task-draghandle {
    display: block; }
  html body.yp .ypw-portlet .k-dependency-hint {
    z-index: 4; }
  html body.yp .ypw-portlet .k-gantt-rowheight .k-task-dot, html body.yp .ypw-portlet .k-gantt-rowheight .k-task-milestone, html body.yp .ypw-portlet .k-gantt-rowheight .k-task-single + .k-task-dot, html body.yp .ypw-portlet .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot, html body.yp .ypw-portlet .k-gantt-rowheight .k-task-summary {
    top: 50%; }
  html body.yp .ypw-portlet .k-gantt-rowheight .k-task-milestone, html body.yp .ypw-portlet .k-gantt-rowheight .k-task-summary {
    margin-top: -6px; }
  html body.yp .ypw-portlet .k-gantt-rowheight .k-task-dot, html body.yp .ypw-portlet .k-gantt-rowheight .k-task-single + .k-task-dot, html body.yp .ypw-portlet .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
    margin-top: -11px; }
  html body.yp .ypw-portlet .k-gantt-rowheight .k-task-single {
    height: -webkit-calc(98%);
    height: calc(98%); }
  html body.yp .ypw-portlet .k-ie .k-gantt-rowheight .k-task-single {
    height: 99%; }
  html body.yp .ypw-portlet .k-gantt-rowheight .k-task-content {
    height: 100%; }
  html body.yp .ypw-portlet .k-gantt-rowheight .k-task-content > .k-resize-e:after, html body.yp .ypw-portlet .k-gantt-rowheight .k-task-content > .k-resize-w:after {
    top: 0;
    margin-top: 0;
    height: 100%; }
  html body.yp .ypw-portlet .k-task-details {
    padding: .4em;
    text-align: left;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-task-details > strong {
    font-size: 120%;
    display: block; }
  html body.yp .ypw-portlet .k-task-pct {
    margin: .5em 0 .1em;
    font-size: 170%; }
  html body.yp .ypw-portlet .k-task-details > ul {
    line-height: 1.2; }
  html body.yp .ypw-portlet .k-resources-wrap {
    position: absolute;
    z-index: 2;
    zoom: 1;
    margin-left: 20px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-resources-wrap .k-resource {
    margin: 0 5px; }
  html body.yp .ypw-portlet .k-gantt-edit-form > .k-edit-form-container {
    width: 430px; }
  html body.yp .ypw-portlet .k-gantt-edit-form > .k-resources-form-container {
    width: 506px; }
  html body.yp .ypw-portlet .k-resources-form-container > .k-grid {
    margin: 0 .9em; }
  html body.yp .ypw-portlet .k-gantt-edit-form > .k-edit-form-container .k-numerictextbox, html body.yp .ypw-portlet .k-gantt-edit-form > .k-edit-form-container .k-textbox {
    width: 15em; }
  html body.yp .ypw-portlet .k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
    float: left; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-gantt {
    float: left; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-gantt, html body.yp .ypw-portlet .k-pdf-export-shadow .k-gantt .k-grid-content, html body.yp .ypw-portlet .k-pdf-export-shadow .k-gantt-timeline {
    width: auto !important;
    height: auto !important;
    overflow: visible !important; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-gantt-treelist {
    height: auto !important;
    overflow: visible !important; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
    padding: 0 !important; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-gantt .k-splitbar, html body.yp .ypw-portlet .k-pdf-export-shadow .k-pdf-export {
    display: none; }
  html body.yp .ypw-portlet button.k-gantt-toggle {
    display: none;
    float: left;
    margin-right: .5em; }
  html body.yp .ypw-portlet .k-rtl button.k-gantt-toggle {
    float: right;
    margin-right: 0;
    margin-left: .5em; }
  @media only screen and (max-width: 1024px) {
    html body.yp .ypw-portlet .k-gantt-toolbar > ul.k-gantt-views {
      position: absolute;
      right: 6px;
      top: 6px;
      z-index: 10000; }
    html body.yp .ypw-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views {
      right: auto;
      left: 6px; }
    html body.yp .ypw-portlet .k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) {
      display: none; }
    html body.yp .ypw-portlet .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
      display: block;
      border-width: 1px; }
    html body.yp .ypw-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
      text-align: left;
      padding-left: 1em; }
    html body.yp .ypw-portlet .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
      display: block;
      position: relative;
      padding-right: 2.5em;
      padding-left: 1em; }
    html body.yp .ypw-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
      padding-left: 0; }
    html body.yp .ypw-portlet .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .333em;
      width: 16px;
      height: 16px; }
    html body.yp .ypw-portlet .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, html body.yp .ypw-portlet .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
      display: block;
      border: 0;
      border-radius: 0; }
    html body.yp .ypw-portlet .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
      border: 1px solid #c5c5c5;
      background-color: #fff;
      background-image: none;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
    html body.yp .ypw-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
      text-align: left; } }
  @media only screen and (max-width: 480px) {
    html body.yp .ypw-portlet button.k-gantt-toggle {
      display: inline-block; }
    html body.yp .ypw-portlet .k-gantt-create span + span, html body.yp .ypw-portlet .k-gantt-pdf span + span {
      display: none; }
    html body.yp .ypw-portlet .k-gantt-create .k-icon, html body.yp .ypw-portlet .k-gantt-pdf .k-icon {
      margin: 0; }
    html body.yp .ypw-portlet .k-gantt .k-splitbar {
      display: none;
      width: 0;
      border-width: 0; }
    html body.yp .ypw-portlet .k-gantt .k-gantt-treelist {
      display: none;
      max-width: 0; }
    html body.yp .ypw-portlet .k-gantt .k-treelist .k-grid-content {
      overflow-y: scroll; }
    html body.yp .ypw-portlet .k-gantt .k-gantt-timeline {
      width: 100%; } }
  html body.yp .ypw-portlet .k-pivot {
    position: relative; }
  html body.yp .ypw-portlet .k-pivot-toolbar {
    padding: .2em;
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  html body.yp .ypw-portlet .k-pivot .k-pivot-toolbar {
    padding: .6em; }
  html body.yp .ypw-portlet .k-pivot-toolbar .k-button {
    margin-right: .4em;
    line-height: 1.2em;
    font-size: .9em;
    text-align: left;
    position: relative;
    padding: .3em 5em .3em .3em; }
  html body.yp .ypw-portlet .k-field-actions {
    position: absolute;
    right: 2px;
    top: 3px; }
  html body.yp .ypw-portlet .k-pivot .k-grid td {
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-pivot-layout {
    border-spacing: 0;
    table-layout: auto; }
  html body.yp .ypw-portlet .k-pivot-layout > tbody > tr > td {
    vertical-align: top;
    padding: 0; }
  html body.yp .ypw-portlet .k-pivot td {
    vertical-align: top; }
  html body.yp .ypw-portlet .k-pivot-rowheaders > .k-grid, html body.yp .ypw-portlet .k-pivot-table > .k-grid {
    border-width: 0; }
  html body.yp .ypw-portlet .k-pivot-rowheaders > .k-grid td:first-child, html body.yp .ypw-portlet .k-pivot-table .k-grid-header .k-header.k-first {
    border-left-width: 1px; }
  html body.yp .ypw-portlet .k-pivot-rowheaders > .k-grid td.k-first {
    border-left-width: 0; }
  html body.yp .ypw-portlet .k-pivot-rowheaders > .k-grid {
    overflow: hidden; }
  html body.yp .ypw-portlet .k-pivot-table {
    border-left-width: 1px;
    border-left-style: solid; }
  html body.yp .ypw-portlet .k-pivot-table .k-grid-header-wrap > table {
    height: 100%; }
  html body.yp .ypw-portlet .k-pivot .k-grid-header .k-header {
    vertical-align: top; }
  html body.yp .ypw-portlet .k-header.k-alt, html body.yp .ypw-portlet td.k-alt {
    font-weight: 700; }
  html body.yp .ypw-portlet .k-header.k-alt {
    background-image: none; }
  html body.yp .ypw-portlet .k-pivot-layout .k-grid td {
    border-bottom-width: 1px; }
  html body.yp .ypw-portlet .k-pivot-layout .k-grid-footer > td {
    border-top-width: 0; }
  html body.yp .ypw-portlet .k-pivot-filter-window .k-treeview {
    max-height: 600px; }
  html body.yp .ypw-portlet .k-fieldselector .k-edit-buttons {
    bottom: auto; }
  html body.yp .ypw-portlet .k-fieldselector .k-edit-label {
    width: 16%; }
  html body.yp .ypw-portlet .k-fieldselector .k-edit-field {
    width: 77%; }
  html body.yp .ypw-portlet .k-fieldselector .k-edit-field > .k-textbox, html body.yp .ypw-portlet .k-fieldselector .k-edit-field > .k-widget {
    width: 99%; }
  html body.yp .ypw-portlet .k-fieldselector .k-edit-buttons > input, html body.yp .ypw-portlet .k-fieldselector .k-edit-buttons > label {
    float: left;
    margin-top: .4em; }
  html body.yp .ypw-portlet .k-fieldselector p {
    margin: 0 0 .2em .5em;
    text-transform: uppercase; }
  html body.yp .ypw-portlet .k-fieldselector p .k-icon {
    margin: 0 5px 0 0; }
  html body.yp .ypw-portlet .k-fieldselector .k-columns {
    border-style: solid;
    border-width: 0; }
  html body.yp .ypw-portlet .k-fieldselector .k-columns > div {
    overflow: auto;
    padding: .6em;
    border-style: solid;
    border-width: 0 0 0 1px;
    float: left;
    width: 45%; }
  html body.yp .ypw-portlet .k-fieldselector .k-columns > div:first-child {
    border-width: 0;
    margin-right: -1px; }
  html body.yp .ypw-portlet .k-fieldselector .k-columns > div + div {
    float: right;
    border-width: 0; }
  html body.yp .ypw-portlet .k-fieldselector div.k-treeview {
    border-width: 0;
    margin-right: -1px;
    padding-left: 4px;
    overflow: visible; }
  html body.yp .ypw-portlet .k-fieldselector .k-list-container {
    margin-left: .5em;
    margin-bottom: 1em;
    padding: .2em 0 0;
    border-style: solid;
    border-width: 1px; }
  html body.yp .ypw-portlet .k-fieldselector .k-list {
    padding-bottom: 2em; }
  html body.yp .ypw-portlet .k-fieldselector .k-list li.k-item {
    padding: .3em 3.3em .3em .3em;
    margin: 0 0.2em 0.2em;
    position: relative;
    font-size: .9em;
    line-height: 1.2em;
    min-height: 1em; }
  html body.yp .ypw-portlet .k-i-kpi-decrease {
    background-position: 0 0; }
  html body.yp .ypw-portlet .k-i-kpi-denied {
    background-position: -16px 0; }
  html body.yp .ypw-portlet .k-i-kpi-equal {
    background-position: -32px 0; }
  html body.yp .ypw-portlet .k-i-kpi-hold {
    background-position: -48px 0; }
  html body.yp .ypw-portlet .k-i-kpi-increase {
    background-position: -64px 0; }
  html body.yp .ypw-portlet .k-i-kpi-open {
    background-position: -80px 0; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-pivot .k-grid-content {
    overflow: visible !important; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-pivot .k-grid-content, html body.yp .ypw-portlet .k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid {
    height: 100% !important; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-pivot .k-grid-header {
    padding-right: 0 !important; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-pivot {
    width: auto !important;
    height: auto !important; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-pivot .k-grid-content > table, html body.yp .ypw-portlet .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table {
    width: 100% !important;
    height: auto !important; }
  html body.yp .ypw-portlet .k-calendar {
    position: relative;
    display: inline-block;
    width: 16.917em;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-calendar .k-link, html body.yp .ypw-portlet .k-calendar td {
    text-decoration: none; }
  html body.yp .ypw-portlet .k-calendar .k-action-link {
    text-decoration: underline; }
  html body.yp .ypw-portlet .k-calendar .k-footer, html body.yp .ypw-portlet .k-calendar .k-header {
    position: relative;
    text-align: center;
    zoom: 1; }
  html body.yp .ypw-portlet .k-widget.k-calendar .k-nav-next, html body.yp .ypw-portlet .k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .16666em;
    line-height: 1.8333em;
    height: 1.8333em; }
  html body.yp .ypw-portlet .k-widget.k-calendar .k-nav-prev {
    left: 1%; }
  html body.yp .ypw-portlet .k-widget.k-calendar .k-nav-next {
    right: 1%; }
  html body.yp .ypw-portlet .k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 14.167em;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    outline: 0; }
  html body.yp .ypw-portlet .k-calendar .k-content, html body.yp .ypw-portlet .k-calendar .k-content th {
    text-align: right; }
  html body.yp .ypw-portlet .k-calendar .k-animation-container .k-content {
    height: 100%; }
  html body.yp .ypw-portlet .k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75%;
    height: 1.8333em;
    line-height: 1.8333em;
    margin: .16666em -.08333em .3333em 0; }
  html body.yp .ypw-portlet .k-calendar .k-header .k-icon {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-calendar .k-header .k-link.k-nav-next, html body.yp .ypw-portlet .k-calendar .k-header .k-link.k-nav-prev {
    height: 1.8333em;
    width: 1.8333em; }
  html body.yp .ypw-portlet .k-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: 400;
    cursor: default; }
  html body.yp .ypw-portlet .k-calendar td {
    padding: .08333em;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-calendar .k-state-focus {
    border-style: dotted;
    border-width: .08333em;
    padding: 0; }
  html body.yp .ypw-portlet .k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    min-height: 1.8333em;
    line-height: 1.8333em;
    padding: 0 .45em 0 .1em; }
  html body.yp .ypw-portlet .k-calendar .k-meta-view .k-link {
    padding: .25em 0 .3em;
    text-align: center; }
  html body.yp .ypw-portlet .k-calendar .k-footer {
    clear: both; }
  html body.yp .ypw-portlet .k-calendar .k-footer .k-nav-today, html body.yp .ypw-portlet .k-calendar .k-footer > .k-state-disabled {
    display: block;
    height: 100%;
    padding: .5em 0; }
  html body.yp .ypw-portlet .k-calendar .k-nav-today:hover {
    text-decoration: underline; }
  html body.yp .ypw-portlet div.k-treeview {
    border-width: 0;
    background: 0 0;
    overflow: auto;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px; }
  html body.yp .ypw-portlet .k-treeview .k-content, html body.yp .ypw-portlet .k-treeview .k-item > .k-group, html body.yp .ypw-portlet .k-treeview > .k-group {
    margin: 0;
    padding: 0;
    background: 0 0;
    list-style-type: none;
    position: relative; }
  html body.yp .ypw-portlet .k-treeview .k-checkbox, html body.yp .ypw-portlet .k-treeview .k-icon, html body.yp .ypw-portlet .k-treeview .k-image, html body.yp .ypw-portlet .k-treeview .k-in, html body.yp .ypw-portlet .k-treeview .k-sprite {
    display: inline-block;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-treeview .k-checkbox {
    margin-top: .2em; }
  html body.yp .ypw-portlet .k-treeview .k-icon, html body.yp .ypw-portlet .k-treeview .k-in {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-treeview .k-request-retry {
    vertical-align: baseline; }
  html body.yp .ypw-portlet .k-treeview .k-i-collapse, html body.yp .ypw-portlet .k-treeview .k-i-expand, html body.yp .ypw-portlet .k-treeview .k-i-minus, html body.yp .ypw-portlet .k-treeview .k-i-minus-disabled, html body.yp .ypw-portlet .k-treeview .k-i-plus, html body.yp .ypw-portlet .k-treeview .k-i-plus-disabled, html body.yp .ypw-portlet .k-treeview .k-minus, html body.yp .ypw-portlet .k-treeview .k-minus-disabled, html body.yp .ypw-portlet .k-treeview .k-plus, html body.yp .ypw-portlet .k-treeview .k-plus-disabled {
    margin-top: .25em;
    margin-left: -16px;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-treeview .k-i-minus-disabled, html body.yp .ypw-portlet .k-treeview .k-i-plus-disabled, html body.yp .ypw-portlet .k-treeview .k-minus-disabled, html body.yp .ypw-portlet .k-treeview .k-plus-disabled {
    cursor: default; }
  html body.yp .ypw-portlet .k-treeview .k-image, html body.yp .ypw-portlet .k-treeview .k-sprite {
    margin-right: 3px; }
  html body.yp .ypw-portlet .k-treeview .k-in {
    margin: 1px 0 1px .3333em;
    padding: .429em .6667em .429em .5833em;
    line-height: 1.3333em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px; }
  html body.yp .ypw-portlet .k-treeview span.k-in {
    cursor: default; }
  html body.yp .ypw-portlet .k-treeview .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat; }
  html body.yp .ypw-portlet .k-toolbar .k-split-button, html body.yp .ypw-portlet span.k-colorpicker, html body.yp .ypw-portlet span.k-combobox, html body.yp .ypw-portlet span.k-datepicker, html body.yp .ypw-portlet span.k-datetimepicker, html body.yp .ypw-portlet span.k-dropdown, html body.yp .ypw-portlet span.k-numerictextbox, html body.yp .ypw-portlet span.k-timepicker {
    background-image: none; }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-colorpicker, html body.yp .ypw-portlet .k-combobox, html body.yp .ypw-portlet .k-datepicker, html body.yp .ypw-portlet .k-datetimepicker, html body.yp .ypw-portlet .k-dropdown, html body.yp .ypw-portlet .k-numerictextbox, html body.yp .ypw-portlet .k-selectbox, html body.yp .ypw-portlet .k-textbox, html body.yp .ypw-portlet .k-timepicker, html body.yp .ypw-portlet .k-toolbar .k-split-button {
    position: relative;
    display: inline-block;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-autocomplete > .k-i-close, html body.yp .ypw-portlet .k-combobox > .k-dropdown-wrap > .k-i-close, html body.yp .ypw-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    display: none;
    position: absolute;
    right: 0; }
  html body.yp .ypw-portlet .k-autocomplete > .k-i-close, html body.yp .ypw-portlet .k-combobox > .k-dropdown-wrap > .k-i-close {
    bottom: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  html body.yp .ypw-portlet .k-ie8 .k-autocomplete > .k-i-close, html body.yp .ypw-portlet .k-ie8 .k-combobox > .k-dropdown-wrap > .k-i-close {
    margin-top: -8px; }
  html body.yp .ypw-portlet .k-combobox > .k-dropdown-wrap > .k-i-close {
    font-size: 100%;
    right: 2.4em; }
  html body.yp .ypw-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    top: 6px; }
  html body.yp .ypw-portlet .k-autocomplete > .k-i-close, html body.yp .ypw-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    margin-right: 6px; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-focused > .k-i-close, html body.yp .ypw-portlet .k-autocomplete.k-state-hover > .k-i-close, html body.yp .ypw-portlet .k-combobox > .k-dropdown-wrap.k-state-focused > .k-i-close, html body.yp .ypw-portlet .k-combobox > .k-dropdown-wrap.k-state-hover > .k-i-close {
    display: inline-block;
    outline: 0; }
  html body.yp .ypw-portlet .k-autocomplete > .k-i-close.k-loading-hidden, html body.yp .ypw-portlet .k-combobox > .k-dropdown-wrap > .k-i-close.k-loading-hidden {
    display: none; }
  html body.yp .ypw-portlet .k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close, html body.yp .ypw-portlet .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close {
    display: inline-block;
    outline: 0; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-border-down > .k-i-close, html body.yp .ypw-portlet .k-combobox > .k-dropdown-wrap.k-state-border-down > .k-i-close {
    margin-top: -1px; }
  html body.yp .ypw-portlet .k-filter-menu .k-autocomplete, html body.yp .ypw-portlet .k-filter-menu .k-combobox, html body.yp .ypw-portlet .k-filter-menu .k-datepicker, html body.yp .ypw-portlet .k-filter-menu .k-datetimepicker, html body.yp .ypw-portlet .k-filter-menu .k-dropdown, html body.yp .ypw-portlet .k-filter-menu .k-numerictextbox, html body.yp .ypw-portlet .k-filter-menu .k-textbox, html body.yp .ypw-portlet .k-filter-menu .k-timepicker {
    width: 13.2em; }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-colorpicker, html body.yp .ypw-portlet .k-combobox, html body.yp .ypw-portlet .k-datepicker, html body.yp .ypw-portlet .k-datetimepicker, html body.yp .ypw-portlet .k-dropdown, html body.yp .ypw-portlet .k-numerictextbox, html body.yp .ypw-portlet .k-selectbox, html body.yp .ypw-portlet .k-timepicker, html body.yp .ypw-portlet .k-toolbar .k-split-button {
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-colorpicker, html body.yp .ypw-portlet .k-toolbar .k-split-button {
    width: auto; }
  html body.yp .ypw-portlet .k-datetimepicker {
    width: 15em; }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-numeric-wrap, html body.yp .ypw-portlet .k-picker-wrap {
    position: relative;
    cursor: default; }
  html body.yp .ypw-portlet .k-dropdown-wrap {
    position: relative; }
  html body.yp .ypw-portlet .k-dropdown-wrap, html body.yp .ypw-portlet .k-numeric-wrap, html body.yp .ypw-portlet .k-picker-wrap {
    display: block; }
  html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-content, html body.yp .ypw-portlet .k-grid, html body.yp .ypw-portlet .k-header-column-menu, html body.yp .ypw-portlet .k-panelbar, html body.yp .ypw-portlet .k-slider, html body.yp .ypw-portlet .k-splitter, html body.yp .ypw-portlet .k-treeview, html body.yp .ypw-portlet .k-widget {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-calendar, html body.yp .ypw-portlet .k-grid-header .k-link, html body.yp .ypw-portlet .k-header-column-menu, html body.yp .ypw-portlet .k-pager-wrap, html body.yp .ypw-portlet .k-slider, html body.yp .ypw-portlet .k-splitbar, html body.yp .ypw-portlet .k-treeview {
    -webkit-touch-callout: none; }
  html body.yp .ypw-portlet .k-list-scroller {
    position: relative;
    overflow: auto; }
  html body.yp .ypw-portlet .k-popup.k-calendar-container, html body.yp .ypw-portlet .k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 2px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-border-down, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-border-down, html body.yp .ypw-portlet .k-list-container.k-state-border-down, html body.yp .ypw-portlet .k-numeric-wrap.k-state-border-down, html body.yp .ypw-portlet .k-picker-wrap.k-state-border-down {
    border-bottom-width: 0;
    padding-bottom: 1px; }
  html body.yp .ypw-portlet .k-list-container .km-scroll-container {
    padding-bottom: 6px; }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-dropdown-wrap, html body.yp .ypw-portlet .k-numeric-wrap, html body.yp .ypw-portlet .k-picker-wrap, html body.yp .ypw-portlet .k-textbox {
    border-width: 1px;
    border-style: solid;
    padding: 0 1.9em 0 0; }
  html body.yp .ypw-portlet .k-numeric-wrap.k-expand-padding {
    padding-right: 0; }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-textbox {
    padding: 0; }
  html body.yp .ypw-portlet .k-textbox.k-space-left {
    padding-left: 1.9em; }
  html body.yp .ypw-portlet .k-textbox.k-space-right {
    padding-right: 1.9em; }
  html body.yp .ypw-portlet .k-textbox .k-icon {
    top: 50%;
    margin: -8px 0 0;
    position: absolute; }
  html body.yp .ypw-portlet .k-space-left .k-icon {
    left: 3px; }
  html body.yp .ypw-portlet .k-space-right .k-icon {
    right: 3px; }
  html body.yp .ypw-portlet span.k-textbox:after {
    content: "\a0";
    display: block;
    height: .4px;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-focused, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-hover, html body.yp .ypw-portlet .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .k-numeric-wrap.k-state-hover, html body.yp .ypw-portlet .k-picker-wrap.k-state-focused, html body.yp .ypw-portlet .k-picker-wrap.k-state-hover {
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    -webkit-transition: "box-shadow .15s ease-out";
    transition: "box-shadow .15s ease-out"; }
  html body.yp .ypw-portlet .k-combobox .k-input, html body.yp .ypw-portlet .k-numeric-wrap .k-input, html body.yp .ypw-portlet .k-picker-wrap .k-input, html body.yp .ypw-portlet .k-textbox > input {
    width: 100%;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-dropdown-wrap .k-input, html body.yp .ypw-portlet .k-numeric-wrap .k-input, html body.yp .ypw-portlet .k-picker-wrap .k-input, html body.yp .ypw-portlet .k-selectbox .k-input {
    font-family: inherit;
    border-width: 0;
    outline: 0; }
  html body.yp .ypw-portlet .k-dropdown .k-input, html body.yp .ypw-portlet .k-selectbox .k-input {
    background: 0 0; }
  html body.yp .ypw-portlet .k-dropdown-wrap .k-select, html body.yp .ypw-portlet .k-numeric-wrap .k-select, html body.yp .ypw-portlet .k-picker-wrap .k-select {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none; }
  html body.yp .ypw-portlet .k-combobox .k-select, html body.yp .ypw-portlet .k-numeric-wrap .k-select, html body.yp .ypw-portlet .k-picker-wrap .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: inherit; }
  html body.yp .ypw-portlet span.k-datetimepicker .k-select, html body.yp .ypw-portlet span.k-datetimepicker .k-select + .k-select {
    right: 0; }
  html body.yp .ypw-portlet .k-autocomplete .k-input, html body.yp .ypw-portlet .k-textbox > input {
    display: block; }
  html body.yp .ypw-portlet .k-dropdown .k-select, html body.yp .ypw-portlet .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit; }
  html body.yp .ypw-portlet .k-dropdown .k-input, html body.yp .ypw-portlet .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .ypw-portlet .k-autocomplete .k-input, html body.yp .ypw-portlet .k-dropdown-wrap .k-input, html body.yp .ypw-portlet .k-numeric-wrap .k-input, html body.yp .ypw-portlet .k-picker-wrap .k-input, html body.yp .ypw-portlet .k-selectbox .k-input, html body.yp .ypw-portlet .k-textbox > input {
    height: 2.214em;
    line-height: 2.214em;
    padding: .177em 0;
    text-indent: .8em;
    border: 0;
    margin: 0; }
  html body.yp .ypw-portlet .k-combobox .k-dropdown-wrap:before, html body.yp .ypw-portlet .k-numeric-wrap:before, html body.yp .ypw-portlet .k-picker-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 2.214em;
    padding-bottom: .3em; }
  html body.yp .ypw-portlet .k-webkit .k-combobox .k-dropdown-wrap:before, html body.yp .ypw-portlet .k-webkit .k-numeric-wrap:before, html body.yp .ypw-portlet .k-webkit .k-picker-wrap:before {
    padding-bottom: .38em; }
  html body.yp .ypw-portlet .km.root .k-combobox .k-dropdown-wrap:before, html body.yp .ypw-portlet .km.root .k-numeric-wrap:before, html body.yp .ypw-portlet .km.root .k-picker-wrap:before {
    content: none; }
  html body.yp .ypw-portlet .k-combobox .k-input, html body.yp .ypw-portlet .k-numeric-wrap .k-input, html body.yp .ypw-portlet .k-picker-wrap .k-input {
    display: inline; }
  html body.yp .ypw-portlet .k-dropdown-wrap .k-select, html body.yp .ypw-portlet .k-numeric-wrap .k-select, html body.yp .ypw-portlet .k-picker-wrap .k-select {
    min-height: 2.214em;
    line-height: 2.564em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 1.9em;
    height: 100%; }
  html body.yp .ypw-portlet .k-numeric-wrap .k-select {
    padding: 0; }
  html body.yp .ypw-portlet body .k-datetimepicker .k-select {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-combobox .k-select, html body.yp .ypw-portlet .k-dropdown, html body.yp .ypw-portlet .k-selectbox .k-icon {
    cursor: pointer; }
  html body.yp .ypw-portlet .k-popup {
    border-style: solid;
    border-width: 1px; }
  html body.yp .ypw-portlet .k-list-optionlabel, html body.yp .ypw-portlet .k-popup .k-item {
    cursor: default; }
  html body.yp .ypw-portlet .k-popup .k-calendar {
    border: 0; }
  html body.yp .ypw-portlet .k-list {
    height: auto; }
  html body.yp .ypw-portlet .k-nodata {
    min-height: 138px;
    width: 100%;
    display: table;
    text-transform: uppercase;
    font-size: .85em;
    font-weight: lighter; }
  html body.yp .ypw-portlet .k-nodata > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 11px; }
  html body.yp .ypw-portlet .k-fieldselector .k-list .k-item, html body.yp .ypw-portlet .k-list-optionlabel, html body.yp .ypw-portlet .k-popup .k-list .k-item, html body.yp .ypw-portlet .k-popup > .k-group-header, html body.yp .ypw-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em; }
  html body.yp .ypw-portlet .k-popup .k-list .k-item {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding: 0 4px; }
  html body.yp .ypw-portlet .k-popup .k-list .k-item > .k-group {
    top: -1px; }
  html body.yp .ypw-portlet .k-group-header + div > .k-list > .k-item.k-first:before {
    content: " ";
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0; }
  html body.yp .ypw-portlet .k-popup > .k-group-header, html body.yp .ypw-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    padding-right: 22px; }
  html body.yp .ypw-portlet .k-overflow-container .k-item {
    padding: 1px; }
  html body.yp .ypw-portlet .k-overflow-container .k-button.k-state-disabled, html body.yp .ypw-portlet .k-overflow-container .k-button.k-state-disabled:hover, html body.yp .ypw-portlet .k-overflow-container > .k-state-disabled .k-button {
    border: 0;
    background: 0 0; }
  html body.yp .ypw-portlet .k-fieldselector .k-list .k-item, html body.yp .ypw-portlet .k-list-optionlabel.k-state-focused, html body.yp .ypw-portlet .k-list-optionlabel.k-state-selected, html body.yp .ypw-portlet .k-overflow-container .k-state-focused, html body.yp .ypw-portlet .k-overflow-container .k-state-hover, html body.yp .ypw-portlet .k-overflow-container .k-state-selected, html body.yp .ypw-portlet .k-popup .k-list .k-state-focused, html body.yp .ypw-portlet .k-popup .k-list .k-state-hover, html body.yp .ypw-portlet .k-popup .k-list .k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-list-filter {
    position: relative;
    margin-bottom: 2px; }
  html body.yp .ypw-portlet .k-list-filter > .k-textbox {
    padding-right: 20px;
    width: 100%; }
  html body.yp .ypw-portlet .k-list-filter > .k-icon {
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  html body.yp .ypw-portlet .km-root .k-list-filter > .k-textbox {
    padding-left: 0;
    padding-right: 0;
    border-left-width: 0;
    border-right-width: 0; }
  html body.yp .ypw-portlet .k-multiselect-wrap {
    position: relative;
    border-width: 0;
    border-style: solid;
    border-radius: 4px;
    border-color: #C5C5C5;
    background-color: #FFF;
    min-height: 2.04em; }
  html body.yp .ypw-portlet .k-multiselect-wrap .k-input {
    background-color: transparent;
    height: 1.31em;
    line-height: 1.31em;
    padding: .18em 0;
    text-indent: .8em;
    border: 0;
    margin: 1px 0 0;
    float: left; }
  html body.yp .ypw-portlet .k-multiselect-wrap .k-input::-ms-clear {
    display: none; }
  html body.yp .ypw-portlet .k-multiselect-wrap li {
    margin: 1px 0 1px 1px;
    padding: .1em 1.6em .1em .4em;
    line-height: 2.064em;
    float: left;
    position: relative; }
  html body.yp .ypw-portlet .k-autocomplete .k-i-loading, html body.yp .ypw-portlet .k-autocomplete .k-loading, html body.yp .ypw-portlet .k-multiselect .k-i-loading, html body.yp .ypw-portlet .k-multiselect .k-loading {
    position: absolute;
    right: 3px;
    bottom: 4px; }
  html body.yp .ypw-portlet .k-multiselect .k-loading-hidden {
    visibility: hidden; }
  html body.yp .ypw-portlet .k-multiselect-wrap .k-select {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: .1em .2em; }
  html body.yp .ypw-portlet .k-datetimepicker .k-picker-wrap {
    padding-right: 3.8em; }
  html body.yp .ypw-portlet .k-datetimepicker .k-select {
    width: 3.8em; }
  html body.yp .ypw-portlet .k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 2px; }
  html body.yp .ypw-portlet .k-picker-wrap .k-icon {
    cursor: pointer; }
  html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-datepicker, html body.yp .ypw-portlet .k-datetimepicker, html body.yp .ypw-portlet .k-textbox, html body.yp .ypw-portlet .k-timepicker {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-picker-wrap .k-input {
    margin: 0; }
  html body.yp .ypw-portlet .k-time-popup .k-item {
    padding: 1px 3px; }
  html body.yp .ypw-portlet .k-input {
    padding: .25em 0; }
  html body.yp .ypw-portlet .k-input, html body.yp .ypw-portlet .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html body.yp .ypw-portlet .k-textbox {
    outline: 0; }
  html body.yp .ypw-portlet input.k-textbox, html body.yp .ypw-portlet textarea.k-textbox {
    padding: 2px .3em; }
  html body.yp .ypw-portlet input.k-textbox {
    height: 2.694em;
    text-indent: .8em;
    line-height: 1.6em; }
  html body.yp .ypw-portlet .k-ie input.k-textbox {
    text-indent: .4em; }
  html body.yp .ypw-portlet .k-ff input.k-textbox {
    height: 2.17em; }
  html body.yp .ypw-portlet textarea.k-textbox {
    height: auto; }
  html body.yp .ypw-portlet span.k-numerictextbox {
    background-color: transparent; }
  html body.yp .ypw-portlet .k-numerictextbox .k-input {
    margin: 0; }
  html body.yp .ypw-portlet .k-numerictextbox .k-link {
    display: block;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    border-width: 0;
    padding: 0; }
  html body.yp .ypw-portlet .k-numerictextbox .k-icon {
    height: 11px; }
  html body.yp .ypw-portlet .k-numeric-wrap .k-input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  html body.yp .ypw-portlet .k-colorpicker .k-picker-wrap {
    line-height: 2em; }
  html body.yp .ypw-portlet .k-colorpicker .k-selected-color {
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    height: 2em;
    width: 2em; }
  html body.yp .ypw-portlet .k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    font-size: 0;
    line-height: 0;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -ms-high-contrast-adjust: none; }
  html body.yp .ypw-portlet .k-colorpicker .k-tool-icon .k-selected-color {
    display: block;
    height: 3px;
    width: 16px;
    position: absolute;
    left: 3px;
    bottom: -3px;
    border-radius: 0 !important; }
  html body.yp .ypw-portlet .k-colorpicker .k-select {
    cursor: pointer; }
  html body.yp .ypw-portlet .k-disabled-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50); }
  html body.yp .ypw-portlet .k-colorpalette {
    position: relative;
    line-height: 0;
    border-width: 0;
    display: inline-block; }
  html body.yp .ypw-portlet .k-colorpalette .k-palette {
    border-collapse: collapse;
    position: relative;
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .k-colorpalette .k-item {
    width: 14px;
    height: 14px;
    overflow: hidden;
    -ms-high-contrast-adjust: none; }
  html body.yp .ypw-portlet .k-colorpalette .k-item.k-state-selected, html body.yp .ypw-portlet .k-colorpalette .k-item.k-state-selected:hover {
    z-index: 100;
    background: 0 0;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    position: relative; }
  html body.yp .ypw-portlet .k-colorpalette .k-item:hover {
    z-index: 101;
    position: relative;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
  html body.yp .ypw-portlet .k-flatcolorpicker {
    position: relative;
    display: inline-block;
    width: 250px;
    padding-bottom: 5px; }
  html body.yp .ypw-portlet div.k-flatcolorpicker {
    background-color: transparent;
    background-image: none; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-selected-color {
    background-image: url(textures/transtexture.png);
    background-position: 50% 50%;
    text-align: right; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-selected-color input.k-color-value {
    font-family: Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;
    padding: .75em .3em .65em 1em;
    border: 0;
    margin: 0;
    width: 70%; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hsv-rectangle {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pinch-zoom double-tap-zoom; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border: 1px solid #eee;
    margin-left: -5px;
    margin-top: -5px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px #444;
    box-shadow: 0 1px 2px #444;
    background: 0 0; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus, html body.yp .ypw-portlet .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {
    background: 0 0;
    border-color: #fff;
    -webkit-box-shadow: 0 1px 5px #000;
    box-shadow: 0 1px 5px #000; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hsv-rectangle.k-dragging, html body.yp .ypw-portlet .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
    cursor: none; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-slider-horizontal {
    height: 20px;
    width: 90%;
    margin: 0 5%; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
    -webkit-box-shadow: 0 1px 0 #fff,0 -1px 0 #999;
    box-shadow: 0 1px 0 #fff,0 -1px 0 #999; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider {
    display: block; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-slider-selection, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
    background: 0 0; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle {
    background: 0 0;
    border: 3px solid #eee;
    margin-top: 1px;
    height: 8px;
    width: 8px;
    -webkit-box-shadow: 0 1px 4px #444;
    box-shadow: 0 1px 4px #444; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
    background: 0 0;
    border-color: #fff;
    -webkit-box-shadow: 0 1px 5px #000;
    box-shadow: 0 1px 5px #000;
    border-width: 2px;
    padding: 1px; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), to(#ff0004));
    background: -webkit-linear-gradient(left, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
    background: linear-gradient(to right, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background-image: url(textures/transparency.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: 100% 50%;
    background-repeat: no-repeat; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-controls {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 90%; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-controls .k-button {
    width: 6em; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hsv-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)), -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
    height: 180px;
    margin-bottom: 5px; }
  html body.yp .ypw-portlet .k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
  html body.yp .ypw-portlet .k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
  html body.yp .ypw-portlet .k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(textures/hue.png) repeat 0 50%; }
  html body.yp .ypw-portlet .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url(textures/transparency.png) repeat 0 50%; }
  html body.yp .ypw-portlet .k-ie8 .k-flatcolorpicker .k-hsv-gradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0); }
  html body.yp .ypw-portlet table.k-editor {
    width: 100%;
    height: 250px;
    table-layout: fixed;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    border-spacing: 4px;
    font-size: 100%;
    vertical-align: top;
    position: relative; }
  html body.yp .ypw-portlet .k-editor-inline {
    border-width: 2px;
    padding: .3em .5em;
    word-wrap: break-word;
    overflow: auto;
    position: relative; }
  html body.yp .ypw-portlet .k-editortoolbar-dragHandle {
    cursor: move;
    padding-left: 0;
    padding-right: 3px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .ypw-portlet .k-editor-widget > .k-window-content {
    overflow: hidden; }
  html body.yp .ypw-portlet .k-editor .k-editor-toolbar-wrap {
    border: 0;
    padding: 0; }
  html body.yp .ypw-portlet .k-editor-toolbar {
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    line-height: 1.3em;
    cursor: default;
    word-wrap: break-word; }
  html body.yp .ypw-portlet .k-editor-toolbar li {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-edge .k-editor-toolbar, html body.yp .ypw-portlet .k-ff .k-editor-toolbar, html body.yp .ypw-portlet .k-ie9 .k-editor-toolbar, html body.yp .ypw-portlet .k-webkit .k-editor-toolbar {
    padding: 0; }
  html body.yp .ypw-portlet .k-edge .k-editor-toolbar li, html body.yp .ypw-portlet .k-ff .k-editor-toolbar li, html body.yp .ypw-portlet .k-ie10 .k-editor-toolbar li, html body.yp .ypw-portlet .k-ie9 .k-editor-toolbar li, html body.yp .ypw-portlet .k-safari .k-editor-toolbar li, html body.yp .ypw-portlet .k-webkit .k-editor-toolbar li {
    display: inline-block;
    padding: .1em 0; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-editor-widget, html body.yp .ypw-portlet .k-editor-toolbar > li {
    margin-right: 6px; }
  html body.yp .ypw-portlet .k-group-start.k-group-end .k-editor-widget {
    margin-right: 0; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-editor-dropdown {
    position: relative; }
  html body.yp .ypw-portlet .k-select-overlay {
    -webkit-appearance: none;
    opacity: 0;
    z-index: 11000;
    top: 0;
    left: 0;
    position: absolute;
    height: 26px;
    width: 100%;
    margin: -4px 0 0; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-separator {
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 .3em 0 .1em;
    padding: 0 0 0 1px;
    font-size: 1.3em; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-break {
    display: block;
    height: 1px;
    font-size: 0;
    line-height: 0; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-colorpicker, html body.yp .ypw-portlet .k-editor-toolbar .k-combobox, html body.yp .ypw-portlet .k-editor-toolbar .k-dropdown, html body.yp .ypw-portlet .k-editor-toolbar .k-selectbox {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-button-group {
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-button-group .k-tool {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 0;
    width: 36px;
    height: 36px;
    line-height: 36px; }
  html body.yp .ypw-portlet .k-button-group .k-tool-icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    -ms-high-contrast-adjust: none; }
  html body.yp .ypw-portlet .k-i-move {
    background-position: -160px -288px; }
  html body.yp .ypw-portlet .k-bold, html body.yp .ypw-portlet .k-i-bold {
    background-position: -240px 0; }
  html body.yp .ypw-portlet .k-state-hover .k-bold, html body.yp .ypw-portlet .k-state-hover .k-i-bold, html body.yp .ypw-portlet .k-state-selected .k-bold, html body.yp .ypw-portlet .k-state-selected .k-i-bold {
    background-position: -264px 0;
    background-position: -240px 0; }
  html body.yp .ypw-portlet .k-state-hover .k-bold, html body.yp .ypw-portlet .k-state-hover .k-i-bold, html body.yp .ypw-portlet .k-state-selected .k-bold, html body.yp .ypw-portlet .k-state-selected .k-i-bold {
    background-position: -240px 0; }
  html body.yp .ypw-portlet .k-i-italic, html body.yp .ypw-portlet .k-italic {
    background-position: -240px -24px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-italic, html body.yp .ypw-portlet .k-state-hover .k-italic, html body.yp .ypw-portlet .k-state-selected .k-i-italic, html body.yp .ypw-portlet .k-state-selected .k-italic {
    background-position: -264px -24px;
    background-position: -240px -24px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-italic, html body.yp .ypw-portlet .k-state-hover .k-italic, html body.yp .ypw-portlet .k-state-selected .k-i-italic, html body.yp .ypw-portlet .k-state-selected .k-italic {
    background-position: -240px -24px; }
  html body.yp .ypw-portlet .k-i-underline, html body.yp .ypw-portlet .k-underline {
    background-position: -240px -48px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-underline, html body.yp .ypw-portlet .k-state-hover .k-underline, html body.yp .ypw-portlet .k-state-selected .k-i-underline, html body.yp .ypw-portlet .k-state-selected .k-underline {
    background-position: -264px -48px;
    background-position: -240px -48px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-underline, html body.yp .ypw-portlet .k-state-hover .k-underline, html body.yp .ypw-portlet .k-state-selected .k-i-underline, html body.yp .ypw-portlet .k-state-selected .k-underline {
    background-position: -240px -48px; }
  html body.yp .ypw-portlet .k-i-strikethrough, html body.yp .ypw-portlet .k-strikethrough {
    background-position: -240px -72px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-strikethrough, html body.yp .ypw-portlet .k-state-hover .k-strikethrough, html body.yp .ypw-portlet .k-state-selected .k-i-strikethrough, html body.yp .ypw-portlet .k-state-selected .k-strikethrough {
    background-position: -264px -72px;
    background-position: -240px -72px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-strikethrough, html body.yp .ypw-portlet .k-state-hover .k-strikethrough, html body.yp .ypw-portlet .k-state-selected .k-i-strikethrough, html body.yp .ypw-portlet .k-state-selected .k-strikethrough {
    background-position: -240px -72px; }
  html body.yp .ypw-portlet .k-foreColor {
    background-position: -240px -96px; }
  html body.yp .ypw-portlet .k-state-hover .k-foreColor, html body.yp .ypw-portlet .k-state-selected .k-foreColor {
    background-position: -264px -96px;
    background-position: -240px -96px; }
  html body.yp .ypw-portlet .k-state-hover .k-foreColor, html body.yp .ypw-portlet .k-state-selected .k-foreColor {
    background-position: -240px -96px; }
  html body.yp .ypw-portlet .k-backColor {
    background-position: -240px -120px; }
  html body.yp .ypw-portlet .k-state-hover .k-backColor, html body.yp .ypw-portlet .k-state-selected .k-backColor {
    background-position: -264px -120px;
    background-position: -240px -120px; }
  html body.yp .ypw-portlet .k-state-hover .k-backColor, html body.yp .ypw-portlet .k-state-selected .k-backColor {
    background-position: -240px -120px; }
  html body.yp .ypw-portlet .k-colorpicker .k-foreColor {
    background-position: -240px -96px; }
  html body.yp .ypw-portlet .k-colorpicker .k-backColor {
    background-position: -240px -120px; }
  html body.yp .ypw-portlet .k-i-align-left, html body.yp .ypw-portlet .k-i-justify-left, html body.yp .ypw-portlet .k-justifyLeft {
    background-position: -240px -144px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-align-left, html body.yp .ypw-portlet .k-state-hover .k-i-justify-left, html body.yp .ypw-portlet .k-state-hover .k-justifyLeft, html body.yp .ypw-portlet .k-state-selected .k-i-align-left, html body.yp .ypw-portlet .k-state-selected .k-i-justify-left, html body.yp .ypw-portlet .k-state-selected .k-justifyLeft {
    background-position: -264px -144px;
    background-position: -240px -144px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-align-left, html body.yp .ypw-portlet .k-state-hover .k-i-justify-left, html body.yp .ypw-portlet .k-state-hover .k-justifyLeft, html body.yp .ypw-portlet .k-state-selected .k-i-align-left, html body.yp .ypw-portlet .k-state-selected .k-i-justify-left, html body.yp .ypw-portlet .k-state-selected .k-justifyLeft {
    background-position: -240px -144px; }
  html body.yp .ypw-portlet .k-i-align-center, html body.yp .ypw-portlet .k-i-justify-center, html body.yp .ypw-portlet .k-justifyCenter {
    background-position: -240px -168px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-align-center, html body.yp .ypw-portlet .k-state-hover .k-i-justify-center, html body.yp .ypw-portlet .k-state-hover .k-justifyCenter, html body.yp .ypw-portlet .k-state-selected .k-i-align-center, html body.yp .ypw-portlet .k-state-selected .k-i-justify-center, html body.yp .ypw-portlet .k-state-selected .k-justifyCenter {
    background-position: -264px -168px;
    background-position: -240px -168px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-align-center, html body.yp .ypw-portlet .k-state-hover .k-i-justify-center, html body.yp .ypw-portlet .k-state-hover .k-justifyCenter, html body.yp .ypw-portlet .k-state-selected .k-i-align-center, html body.yp .ypw-portlet .k-state-selected .k-i-justify-center, html body.yp .ypw-portlet .k-state-selected .k-justifyCenter {
    background-position: -240px -168px; }
  html body.yp .ypw-portlet .k-i-align-right, html body.yp .ypw-portlet .k-i-justify-right, html body.yp .ypw-portlet .k-justifyRight {
    background-position: -240px -192px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-align-right, html body.yp .ypw-portlet .k-state-hover .k-i-justify-right, html body.yp .ypw-portlet .k-state-hover .k-justifyRight, html body.yp .ypw-portlet .k-state-selected .k-i-align-right, html body.yp .ypw-portlet .k-state-selected .k-i-justify-right, html body.yp .ypw-portlet .k-state-selected .k-justifyRight {
    background-position: -264px -192px;
    background-position: -240px -192px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-align-right, html body.yp .ypw-portlet .k-state-hover .k-i-justify-right, html body.yp .ypw-portlet .k-state-hover .k-justifyRight, html body.yp .ypw-portlet .k-state-selected .k-i-align-right, html body.yp .ypw-portlet .k-state-selected .k-i-justify-right, html body.yp .ypw-portlet .k-state-selected .k-justifyRight {
    background-position: -240px -192px; }
  html body.yp .ypw-portlet .k-i-align-justify, html body.yp .ypw-portlet .k-i-justify-full, html body.yp .ypw-portlet .k-justifyFull {
    background-position: -240px -216px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-align-justify, html body.yp .ypw-portlet .k-state-hover .k-i-justify-full, html body.yp .ypw-portlet .k-state-hover .k-justifyFull, html body.yp .ypw-portlet .k-state-selected .k-i-align-justify, html body.yp .ypw-portlet .k-state-selected .k-i-justify-full, html body.yp .ypw-portlet .k-state-selected .k-justifyFull {
    background-position: -264px -216px;
    background-position: -240px -216px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-align-justify, html body.yp .ypw-portlet .k-state-hover .k-i-justify-full, html body.yp .ypw-portlet .k-state-hover .k-justifyFull, html body.yp .ypw-portlet .k-state-selected .k-i-align-justify, html body.yp .ypw-portlet .k-state-selected .k-i-justify-full, html body.yp .ypw-portlet .k-state-selected .k-justifyFull {
    background-position: -240px -216px; }
  html body.yp .ypw-portlet .k-i-insert-unordered-list, html body.yp .ypw-portlet .k-i-unordered-list, html body.yp .ypw-portlet .k-insertUnorderedList {
    background-position: -240px -264px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-insert-unordered-list, html body.yp .ypw-portlet .k-state-hover .k-i-unordered-list, html body.yp .ypw-portlet .k-state-hover .k-insertUnorderedList, html body.yp .ypw-portlet .k-state-selected .k-i-insert-unordered-list, html body.yp .ypw-portlet .k-state-selected .k-i-unordered-list, html body.yp .ypw-portlet .k-state-selected .k-insertUnorderedList {
    background-position: -264px -264px;
    background-position: -240px -264px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-insert-unordered-list, html body.yp .ypw-portlet .k-state-hover .k-i-unordered-list, html body.yp .ypw-portlet .k-state-hover .k-insertUnorderedList, html body.yp .ypw-portlet .k-state-selected .k-i-insert-unordered-list, html body.yp .ypw-portlet .k-state-selected .k-i-unordered-list, html body.yp .ypw-portlet .k-state-selected .k-insertUnorderedList {
    background-position: -240px -264px; }
  html body.yp .ypw-portlet .k-i-insert-ordered-list, html body.yp .ypw-portlet .k-i-ordered-list, html body.yp .ypw-portlet .k-insertOrderedList {
    background-position: -240px -288px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-insert-ordered-list, html body.yp .ypw-portlet .k-state-hover .k-i-ordered-list, html body.yp .ypw-portlet .k-state-hover .k-insertOrderedList, html body.yp .ypw-portlet .k-state-selected .k-i-insert-ordered-list, html body.yp .ypw-portlet .k-state-selected .k-i-ordered-list, html body.yp .ypw-portlet .k-state-selected .k-insertOrderedList {
    background-position: -264px -288px;
    background-position: -240px -288px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-insert-ordered-list, html body.yp .ypw-portlet .k-state-hover .k-i-ordered-list, html body.yp .ypw-portlet .k-state-hover .k-insertOrderedList, html body.yp .ypw-portlet .k-state-selected .k-i-insert-ordered-list, html body.yp .ypw-portlet .k-state-selected .k-i-ordered-list, html body.yp .ypw-portlet .k-state-selected .k-insertOrderedList {
    background-position: -240px -288px; }
  html body.yp .ypw-portlet .k-i-indent, html body.yp .ypw-portlet .k-indent, html body.yp .ypw-portlet .k-rtl .k-i-outdent, html body.yp .ypw-portlet .k-rtl .k-outdent {
    background-position: -288px 0; }
  html body.yp .ypw-portlet .k-state-hover .k-i-indent, html body.yp .ypw-portlet .k-state-hover .k-indent, html body.yp .ypw-portlet .k-state-hover .k-rtl .k-i-outdent, html body.yp .ypw-portlet .k-state-hover .k-rtl .k-outdent, html body.yp .ypw-portlet .k-state-selected .k-i-indent, html body.yp .ypw-portlet .k-state-selected .k-indent, html body.yp .ypw-portlet .k-state-selected .k-rtl .k-i-outdent, html body.yp .ypw-portlet .k-state-selected .k-rtl .k-outdent {
    background-position: -312px 0;
    background-position: -288px 0; }
  html body.yp .ypw-portlet .k-state-hover .k-i-indent, html body.yp .ypw-portlet .k-state-hover .k-indent, html body.yp .ypw-portlet .k-state-hover .k-rtl .k-i-outdent, html body.yp .ypw-portlet .k-state-hover .k-rtl .k-outdent, html body.yp .ypw-portlet .k-state-selected .k-i-indent, html body.yp .ypw-portlet .k-state-selected .k-indent, html body.yp .ypw-portlet .k-state-selected .k-rtl .k-i-outdent, html body.yp .ypw-portlet .k-state-selected .k-rtl .k-outdent {
    background-position: -288px 0; }
  html body.yp .ypw-portlet .k-i-outdent, html body.yp .ypw-portlet .k-outdent, html body.yp .ypw-portlet .k-rtl .k-i-indent, html body.yp .ypw-portlet .k-rtl .k-indent {
    background-position: -288px -24px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-outdent, html body.yp .ypw-portlet .k-state-hover .k-outdent, html body.yp .ypw-portlet .k-state-hover .k-rtl .k-i-indent, html body.yp .ypw-portlet .k-state-hover .k-rtl .k-indent, html body.yp .ypw-portlet .k-state-selected .k-i-outdent, html body.yp .ypw-portlet .k-state-selected .k-outdent, html body.yp .ypw-portlet .k-state-selected .k-rtl .k-i-indent, html body.yp .ypw-portlet .k-state-selected .k-rtl .k-indent {
    background-position: -312px -24px;
    background-position: -288px -24px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-outdent, html body.yp .ypw-portlet .k-state-hover .k-outdent, html body.yp .ypw-portlet .k-state-hover .k-rtl .k-i-indent, html body.yp .ypw-portlet .k-state-hover .k-rtl .k-indent, html body.yp .ypw-portlet .k-state-selected .k-i-outdent, html body.yp .ypw-portlet .k-state-selected .k-outdent, html body.yp .ypw-portlet .k-state-selected .k-rtl .k-i-indent, html body.yp .ypw-portlet .k-state-selected .k-rtl .k-indent {
    background-position: -288px -24px; }
  html body.yp .ypw-portlet .k-createLink, html body.yp .ypw-portlet .k-i-create-link {
    background-position: -288px -48px; }
  html body.yp .ypw-portlet .k-state-hover .k-createLink, html body.yp .ypw-portlet .k-state-hover .k-i-create-link, html body.yp .ypw-portlet .k-state-selected .k-createLink, html body.yp .ypw-portlet .k-state-selected .k-i-create-link {
    background-position: -312px -48px;
    background-position: -288px -48px; }
  html body.yp .ypw-portlet .k-state-hover .k-createLink, html body.yp .ypw-portlet .k-state-hover .k-i-create-link, html body.yp .ypw-portlet .k-state-selected .k-createLink, html body.yp .ypw-portlet .k-state-selected .k-i-create-link {
    background-position: -288px -48px; }
  html body.yp .ypw-portlet .k-unlink {
    background-position: -288px -72px; }
  html body.yp .ypw-portlet .k-state-hover .k-unlink, html body.yp .ypw-portlet .k-state-selected .k-unlink {
    background-position: -312px -72px;
    background-position: -288px -72px; }
  html body.yp .ypw-portlet .k-state-hover .k-unlink, html body.yp .ypw-portlet .k-state-selected .k-unlink {
    background-position: -288px -72px; }
  html body.yp .ypw-portlet .k-i-insert-image, html body.yp .ypw-portlet .k-insertImage {
    background-position: -288px -96px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-insert-image, html body.yp .ypw-portlet .k-state-hover .k-insertImage, html body.yp .ypw-portlet .k-state-selected .k-i-insert-image, html body.yp .ypw-portlet .k-state-selected .k-insertImage {
    background-position: -312px -96px;
    background-position: -288px -96px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-insert-image, html body.yp .ypw-portlet .k-state-hover .k-insertImage, html body.yp .ypw-portlet .k-state-selected .k-i-insert-image, html body.yp .ypw-portlet .k-state-selected .k-insertImage {
    background-position: -288px -96px; }
  html body.yp .ypw-portlet .k-i-insert-file, html body.yp .ypw-portlet .k-insertFile {
    background-position: -288px -216px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-insert-file, html body.yp .ypw-portlet .k-state-hover .k-insertFile, html body.yp .ypw-portlet .k-state-selected .k-i-insert-file, html body.yp .ypw-portlet .k-state-selected .k-insertFile {
    background-position: -312px -216px;
    background-position: -288px -216px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-insert-file, html body.yp .ypw-portlet .k-state-hover .k-insertFile, html body.yp .ypw-portlet .k-state-selected .k-i-insert-file, html body.yp .ypw-portlet .k-state-selected .k-insertFile {
    background-position: -288px -216px; }
  html body.yp .ypw-portlet .k-i-subscript, html body.yp .ypw-portlet .k-subscript {
    background-position: -288px -144px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-subscript, html body.yp .ypw-portlet .k-state-hover .k-subscript, html body.yp .ypw-portlet .k-state-selected .k-i-subscript, html body.yp .ypw-portlet .k-state-selected .k-subscript {
    background-position: -312px -144px;
    background-position: -288px -144px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-subscript, html body.yp .ypw-portlet .k-state-hover .k-subscript, html body.yp .ypw-portlet .k-state-selected .k-i-subscript, html body.yp .ypw-portlet .k-state-selected .k-subscript {
    background-position: -288px -144px; }
  html body.yp .ypw-portlet .k-i-superscript, html body.yp .ypw-portlet .k-superscript {
    background-position: -288px -168px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-superscript, html body.yp .ypw-portlet .k-state-hover .k-superscript, html body.yp .ypw-portlet .k-state-selected .k-i-superscript, html body.yp .ypw-portlet .k-state-selected .k-superscript {
    background-position: -312px -168px;
    background-position: -288px -168px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-superscript, html body.yp .ypw-portlet .k-state-hover .k-superscript, html body.yp .ypw-portlet .k-state-selected .k-i-superscript, html body.yp .ypw-portlet .k-state-selected .k-superscript {
    background-position: -288px -168px; }
  html body.yp .ypw-portlet .k-cleanFormatting, html body.yp .ypw-portlet .k-i-clean-formatting {
    background-position: -288px -192px; }
  html body.yp .ypw-portlet .k-state-hover .k-cleanFormatting, html body.yp .ypw-portlet .k-state-hover .k-i-clean-formatting, html body.yp .ypw-portlet .k-state-selected .k-cleanFormatting, html body.yp .ypw-portlet .k-state-selected .k-i-clean-formatting {
    background-position: -312px -192px;
    background-position: -288px -192px; }
  html body.yp .ypw-portlet .k-state-hover .k-cleanFormatting, html body.yp .ypw-portlet .k-state-hover .k-i-clean-formatting, html body.yp .ypw-portlet .k-state-selected .k-cleanFormatting, html body.yp .ypw-portlet .k-state-selected .k-i-clean-formatting {
    background-position: -288px -192px; }
  html body.yp .ypw-portlet .k-createTable, html body.yp .ypw-portlet .k-i-create-table {
    background-position: -192px 0; }
  html body.yp .ypw-portlet .k-state-hover .k-createTable, html body.yp .ypw-portlet .k-state-hover .k-i-create-table, html body.yp .ypw-portlet .k-state-selected .k-createTable, html body.yp .ypw-portlet .k-state-selected .k-i-create-table {
    background-position: -216px 0;
    background-position: -192px 0; }
  html body.yp .ypw-portlet .k-state-hover .k-createTable, html body.yp .ypw-portlet .k-state-hover .k-i-create-table, html body.yp .ypw-portlet .k-state-selected .k-createTable, html body.yp .ypw-portlet .k-state-selected .k-i-create-table {
    background-position: -192px 0; }
  html body.yp .ypw-portlet .k-addColumnLeft, html body.yp .ypw-portlet .k-i-add-column-left {
    background-position: -192px -24px; }
  html body.yp .ypw-portlet .k-state-hover .k-addColumnLeft, html body.yp .ypw-portlet .k-state-hover .k-i-add-column-left, html body.yp .ypw-portlet .k-state-selected .k-addColumnLeft, html body.yp .ypw-portlet .k-state-selected .k-i-add-column-left {
    background-position: -216px -24px;
    background-position: -192px -24px; }
  html body.yp .ypw-portlet .k-state-hover .k-addColumnLeft, html body.yp .ypw-portlet .k-state-hover .k-i-add-column-left, html body.yp .ypw-portlet .k-state-selected .k-addColumnLeft, html body.yp .ypw-portlet .k-state-selected .k-i-add-column-left {
    background-position: -192px -24px; }
  html body.yp .ypw-portlet .k-addColumnRight, html body.yp .ypw-portlet .k-i-add-column-right {
    background-position: -192px -48px; }
  html body.yp .ypw-portlet .k-state-hover .k-addColumnRight, html body.yp .ypw-portlet .k-state-hover .k-i-add-column-right, html body.yp .ypw-portlet .k-state-selected .k-addColumnRight, html body.yp .ypw-portlet .k-state-selected .k-i-add-column-right {
    background-position: -216px -48px;
    background-position: -192px -48px; }
  html body.yp .ypw-portlet .k-state-hover .k-addColumnRight, html body.yp .ypw-portlet .k-state-hover .k-i-add-column-right, html body.yp .ypw-portlet .k-state-selected .k-addColumnRight, html body.yp .ypw-portlet .k-state-selected .k-i-add-column-right {
    background-position: -192px -48px; }
  html body.yp .ypw-portlet .k-addRowAbove, html body.yp .ypw-portlet .k-i-add-row-above {
    background-position: -192px -72px; }
  html body.yp .ypw-portlet .k-state-hover .k-addRowAbove, html body.yp .ypw-portlet .k-state-hover .k-i-add-row-above, html body.yp .ypw-portlet .k-state-selected .k-addRowAbove, html body.yp .ypw-portlet .k-state-selected .k-i-add-row-above {
    background-position: -216px -72px;
    background-position: -192px -72px; }
  html body.yp .ypw-portlet .k-state-hover .k-addRowAbove, html body.yp .ypw-portlet .k-state-hover .k-i-add-row-above, html body.yp .ypw-portlet .k-state-selected .k-addRowAbove, html body.yp .ypw-portlet .k-state-selected .k-i-add-row-above {
    background-position: -192px -72px; }
  html body.yp .ypw-portlet .k-addRowBelow, html body.yp .ypw-portlet .k-i-add-row-below {
    background-position: -192px -96px; }
  html body.yp .ypw-portlet .k-state-hover .k-addRowBelow, html body.yp .ypw-portlet .k-state-hover .k-i-add-row-below, html body.yp .ypw-portlet .k-state-selected .k-addRowBelow, html body.yp .ypw-portlet .k-state-selected .k-i-add-row-below {
    background-position: -216px -96px;
    background-position: -192px -96px; }
  html body.yp .ypw-portlet .k-state-hover .k-addRowBelow, html body.yp .ypw-portlet .k-state-hover .k-i-add-row-below, html body.yp .ypw-portlet .k-state-selected .k-addRowBelow, html body.yp .ypw-portlet .k-state-selected .k-i-add-row-below {
    background-position: -192px -96px; }
  html body.yp .ypw-portlet .k-deleteRow, html body.yp .ypw-portlet .k-i-delete-row {
    background-position: -192px -120px; }
  html body.yp .ypw-portlet .k-state-hover .k-deleteRow, html body.yp .ypw-portlet .k-state-hover .k-i-delete-row, html body.yp .ypw-portlet .k-state-selected .k-deleteRow, html body.yp .ypw-portlet .k-state-selected .k-i-delete-row {
    background-position: -216px -120px;
    background-position: -192px -120px; }
  html body.yp .ypw-portlet .k-state-hover .k-deleteRow, html body.yp .ypw-portlet .k-state-hover .k-i-delete-row, html body.yp .ypw-portlet .k-state-selected .k-deleteRow, html body.yp .ypw-portlet .k-state-selected .k-i-delete-row {
    background-position: -192px -120px; }
  html body.yp .ypw-portlet .k-deleteColumn, html body.yp .ypw-portlet .k-i-delete-column {
    background-position: -192px -144px; }
  html body.yp .ypw-portlet .k-state-hover .k-deleteColumn, html body.yp .ypw-portlet .k-state-hover .k-i-delete-column, html body.yp .ypw-portlet .k-state-selected .k-deleteColumn, html body.yp .ypw-portlet .k-state-selected .k-i-delete-column {
    background-position: -216px -144px;
    background-position: -192px -144px; }
  html body.yp .ypw-portlet .k-state-hover .k-deleteColumn, html body.yp .ypw-portlet .k-state-hover .k-i-delete-column, html body.yp .ypw-portlet .k-state-selected .k-deleteColumn, html body.yp .ypw-portlet .k-state-selected .k-i-delete-column {
    background-position: -192px -144px; }
  html body.yp .ypw-portlet .k-i-merge-cells, html body.yp .ypw-portlet .k-mergeCells {
    background-position: -192px -168px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-merge-cells, html body.yp .ypw-portlet .k-state-hover .k-mergeCells, html body.yp .ypw-portlet .k-state-selected .k-i-merge-cells, html body.yp .ypw-portlet .k-state-selected .k-mergeCells {
    background-position: -216px -168px;
    background-position: -192px -168px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-merge-cells, html body.yp .ypw-portlet .k-state-hover .k-mergeCells, html body.yp .ypw-portlet .k-state-selected .k-i-merge-cells, html body.yp .ypw-portlet .k-state-selected .k-mergeCells {
    background-position: -192px -168px; }
  html body.yp .ypw-portlet .k-i-pdf, html body.yp .ypw-portlet .k-pdf {
    background-position: -288px -240px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-pdf, html body.yp .ypw-portlet .k-state-hover .k-pdf, html body.yp .ypw-portlet .k-state-selected .k-i-pdf, html body.yp .ypw-portlet .k-state-selected .k-pdf {
    background-position: -312px -240px;
    background-position: -288px -240px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-pdf, html body.yp .ypw-portlet .k-state-hover .k-pdf, html body.yp .ypw-portlet .k-state-selected .k-i-pdf, html body.yp .ypw-portlet .k-state-selected .k-pdf {
    background-position: -288px -240px; }
  html body.yp .ypw-portlet .k-i-print, html body.yp .ypw-portlet .k-print {
    background-position: -288px -264px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-print, html body.yp .ypw-portlet .k-state-hover .k-print, html body.yp .ypw-portlet .k-state-selected .k-i-print, html body.yp .ypw-portlet .k-state-selected .k-print {
    background-position: -312px -264px;
    background-position: -288px -264px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-print, html body.yp .ypw-portlet .k-state-hover .k-print, html body.yp .ypw-portlet .k-state-selected .k-i-print, html body.yp .ypw-portlet .k-state-selected .k-print {
    background-position: -288px -264px; }
  html body.yp .ypw-portlet .k-i-table-wizard, html body.yp .ypw-portlet .k-i-table-wizard-insert {
    background-position: -192px -192px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-table-wizard, html body.yp .ypw-portlet .k-state-hover .k-i-table-wizard-insert, html body.yp .ypw-portlet .k-state-selected .k-i-table-wizard, html body.yp .ypw-portlet .k-state-selected .k-i-table-wizard-insert {
    background-position: -216px -192px;
    background-position: -192px -192px; }
  html body.yp .ypw-portlet .k-state-hover .k-i-table-wizard, html body.yp .ypw-portlet .k-state-hover .k-i-table-wizard-insert, html body.yp .ypw-portlet .k-state-selected .k-i-table-wizard, html body.yp .ypw-portlet .k-state-selected .k-i-table-wizard-insert {
    background-position: -192px -192px; }
  html body.yp .ypw-portlet .k-fontName {
    width: 110px; }
  html body.yp .ypw-portlet .k-fontSize {
    width: 124px; }
  html body.yp .ypw-portlet .k-formatBlock {
    width: 147px; }
  html body.yp .ypw-portlet .k-editortoolbar-dragHandle {
    float: left;
    margin: 1px 0 0; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-button-group {
    padding: 1px; }
  html body.yp .ypw-portlet .k-editor .k-editor-toolbar .k-row-break {
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0; }
  html body.yp .ypw-portlet .k-button-group .k-tool {
    border-style: solid;
    border-width: 1px;
    margin-right: -1px; }
  html body.yp .ypw-portlet .k-button-group .k-tool.k-state-hover, html body.yp .ypw-portlet .k-button-group .k-tool:focus {
    position: relative;
    z-index: 1; }
  html body.yp .ypw-portlet .k-rtl .k-button-group .k-tool {
    border-style: solid;
    border-width: 1px; }
  html body.yp .ypw-portlet .k-button-group .k-tool.k-group-end {
    border-right-width: 1px; }
  html body.yp .ypw-portlet .k-rtl .k-button-group .k-tool.k-group-end {
    border-left-width: 1px; }
  html body.yp .ypw-portlet .k-button-group .k-state-disabled {
    display: none; }
  html body.yp .ypw-portlet .k-button-group .k-state-active, html body.yp .ypw-portlet .k-button-group .k-state-hover {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-button-group .k-state-disabled {
    filter: alpha(opacity=30);
    opacity: .3; }
  html body.yp .ypw-portlet .k-editor .k-editable-area {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0; }
  html body.yp .ypw-portlet .k-editor .k-content {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff; }
  html body.yp .ypw-portlet .k-editor .k-tool {
    outline: 0; }
  html body.yp .ypw-portlet .k-editor iframe.k-content {
    display: inline;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-editor .k-raw-content {
    border: 0;
    margin: 0;
    padding: 0; }
  html body.yp .ypw-portlet .k-editor .k-raw-content, html body.yp .ypw-portlet .k-editor-dialog .k-editor-textarea {
    font-size: inherit;
    font-family: consolas,"courier new",monospace; }
  html body.yp .ypw-portlet .k-editor-dialog {
    padding: 1em;
    width: 400px; }
  html body.yp .ypw-portlet .k-editor-dialog .k-edit-label {
    width: 25%; }
  html body.yp .ypw-portlet .k-editor-dialog .k-edit-field {
    width: 66%; }
  html body.yp .ypw-portlet .k-editor-dialog .k-edit-field .k-textbox {
    width: 96%; }
  html body.yp .ypw-portlet .k-viewhtml-dialog {
    width: auto; }
  html body.yp .ypw-portlet .k-filebrowser-dialog {
    width: auto;
    min-width: 350px; }
  html body.yp .ypw-portlet .k-filebrowser-dialog .k-filebrowser {
    margin: 0 1em 0; }
  html body.yp .ypw-portlet .k-filebrowser-dialog .k-edit-label {
    width: 18%; }
  html body.yp .ypw-portlet .k-filebrowser-dialog .k-edit-field {
    width: 75%; }
  html body.yp .ypw-portlet .k-filebrowser-dialog .k-edit-field .k-textbox {
    width: 70%; }
  html body.yp .ypw-portlet #k-editor-image-height, html body.yp .ypw-portlet #k-editor-image-width {
    width: 5em; }
  html body.yp .ypw-portlet .k-editor-dialog .k-button {
    display: inline-block; }
  html body.yp .ypw-portlet .k-editor-dialog .k-editor-textarea {
    width: 600px;
    height: 350px;
    padding: .2em .2em .2em .4em;
    border-width: 1px;
    border-style: solid;
    overflow: auto; }
  html body.yp .ypw-portlet .k-button-wrapper .k-link:hover {
    text-decoration: underline; }
  html body.yp .ypw-portlet .k-ct-popup {
    width: 180.4px;
    padding: .65em .5em .5em; }
  html body.yp .ypw-portlet .k-ct-popup .k-status {
    margin: .3em 0; }
  html body.yp .ypw-portlet .k-ct-cell {
    border-width: 1px;
    border-style: solid;
    width: 18px;
    height: 18px;
    margin: 1px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    -ms-high-contrast-adjust: none; }
  html body.yp .ypw-portlet .k-editor .k-resize-handle {
    position: absolute;
    padding: 5px;
    right: 0;
    bottom: 0; }
  html body.yp .ypw-portlet .k-editor .k-overlay {
    position: absolute;
    background-color: #fff;
    opacity: 0; }
  html body.yp .ypw-portlet .k-toolbar-resizable {
    min-height: 2.4375em;
    position: relative; }
  html body.yp .ypw-portlet .k-overflow-tools {
    position: absolute;
    right: 0;
    top: 0; }
  html body.yp .ypw-portlet .k-editor-overflow-popup .k-tool {
    width: auto;
    height: auto;
    display: block;
    text-align: left;
    text-decoration: initial;
    border: 0;
    padding-right: .5em;
    margin: 0;
    padding: 0 6px; }
  html body.yp .ypw-portlet .k-editor-overflow-popup .k-tool.k-state-disabled {
    display: none; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-tool-text {
    display: none; }
  html body.yp .ypw-portlet .k-table-resize-handle {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border: 1px solid #000;
    z-index: 100; }
  html body.yp .ypw-portlet .k-table-resize-handle:hover {
    background-color: #000; }
  html body.yp .ypw-portlet .k-table-resize-handle.k-resize-east {
    cursor: e-resize; }
  html body.yp .ypw-portlet .k-table-resize-handle.k-resize-north {
    cursor: n-resize; }
  html body.yp .ypw-portlet .k-table-resize-handle.k-resize-northeast {
    cursor: ne-resize; }
  html body.yp .ypw-portlet .k-table-resize-handle.k-resize-northwest {
    cursor: nw-resize; }
  html body.yp .ypw-portlet .k-table-resize-handle.k-resize-south {
    cursor: s-resize; }
  html body.yp .ypw-portlet .k-table-resize-handle.k-resize-southeast {
    cursor: se-resize; }
  html body.yp .ypw-portlet .k-table-resize-handle.k-resize-southwest {
    cursor: sw-resize; }
  html body.yp .ypw-portlet .k-table-resize-handle.k-resize-west {
    cursor: w-resize; }
  html body.yp .ypw-portlet .k-editor-inline .k-column-resize-handle {
    position: absolute;
    height: 14px;
    width: 10px;
    cursor: col-resize;
    z-index: 100; }
  html body.yp .ypw-portlet .k-editor-inline .k-column-resize-handle .k-column-resize-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: #00b0ff;
    display: none;
    opacity: .8; }
  html body.yp .ypw-portlet .k-table.k-table-resizing {
    opacity: .6; }
  html body.yp .ypw-portlet .k-row-resize-handle {
    display: table;
    position: absolute;
    cursor: row-resize;
    z-index: 100; }
  html body.yp .ypw-portlet .k-row-resize-marker-wrapper {
    display: table-cell;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-row-resize-marker {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 2px;
    background-color: #00b0ff;
    opacity: .8;
    display: none; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog.k-window-content {
    overflow: hidden;
    min-width: 325px;
    width: 24em;
    padding: 1em 0; }
  html body.yp .ypw-portlet .k-editor-dialog .k-tabstrip {
    margin: -1.333em 0 0; }
  html body.yp .ypw-portlet .k-editor-dialog .k-root-tabs {
    margin: -1em -1em -1.5em;
    padding: .5em 1em 0;
    border-width: 0; }
  html body.yp .ypw-portlet .k-editor-dialog ul.k-tabstrip-items {
    padding: .5em 1em 0;
    border-width: 0 0 1px;
    border-style: solid; }
  html body.yp .ypw-portlet ul.k-tabstrip-items .k-loading {
    border-top-width: 0; }
  html body.yp .ypw-portlet .k-editor-dialog .k-tabstrip:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content {
    overflow: hidden;
    min-height: 440px;
    height: 35em;
    margin: 0;
    padding: 1em .5em 0;
    border-width: 0; }
  html body.yp .ypw-portlet .k-editor-dialog .k-edit-field .k-numerictextbox {
    width: 10.6em;
    margin: 0 .35714285em 0 0; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox + .k-dropdown {
    width: 4em; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown, html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox {
    width: 15em; }
  html body.yp .ypw-portlet .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown {
    width: 5.35714285em; }
  html body.yp .ypw-portlet .k-editor-dialog textarea.k-textbox {
    height: 14.28571428em; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align {
    width: 4em; }
  html body.yp .ypw-portlet .k-popup.k-list-container.k-align {
    padding: 0;
    text-align: center; }
  html body.yp .ypw-portlet .k-align-group {
    vertical-align: text-top; }
  html body.yp .ypw-portlet .k-popup.k-align .k-list .k-item {
    display: inline-block;
    width: 2.57142857em;
    height: 2.57142857em;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0; }
  html body.yp .ypw-portlet .k-popup.k-align .k-list .k-font-icon {
    vertical-align: bottom;
    vertical-align: -webkit-baseline-middle; }
  html body.yp .ypw-portlet .k-popup.k-align .k-list .k-item:last-child {
    width: auto;
    display: block;
    border-width: 1px 0 0;
    border-style: solid; }
  html body.yp .ypw-portlet .k-popup.k-align .k-list .k-item:before {
    width: 2.57142857em;
    height: 2.57142857em;
    line-height: 2.57142857em; }
  html body.yp .ypw-portlet .k-animation-container .k-editor-toolbar {
    text-align: center;
    line-height: 1.3em; }
  html body.yp .ypw-portlet .k-animation-container .k-editor-toolbar .k-tool {
    display: inline-block;
    height: 24px;
    padding: 0 .5em;
    text-decoration: none;
    font-size: .85em;
    color: inherit; }
  html body.yp .ypw-portlet .k-animation-container .k-editor-toolbar .k-i-table-wizard-insert {
    width: 24px;
    height: 24px; }
  html body.yp .ypw-portlet .k-animation-container .k-editor-toolbar .k-tool-text {
    display: inline;
    vertical-align: sub; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons {
    padding: 1em .8em;
    margin: .5em 0 0; }
  html body.yp .ypw-portlet .k-notification-wrap {
    padding: .6em .5em;
    cursor: default;
    position: relative;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-notification-button .k-notification-wrap {
    padding-right: 20px; }
  html body.yp .ypw-portlet .k-notification-wrap > .k-i-erorr, html body.yp .ypw-portlet .k-notification-wrap > .k-i-info, html body.yp .ypw-portlet .k-notification-wrap > .k-i-note, html body.yp .ypw-portlet .k-notification-wrap > .k-i-success, html body.yp .ypw-portlet .k-notification-wrap > .k-i-warning {
    vertical-align: text-bottom;
    margin-right: 4px; }
  html body.yp .ypw-portlet .k-notification-wrap > .k-i-close {
    position: absolute;
    top: 7px;
    right: 4px;
    display: none; }
  html body.yp .ypw-portlet .k-notification-button .k-notification-wrap > .k-i-close {
    display: block; }
  html body.yp .ypw-portlet .k-progressbar {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-progressbar {
    border-radius: 4px; }
  html body.yp .ypw-portlet .k-progressbar-horizontal {
    width: 27em;
    height: 1.9em; }
  html body.yp .ypw-portlet .k-progressbar-vertical {
    width: 1.9em;
    height: 27em; }
  html body.yp .ypw-portlet .k-progressbar > .k-state-selected {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-progressbar-horizontal > .k-state-selected, html body.yp .ypw-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
    left: -1px;
    right: auto;
    top: -1px;
    height: 100%;
    border-radius: 4px 0 0 4px; }
  html body.yp .ypw-portlet .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, html body.yp .ypw-portlet .k-rtl .k-progressbar-horizontal > .k-state-selected {
    left: auto;
    right: -1px;
    border-radius: 0 4px 4px 0; }
  html body.yp .ypw-portlet .k-progressbar-vertical > .k-state-selected {
    left: -1px;
    bottom: -1px;
    width: 100%;
    border-radius: 0 0 4px 4px; }
  html body.yp .ypw-portlet .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
    bottom: auto;
    top: -1px;
    border-radius: 4px 4px 0 0; }
  html body.yp .ypw-portlet .k-progressbar > .k-state-selected.k-complete, html body.yp .ypw-portlet .k-rtl .k-progressbar > .k-state-selected.k-complete {
    border-radius: 4px; }
  html body.yp .ypw-portlet .k-progressbar > .k-reset {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-progressbar-horizontal .k-item {
    display: inline-block;
    height: 100%;
    border-style: solid;
    margin-left: -1px; }
  html body.yp .ypw-portlet .k-progressbar-horizontal .k-item.k-first {
    margin-left: 0; }
  html body.yp .ypw-portlet .k-progressbar-horizontal .k-item.k-last {
    border-right-width: 0; }
  html body.yp .ypw-portlet .k-progressbar-horizontal .k-item, html body.yp .ypw-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px 0 1px 1px; }
  html body.yp .ypw-portlet .k-progressbar-horizontal.k-progressbar-reverse .k-item, html body.yp .ypw-portlet .k-rtl .k-progressbar-horizontal .k-item {
    border-width: 1px 0 1px 1px; }
  html body.yp .ypw-portlet .k-progressbar-horizontal .k-first, html body.yp .ypw-portlet .k-rtl .k-progressbar-horizontal .k-last, html body.yp .ypw-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left-width: 1px; }
  html body.yp .ypw-portlet .k-progressbar-horizontal .k-last, html body.yp .ypw-portlet .k-rtl .k-progressbar-horizontal .k-first {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  html body.yp .ypw-portlet .k-progressbar-horizontal.k-progressbar-reverse .k-last, html body.yp .ypw-portlet .k-rtl .k-progressbar-horizontal .k-first {
    border-right-width: 1px; }
  html body.yp .ypw-portlet .k-progressbar-horizontal .k-last.k-state-selected {
    border-right-width: 1px; }
  html body.yp .ypw-portlet .k-progressbar-vertical .k-item {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    margin-top: -1px; }
  html body.yp .ypw-portlet .k-progressbar-vertical .k-item.k-first {
    margin-top: 0; }
  html body.yp .ypw-portlet .k-progressbar-vertical li.k-item.k-last {
    border-bottom-width: 0; }
  html body.yp .ypw-portlet .k-progressbar-vertical .k-first {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  html body.yp .ypw-portlet .k-progressbar-vertical .k-last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px; }
  html body.yp .ypw-portlet .k-progressbar-vertical.k-progressbar-reverse .k-item {
    border-width: 0 1px 1px 1px; }
  html body.yp .ypw-portlet .k-progressbar-vertical.k-progressbar-reverse .k-first {
    border-top-width: 1px; }
  html body.yp .ypw-portlet .k-progress-status-wrap {
    position: absolute;
    top: -1px;
    border: 1px solid transparent;
    line-height: 2em;
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .k-progress-status-wrap, html body.yp .ypw-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
    left: -1px;
    right: auto;
    text-align: right; }
  html body.yp .ypw-portlet .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, html body.yp .ypw-portlet .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
    left: auto;
    right: -1px;
    text-align: left; }
  html body.yp .ypw-portlet .k-progressbar-vertical .k-progress-status-wrap {
    top: auto;
    bottom: -1px; }
  html body.yp .ypw-portlet .k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
    bottom: auto;
    top: -1px; }
  html body.yp .ypw-portlet .k-progress-status {
    display: inline-block;
    padding: 0 .5em;
    min-width: 10px;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .ypw-portlet .k-progressbar-vertical .k-progress-status {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0; }
  html body.yp .ypw-portlet .k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    -webkit-transform: rotate(90deg) translateX(-100%);
    -ms-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%; }
  html body.yp .ypw-portlet .k-ie8 .k-progressbar-vertical .k-progress-status {
    -webkit-writing-mode: bt-lr;
    -ms-writing-mode: bt-lr;
    writing-mode: bt-lr;
    padding: .5em 0; }
  html body.yp .ypw-portlet div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .ypw-portlet .k-slider-vertical {
    width: 26px;
    height: 200px; }
  html body.yp .ypw-portlet .k-slider-horizontal {
    display: inline-block;
    width: 200px;
    height: 26px; }
  html body.yp .ypw-portlet .k-slider-wrap {
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .k-grid .k-slider .k-button, html body.yp .ypw-portlet .k-slider .k-button {
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: 0; }
  html body.yp .ypw-portlet .k-slider .k-button .k-icon {
    margin-top: 3px;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-state-disabled .k-slider-wrap {
    filter: alpha(opacity=60);
    opacity: .6; }
  html body.yp .ypw-portlet .k-state-disabled .k-slider-wrap .k-slider-items {
    color: #333; }
  html body.yp .ypw-portlet .k-slider .k-button-decrease {
    left: 0; }
  html body.yp .ypw-portlet .k-grid .k-slider-vertical .k-button-decrease, html body.yp .ypw-portlet .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0; }
  html body.yp .ypw-portlet .k-slider .k-button-increase {
    right: 0; }
  html body.yp .ypw-portlet .k-slider .k-icon, html body.yp .ypw-portlet .k-slider .k-tick, html body.yp .ypw-portlet .k-slider-track {
    cursor: pointer; }
  html body.yp .ypw-portlet .k-slider-selection, html body.yp .ypw-portlet .k-slider-track {
    position: absolute;
    margin: 0;
    padding: 0; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-selection, html body.yp .ypw-portlet .k-slider-horizontal .k-slider-track {
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 34px; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-selection, html body.yp .ypw-portlet .k-slider-vertical .k-slider-track {
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 34px; }
  html body.yp .ypw-portlet .k-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    outline: 0; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-draghandle {
    top: -4px;
    width: 13px;
    height: 14px; }
  html body.yp .ypw-portlet .k-slider-vertical .k-draghandle {
    left: -4px;
    width: 14px;
    height: 13px; }
  html body.yp .ypw-portlet .k-slider-buttons .k-slider-items {
    margin-left: 34px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-items {
    height: 100%; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-items {
    padding-top: 1px; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-buttons .k-slider-items {
    padding-top: 0; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-buttons .k-slider-items {
    margin: 0;
    padding-top: 35px; }
  html body.yp .ypw-portlet .k-slider .k-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-tick {
    background-position: center -92px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-topleft .k-tick {
    background-position: center -122px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-bottomright .k-tick {
    background-position: center -152px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-tick-large {
    background-position: center -2px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-topleft .k-tick-large {
    background-position: center -32px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-bottomright .k-tick-large {
    background-position: center -62px; }
  html body.yp .ypw-portlet .k-slider-vertical .k-tick {
    background-position: -92px center; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-topleft .k-tick {
    background-position: -122px center; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-bottomright .k-tick {
    background-position: -152px center; }
  html body.yp .ypw-portlet .k-slider-vertical .k-tick-large {
    background-position: -2px center; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-topleft .k-tick-large {
    background-position: -32px center; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-bottomright .k-tick-large {
    background-position: -62px center; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-first {
    background-position: 0 -92px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-topleft .k-first {
    background-position: 0 -122px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
    background-position: 0 -32px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-bottomright .k-first {
    background-position: 0 -152px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
    background-position: 0 -62px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-last {
    background-position: 100% -92px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-tick-large.k-last {
    background-position: 100% -2px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-topleft .k-last {
    background-position: 100% -122px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
    background-position: 100% -32px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-bottomright .k-last {
    background-position: 100% -152px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
    background-position: 100% -62px; }
  html body.yp .ypw-portlet .k-slider-vertical .k-first {
    background-position: -92px 100%; }
  html body.yp .ypw-portlet .k-slider-vertical .k-tick-large.k-first {
    background-position: -2px 100%; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-topleft .k-first {
    background-position: -122px 100%; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
    background-position: -32px 100%; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-bottomright .k-first {
    background-position: -152px 100%; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
    background-position: -62px 100%; }
  html body.yp .ypw-portlet .k-slider-vertical .k-last {
    background-position: -92px 0; }
  html body.yp .ypw-portlet .k-slider-vertical .k-tick-large.k-last {
    background-position: -2px 0; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-topleft .k-last {
    background-position: -122px 0; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
    background-position: -32px 0; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-bottomright .k-last {
    background-position: -152px 0; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
    background-position: -62px 0; }
  html body.yp .ypw-portlet .k-slider-vertical .k-tick {
    text-align: right; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-topleft .k-tick {
    text-align: left; }
  html body.yp .ypw-portlet .k-slider .k-label {
    position: absolute;
    white-space: nowrap;
    font-size: .92em; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-label {
    left: 0;
    width: 100%;
    line-height: 1; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-first .k-label {
    left: -50%; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-last .k-label {
    left: auto;
    right: -50%; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-label {
    bottom: -1.2em; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-topleft .k-label {
    top: -1.2em; }
  html body.yp .ypw-portlet .k-slider-vertical .k-label {
    left: 120%;
    display: block;
    text-align: left; }
  html body.yp .ypw-portlet .k-slider-vertical .k-last .k-label {
    top: -.5em; }
  html body.yp .ypw-portlet .k-slider-vertical .k-first .k-label {
    bottom: -.5em; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%; }
  html body.yp .ypw-portlet .k-slider-tooltip {
    top: -4444px; }
  html body.yp .ypw-portlet .k-scheduler-footer, html body.yp .ypw-portlet .k-scheduler-toolbar {
    border-style: solid; }
  html body.yp .ypw-portlet .k-scheduler-footer, html body.yp .ypw-portlet .k-scheduler-toolbar {
    line-height: 28px;
    padding: 6px; }
  html body.yp .ypw-portlet .k-scheduler-toolbar {
    position: relative;
    border-width: 0 0 1px; }
  html body.yp .ypw-portlet .k-edit-field.k-scheduler-toolbar {
    border-width: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; }
  html body.yp .ypw-portlet .k-scheduler-header {
    text-align: center; }
  html body.yp .ypw-portlet .k-scheduler-footer {
    border-width: 1px 0 0; }
  html body.yp .ypw-portlet .k-scheduler-toolbar > ul {
    float: right; }
  html body.yp .ypw-portlet .k-scheduler-toolbar > ul:first-child {
    float: left; }
  html body.yp .ypw-portlet .k-scheduler-toolbar > .k-scheduler-tools {
    float: left;
    margin-bottom: .5em; }
  html body.yp .ypw-portlet .k-scheduler-tools + .k-scheduler-navigation {
    float: left;
    clear: left; }
  html body.yp .ypw-portlet .k-scheduler-footer > ul > li, html body.yp .ypw-portlet .k-scheduler-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0; }
  html body.yp .ypw-portlet .k-scheduler .k-scheduler-toolbar .k-nav-current, html body.yp .ypw-portlet .k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
    border-width: 0; }
  html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li, html body.yp .ypw-portlet .k-scheduler-toolbar > ul > li:first-child {
    border-left-width: 1px; }
  html body.yp .ypw-portlet .k-scheduler div.k-scheduler-footer ul li {
    margin-right: .6em;
    border-width: 1px; }
  html body.yp .ypw-portlet .k-scheduler-footer .k-link, html body.yp .ypw-portlet .k-scheduler-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em; }
  html body.yp .ypw-portlet .k-scheduler-toolbar .k-nav-next .k-link, html body.yp .ypw-portlet .k-scheduler-toolbar .k-nav-prev .k-link {
    padding-left: .6em;
    padding-right: .6em; }
  html body.yp .ypw-portlet .k-scheduler-toolbar .k-nav-current .k-link {
    padding: 0; }
  html body.yp .ypw-portlet .k-scheduler-toolbar .k-nav-current {
    margin: 0 1.1em; }
  html body.yp .ypw-portlet .k-scheduler .k-nav-current > .k-state-active, html body.yp .ypw-portlet .k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current {
    background: 0 0; }
  html body.yp .ypw-portlet .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation {
    width: 100%;
    text-align: center; }
  html body.yp .ypw-portlet .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li {
    background: 0 0;
    border: 0; }
  html body.yp .ypw-portlet .k-scheduler-phone .k-toolbar .k-nav-next {
    float: right; }
  html body.yp .ypw-portlet .k-scheduler-phone .k-toolbar .k-nav-prev {
    float: left; }
  html body.yp .ypw-portlet .k-scheduler-footer .k-icon, html body.yp .ypw-portlet .k-scheduler-toolbar .k-i-calendar {
    margin: -2px 6px 0 0; }
  html body.yp .ypw-portlet .k-scheduler-header, html body.yp .ypw-portlet .k-scheduler-header-wrap {
    overflow: hidden; }
  html body.yp .ypw-portlet .k-scheduler-header-wrap {
    position: relative;
    border-style: solid;
    border-width: 0; }
  html body.yp .ypw-portlet .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 1px; }
  html body.yp .ypw-portlet .k-scheduler-content, html body.yp .ypw-portlet .k-scheduler-times {
    position: relative; }
  html body.yp .ypw-portlet .k-scheduler-times {
    overflow: hidden;
    border-style: solid;
    border-width: 0; }
  html body.yp .ypw-portlet .k-scheduler-content {
    overflow: auto; }
  html body.yp .ypw-portlet .k-scheduler-layout, html body.yp .ypw-portlet .k-scheduler-table {
    border-spacing: 0;
    width: 100%;
    margin: 0;
    border-collapse: separate; }
  html body.yp .ypw-portlet .k-scheduler-layout > tbody > tr > td {
    padding: 0;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-safari .k-scheduler-layout > tbody > tr > td + td {
    width: 100%; }
  html body.yp .ypw-portlet .k-scheduler-table {
    table-layout: fixed;
    max-width: none; }
  html body.yp .ypw-portlet .k-scheduler-times .k-scheduler-table {
    table-layout: auto; }
  html body.yp .ypw-portlet .k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
    height: 100%; }
  html body.yp .ypw-portlet .k-scheduler-table td, html body.yp .ypw-portlet .k-scheduler-table th {
    height: 1.5em;
    padding: .334em .5em;
    font-size: 100%; }
  html body.yp .ypw-portlet .k-scheduler .k-scheduler-table td, html body.yp .ypw-portlet .k-scheduler .k-scheduler-table th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .ypw-portlet .k-scheduler-monthview .k-hidden, html body.yp .ypw-portlet .k-scheduler-monthview .k-hidden > div {
    width: 0 !important;
    overflow: hidden !important; }
  html body.yp .ypw-portlet .k-scheduler-monthview .k-hidden {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right-width: 0 !important; }
  html body.yp .ypw-portlet .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
    margin-right: 1px; }
  html body.yp .ypw-portlet .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
    height: auto; }
  html body.yp .ypw-portlet .k-scheduler-monthview .k-hidden, html body.yp .ypw-portlet .k-scheduler-monthview .k-scheduler-table td {
    height: 80px;
    text-align: right; }
  html body.yp .ypw-portlet .k-scheduler-phone .k-scheduler-monthview .k-hidden, html body.yp .ypw-portlet .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    height: 40px; }
  html body.yp .ypw-portlet .k-scheduler-table td, html body.yp .ypw-portlet .k-slot-cell {
    vertical-align: top; }
  html body.yp .ypw-portlet .k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
    vertical-align: top; }
  html body.yp .ypw-portlet .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    text-align: center;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span {
    font-size: 1.5em; }
  html body.yp .ypw-portlet .k-scheduler-header th {
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .ypw-portlet .k-scheduler-header th, html body.yp .ypw-portlet .k-scheduler-table td {
    border-style: solid;
    border-width: 0 0 1px 1px; }
  html body.yp .ypw-portlet .k-scheduler-header th:first-child, html body.yp .ypw-portlet .k-scheduler-table td:first-child {
    border-left-width: 0; }
  html body.yp .ypw-portlet .k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 1px; }
  html body.yp .ypw-portlet .k-scheduler-agendaview .k-scheduler-table td.k-first {
    border-left-width: 0; }
  html body.yp .ypw-portlet .k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, html body.yp .ypw-portlet .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, html body.yp .ypw-portlet .k-scheduler-table > tbody > tr > .k-last {
    border-bottom-width: 0; }
  html body.yp .ypw-portlet .k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last, html body.yp .ypw-portlet .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, html body.yp .ypw-portlet .k-scrollbar-h tr + tr .k-scheduler-times {
    border-bottom-width: 1px; }
  html body.yp .ypw-portlet .k-scheduler-times th {
    text-align: right;
    padding-right: .6em;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-scheduler-layout tr + tr .k-scheduler-times th {
    border-bottom-color: transparent; }
  html body.yp .ypw-portlet .k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day, html body.yp .ypw-portlet .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
    border-bottom-color: inherit; }
  html body.yp .ypw-portlet .k-scheduler .k-middle-row td {
    border-bottom-style: dotted; }
  html body.yp .ypw-portlet .k-scheduler-now-arrow, html body.yp .ypw-portlet .k-scheduler-now-line {
    position: absolute; }
  html body.yp .ypw-portlet .k-scheduler-now-arrow {
    width: 0;
    height: 0;
    border: solid 5px transparent;
    left: 0; }
  html body.yp .ypw-portlet .k-scheduler-now-line {
    left: 5px;
    right: 0;
    height: 1px; }
  html body.yp .ypw-portlet .k-task {
    position: relative; }
  html body.yp .ypw-portlet div.k-more-events {
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    padding: 0; }
  html body.yp .ypw-portlet .k-more-events > span {
    display: block;
    margin-top: -.6em; }
  html body.yp .ypw-portlet .k-event, html body.yp .ypw-portlet .k-more-events {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-event {
    cursor: default;
    min-height: 1.3em; }
  html body.yp .ypw-portlet .k-event-drag-hint {
    filter: alpha(opacity=60);
    opacity: .6;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing; }
  html body.yp .ypw-portlet .k-scheduler-header .k-event {
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-event-template {
    padding: .3em 1.4em .3em .6em; }
  html body.yp .ypw-portlet .k-event-time {
    display: none;
    padding-bottom: 0;
    font-size: .9em; }
  html body.yp .ypw-portlet .k-event-drag-hint .k-event-time {
    display: block; }
  html body.yp .ypw-portlet .k-event-actions, html body.yp .ypw-portlet .k-event > .k-link, html body.yp .ypw-portlet .k-task > .k-link {
    position: absolute;
    top: 3px;
    right: 4px;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-event-actions {
    z-index: 1; }
  html body.yp .ypw-portlet .k-scheduler-agendaview .k-task > .k-link {
    top: 0;
    right: 0; }
  html body.yp .ypw-portlet .k-event-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px; }
  html body.yp .ypw-portlet .k-webkit .k-event-actions:first-child {
    margin-top: 3px; }
  html body.yp .ypw-portlet .k-event-actions:first-child > .k-link {
    display: inline-block; }
  html body.yp .ypw-portlet .k-event-delete {
    display: none; }
  html body.yp .ypw-portlet .k-event:hover .k-event-delete, html body.yp .ypw-portlet tr:hover > td > .k-task .k-event-delete {
    display: inline-block; }
  html body.yp .ypw-portlet .k-event .k-event-bottom-actions, html body.yp .ypw-portlet .k-event .k-event-top-actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center; }
  html body.yp .ypw-portlet .k-event .k-event-bottom-actions {
    top: auto;
    bottom: 0; }
  html body.yp .ypw-portlet .k-event .k-resize-handle, html body.yp .ypw-portlet .k-scheduler-mobile .k-event:hover .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2; }
  html body.yp .ypw-portlet .k-event-active .k-resize-handle, html body.yp .ypw-portlet .k-event:hover .k-resize-handle, html body.yp .ypw-portlet .k-scheduler-mobile .k-event-active:hover .k-resize-handle {
    visibility: visible; }
  html body.yp .ypw-portlet .k-event .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event .k-resize-handle:after {
    -webkit-filter: none;
    filter: none;
    opacity: 1; }
  html body.yp .ypw-portlet .k-event > .k-resize-n {
    top: 0;
    left: 0;
    right: 0;
    height: .4em; }
  html body.yp .ypw-portlet .k-event > .k-resize-s {
    bottom: 0;
    left: 0;
    right: 0;
    height: .4em; }
  html body.yp .ypw-portlet .k-event > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .ypw-portlet .k-event > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .ypw-portlet .k-event > .k-resize-n:after, html body.yp .ypw-portlet .k-event > .k-resize-s:after {
    top: 1px;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 1px; }
  html body.yp .ypw-portlet .k-event > .k-resize-s:after {
    top: auto;
    bottom: 1px; }
  html body.yp .ypw-portlet .k-event > .k-resize-e:after, html body.yp .ypw-portlet .k-event > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px; }
  html body.yp .ypw-portlet .k-event > .k-resize-e:after {
    left: auto;
    right: 1px; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-n, html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-s {
    height: .6em; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-e, html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-w {
    width: .6em; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-n:after, html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-s:after {
    top: 0;
    margin-left: -3em;
    width: 4em;
    height: .6em; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-s:after {
    bottom: 0; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-e:after, html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-w:after {
    left: 0;
    margin-top: -.7em;
    height: 1.4em;
    width: .6em; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-e:after {
    right: 0; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-n:after {
    border-radius: 0 0 4px 4px; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-s:after {
    border-radius: 4px 4px 0 0; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-w:after {
    border-radius: 0 4px 4px 0; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event > .k-resize-e:after {
    border-radius: 4px 0 0 4px; }
  html body.yp .ypw-portlet .k-scheduler-phone .k-scheduler-monthview .k-events-container {
    position: absolute;
    text-align: center;
    height: 6px;
    line-height: 6px; }
  html body.yp .ypw-portlet .k-scheduler-phone .k-scheduler-monthview .k-event {
    position: static;
    display: inline-block;
    width: 4px;
    height: 4px;
    min-height: 0;
    margin: 1px; }
  html body.yp .ypw-portlet .k-scheduler-marquee {
    border-style: solid;
    border-width: 0; }
  html body.yp .ypw-portlet .k-scheduler-marquee.k-first:before, html body.yp .ypw-portlet .k-scheduler-marquee.k-last:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px; }
  html body.yp .ypw-portlet div.k-scheduler-marquee:before {
    top: 0;
    left: 0;
    border-right-color: transparent;
    border-bottom-color: transparent; }
  html body.yp .ypw-portlet div.k-scheduler-marquee:after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent; }
  html body.yp .ypw-portlet .k-scheduler-marquee .k-label-top {
    position: absolute;
    top: .3em;
    left: .8em;
    font-size: .8em; }
  html body.yp .ypw-portlet .k-scheduler-marquee .k-label-bottom {
    position: absolute;
    bottom: .3em;
    right: .81em;
    font-size: .8em; }
  html body.yp .ypw-portlet .k-scheduler-quickedit .k-textbox {
    width: 200px; }
  html body.yp .ypw-portlet .k-tooltip-bottom {
    text-align: left; }
  html body.yp .ypw-portlet .k-tooltip-bottom .k-button {
    float: left;
    margin-right: .3em; }
  html body.yp .ypw-portlet .k-tooltip-bottom .k-quickedit-details {
    float: right;
    margin-right: 0; }
  html body.yp .ypw-portlet .k-scheduler-agendaview .k-scheduler-table td, html body.yp .ypw-portlet .k-scheduler-agendaview .k-scheduler-table th {
    text-align: left; }
  html body.yp .ypw-portlet .k-scheduler-groupcolumn, html body.yp .ypw-portlet .k-scheduler-times .k-slot-cell {
    width: 6em; }
  html body.yp .ypw-portlet .k-scheduler-datecolumn {
    width: 12em; }
  html body.yp .ypw-portlet .k-scheduler-timecolumn {
    width: 11em; }
  html body.yp .ypw-portlet .k-scheduler-timecolumn > div {
    position: relative;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-webkit .k-scheduler-timecolumn > div > .k-icon {
    vertical-align: top; }
  html body.yp .ypw-portlet .k-scheduler-timecolumn > div > .k-i-arrow-e {
    position: absolute;
    right: -4px; }
  html body.yp .ypw-portlet .k-scheduler-timecolumn .k-i-arrow-w {
    margin-left: -4px; }
  html body.yp .ypw-portlet .k-scheduler-mark {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: .5em; }
  html body.yp .ypw-portlet .k-scheduler-agendaday {
    float: left;
    margin: 0 .2em 0 0;
    font-size: 3em;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-scheduler-agendaweek {
    display: block;
    margin: .4em 0 0;
    font-size: 1.1em;
    font-style: normal; }
  html body.yp .ypw-portlet .k-scheduler-agendadate {
    font-size: .8em; }
  html body.yp .ypw-portlet .k-scheduler-timecolumn {
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-scheduler-edit-form .k-edit-form-container, html body.yp .ypw-portlet .k-scheduler-timezones .k-edit-form-container {
    width: 520px; }
  html body.yp .ypw-portlet .k-scheduler-edit-form .k-edit-label {
    width: 17%; }
  html body.yp .ypw-portlet .k-scheduler-edit-form .k-edit-field {
    width: 77%; }
  html body.yp .ypw-portlet .k-scheduler-edit-form .k-textbox[name=title], html body.yp .ypw-portlet .k-scheduler-edit-form textarea.k-textbox {
    width: 100%; }
  html body.yp .ypw-portlet .k-scheduler-edit-form textarea.k-textbox {
    min-height: 4em;
    resize: vertical; }
  html body.yp .ypw-portlet .k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
    margin-right: 1em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons {
    clear: right;
    margin-right: 2%;
    margin-left: 2%;
    padding: 0 0 .6em; }
  html body.yp .ypw-portlet .k-edit-box {
    float: left; }
  html body.yp .ypw-portlet .k-edit-box + .k-edit-box {
    float: right; }
  html body.yp .ypw-portlet .k-scheduler-edit-form label + input {
    margin-left: 1em; }
  html body.yp .ypw-portlet .k-edit-field > ul.k-reset > li {
    margin: .2em 0 .4em;
    line-height: 2.4; }
  html body.yp .ypw-portlet .k-edit-field > ul.k-reset.k-toolbar > li {
    margin: 0; }
  html body.yp .ypw-portlet .k-edit-field > ul.k-reset .k-widget {
    margin-left: .8em; }
  html body.yp .ypw-portlet .k-edit-field span.k-recur-interval, html body.yp .ypw-portlet .k-edit-field > ul.k-reset .k-numerictextbox {
    width: 5em; }
  html body.yp .ypw-portlet .k-edit-field > ul.k-reset .k-datepicker, html body.yp .ypw-portlet .k-edit-field > ul.k-reset .k-dropdown, html body.yp .ypw-portlet div[name=recurrenceRule] > .k-dropdown {
    width: 9em; }
  html body.yp .ypw-portlet .k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
    float: left; }
  html body.yp .ypw-portlet .k-popup-message {
    margin: 0;
    padding: 1em 0 2em;
    text-align: center; }
  html body.yp .ypw-portlet .k-scheduler-timezones .k-dropdown:first-child {
    width: 100%; }
  html body.yp .ypw-portlet .k-scheduler-timezones .k-dropdown + .k-dropdown {
    margin: .5em 0 .7em; }
  html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: none; }
  html body.yp .ypw-portlet .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: none; }
  html body.yp .ypw-portlet .k-scheduler-refresh {
    float: right;
    padding: 0 .5em; }
  @media only screen and (max-width: 1024px) {
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
      position: absolute;
      right: 6px;
      top: 6px;
      z-index: 10000; }
    html body.yp .ypw-portlet .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
      right: auto;
      left: 6px; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
      display: none; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
      display: none; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: inline; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      display: block;
      border-width: 1px; }
    html body.yp .ypw-portlet .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      text-align: left;
      padding-left: 1em; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      display: block;
      position: relative;
      padding-right: 2.5em;
      padding-left: 1em; }
    html body.yp .ypw-portlet .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      padding-left: 0; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .333em;
      width: 1.333em;
      height: 1.333em; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
      display: block;
      border: 0;
      border-radius: 0; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      border: 1px solid #c5c5c5;
      background-color: #fff;
      background-image: none;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
    html body.yp .ypw-portlet .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      text-align: left; } }
  @media only screen and (max-width: 480px) {
    html body.yp .ypw-portlet .k-edge .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .ypw-portlet .k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .ypw-portlet .k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .ypw-portlet .k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .ypw-portlet .k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: none; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-timecolumn, html body.yp .ypw-portlet .k-ff .k-scheduler-timecolumn, html body.yp .ypw-portlet .k-ie11 .k-scheduler-timecolumn, html body.yp .ypw-portlet .k-safari .k-scheduler-timecolumn, html body.yp .ypw-portlet .k-webkit .k-scheduler-timecolumn {
      width: 5em; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-datecolumn, html body.yp .ypw-portlet .k-ff .k-scheduler-datecolumn, html body.yp .ypw-portlet .k-ie11 .k-scheduler-datecolumn, html body.yp .ypw-portlet .k-safari .k-scheduler-datecolumn, html body.yp .ypw-portlet .k-webkit .k-scheduler-datecolumn {
      width: 6em;
      overflow: hidden; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-datecolumn > div, html body.yp .ypw-portlet .k-edge .k-scheduler-timecolumn > div, html body.yp .ypw-portlet .k-ff .k-scheduler-datecolumn > div, html body.yp .ypw-portlet .k-ff .k-scheduler-timecolumn > div, html body.yp .ypw-portlet .k-ie11 .k-scheduler-datecolumn > div, html body.yp .ypw-portlet .k-ie11 .k-scheduler-timecolumn > div, html body.yp .ypw-portlet .k-safari .k-scheduler-datecolumn > div, html body.yp .ypw-portlet .k-safari .k-scheduler-timecolumn > div, html body.yp .ypw-portlet .k-webkit .k-scheduler-datecolumn > div, html body.yp .ypw-portlet .k-webkit .k-scheduler-timecolumn > div {
      white-space: normal; } }
  html body.yp .ypw-portlet .k-scheduler-pdf-export {
    overflow: hidden; }
  html body.yp .ypw-portlet .k-pdf-export-shadow .k-scheduler, html body.yp .ypw-portlet .k-scheduler-pdf-export .k-scheduler-content, html body.yp .ypw-portlet .k-scheduler-pdf-export .k-scheduler-times {
    height: auto !important;
    overflow: visible !important; }
  html body.yp .ypw-portlet .k-scheduler-pdf-export .k-scheduler-header {
    padding: 0 !important; }
  html body.yp .ypw-portlet .k-scheduler-pdf-export .k-scheduler-header-wrap {
    border-width: 0 !important; }
  html body.yp .ypw-portlet .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table, html body.yp .ypw-portlet .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table {
    width: 100% !important; }
  html body.yp .ypw-portlet .k-tooltip {
    position: absolute;
    z-index: 12000;
    border-style: solid;
    border-width: 0;
    padding: 5px 5px 5px 6px;
    background-repeat: repeat-x;
    min-width: 20px;
    text-align: center; }
  html body.yp .ypw-portlet .k-tooltip-button {
    text-align: right;
    height: 0; }
  html body.yp .ypw-portlet .k-tooltip-content {
    height: 100%; }
  html body.yp .ypw-portlet .k-tooltip-closable .k-tooltip-content {
    padding-right: 20px; }
  html body.yp .ypw-portlet span.k-tooltip {
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px; }
  html body.yp .ypw-portlet .k-invalid-msg {
    display: none; }
  html body.yp .ypw-portlet .k-callout {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent; }
  html body.yp .ypw-portlet .k-callout-n {
    top: -12px;
    left: 50%; }
  html body.yp .ypw-portlet .k-callout-w {
    top: 50%;
    left: -12px; }
  html body.yp .ypw-portlet .k-callout-s {
    left: 50%;
    bottom: -12px; }
  html body.yp .ypw-portlet .k-callout-e {
    top: 50%;
    right: -12px; }
  html body.yp .ypw-portlet .k-slider-tooltip .k-callout-n, html body.yp .ypw-portlet .k-slider-tooltip .k-callout-s {
    margin-left: -6px; }
  html body.yp .ypw-portlet .k-slider-tooltip .k-callout-e, html body.yp .ypw-portlet .k-slider-tooltip .k-callout-w {
    margin-top: -6px; }
  html body.yp .ypw-portlet .k-tooltip-validation .k-warning {
    vertical-align: text-top;
    margin-right: 3px; }
  html body.yp .ypw-portlet .k-tooltip-validation {
    z-index: 9999; }
  html body.yp .ypw-portlet .k-toolbar {
    position: relative;
    display: block;
    vertical-align: middle;
    line-height: 2.9em; }
  html body.yp .ypw-portlet .k-overflow-container .k-button .k-icon, html body.yp .ypw-portlet .k-overflow-container .k-button .k-sprite, html body.yp .ypw-portlet .k-toolbar .k-button .k-icon, html body.yp .ypw-portlet .k-toolbar .k-button .k-sprite {
    vertical-align: middle;
    margin-top: -7px;
    margin-bottom: -5px; }
  html body.yp .ypw-portlet .k-toolbar .k-input {
    line-height: inherit;
    height: inherit;
    padding-top: 2px;
    padding-bottom: 2px; }
  html body.yp .ypw-portlet .k-toolbar .k-input:before {
    content: "\a0";
    display: inline-block;
    width: 0; }
  html body.yp .ypw-portlet .k-ie .k-toolbar .k-input {
    height: 1.65em; }
  html body.yp .ypw-portlet .k-toolbar .k-combobox .k-dropdown-wrap:before, html body.yp .ypw-portlet .k-toolbar .k-numeric-wrap:before, html body.yp .ypw-portlet .k-toolbar .k-picker-wrap:before {
    display: none; }
  html body.yp .ypw-portlet .k-overflow-container .k-sprite {
    margin-left: -4px; }
  html body.yp .ypw-portlet .k-toolbar-resizable {
    overflow: hidden;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-toolbar > .k-align-left {
    float: none; }
  html body.yp .ypw-portlet .k-toolbar > .k-align-right {
    float: right; }
  html body.yp .ypw-portlet .k-toolbar .k-button, html body.yp .ypw-portlet .k-toolbar > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.72em; }
  html body.yp .ypw-portlet .k-toolbar .k-separator {
    border-width: 0 0 0 1px;
    border-style: solid;
    width: 1px;
    line-height: inherit; }
  html body.yp .ypw-portlet .k-toolbar .k-button-group {
    list-style-type: none; }
  html body.yp .ypw-portlet .k-toolbar .k-button-group > li {
    display: inline-block; }
  html body.yp .ypw-portlet .k-toolbar .k-button-group .k-button {
    margin: 0 0 0 -1px;
    border-radius: 0; }
  html body.yp .ypw-portlet .k-toolbar .k-button, html body.yp .ypw-portlet .k-toolbar .k-button-group, html body.yp .ypw-portlet .k-toolbar .k-separator, html body.yp .ypw-portlet .k-toolbar .k-split-button, html body.yp .ypw-portlet .k-toolbar .k-textbox, html body.yp .ypw-portlet .k-toolbar .k-widget, html body.yp .ypw-portlet .k-toolbar label {
    margin: 0 .2em;
    line-height: 1.72em;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-toolbar .k-split-button {
    padding-left: 0; }
  html body.yp .ypw-portlet .k-toolbar .k-button-group .k-group-start, html body.yp .ypw-portlet .k-toolbar .k-split-button .k-button {
    margin: 0; }
  html body.yp .ypw-portlet .k-toolbar .k-split-button .k-split-button-arrow {
    margin: 0 0 0 -1px; }
  html body.yp .ypw-portlet .k-toolbar .k-overflow-anchor {
    border-width: 0 0 0 1px;
    border-style: solid;
    height: 3em;
    width: 3em;
    line-height: inherit;
    padding: 0 .5em;
    margin: 0;
    position: relative;
    float: right;
    border-radius: 0; }
  html body.yp .ypw-portlet .k-overflow-container .k-item {
    float: none;
    border: 0; }
  html body.yp .ypw-portlet .k-overflow-container .k-separator {
    border-width: 0 0 1px;
    border-style: solid;
    height: 1px;
    line-height: 0;
    font-size: 0;
    padding: 0; }
  html body.yp .ypw-portlet .k-overflow-container .k-overflow-button, html body.yp .ypw-portlet .k-split-container .k-button {
    text-align: left;
    display: block;
    background: 0 0;
    border-color: transparent;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-split-container {
    margin-top: -1px; }
  html body.yp .ypw-portlet .k-overflow-container .k-button-group {
    padding: 0; }
  html body.yp .ypw-portlet .k-overflow-container .k-button-group > li {
    display: block; }
  html body.yp .ypw-portlet .k-overflow-container .k-overflow-group {
    border-width: 1px 0;
    border-style: solid;
    border-radius: 0;
    padding: 2px 0;
    margin: 1px 0; }
  html body.yp .ypw-portlet .k-overflow-container .k-overflow-hidden {
    display: none; }
  html body.yp .ypw-portlet .k-overflow-container .k-overflow-group + .k-overflow-group, html body.yp .ypw-portlet .k-overflow-container .k-separator + .k-overflow-group, html body.yp .ypw-portlet .k-overflow-container .k-toolbar-first-visible {
    border-top: 0;
    margin-top: 0;
    padding-top: 1px; }
  html body.yp .ypw-portlet .k-overflow-container .k-overflow-group + .k-separator {
    display: none; }
  html body.yp .ypw-portlet .k-overflow-container .k-toolbar-last-visible {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1px; }
  html body.yp .ypw-portlet .k-splitter {
    position: relative;
    height: 300px; }
  html body.yp .ypw-portlet .k-pane > .k-splitter {
    border-width: 0;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-splitter .k-pane {
    overflow: hidden; }
  html body.yp .ypw-portlet .k-splitter .k-scrollable {
    overflow: auto; }
  html body.yp .ypw-portlet .k-splitter .k-pane-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px; }
  html body.yp .ypw-portlet .k-ghost-splitbar, html body.yp .ypw-portlet .k-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .ypw-portlet .k-splitter .k-ghost-splitbar-horizontal, html body.yp .ypw-portlet .k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y; }
  html body.yp .ypw-portlet .k-ghost-splitbar-vertical, html body.yp .ypw-portlet .k-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x; }
  html body.yp .ypw-portlet .k-splitbar-draggable-horizontal {
    cursor: w-resize; }
  html body.yp .ypw-portlet .k-splitbar-draggable-vertical {
    cursor: n-resize; }
  html body.yp .ypw-portlet .k-splitbar .k-resize-handle {
    display: none; }
  html body.yp .ypw-portlet .k-restricted-size-horizontal, html body.yp .ypw-portlet .k-restricted-size-vertical {
    background-color: red; }
  html body.yp .ypw-portlet .k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 20px;
    margin-top: -10px; }
  html body.yp .ypw-portlet .k-collapse-next, html body.yp .ypw-portlet .k-collapse-prev, html body.yp .ypw-portlet .k-expand-next, html body.yp .ypw-portlet .k-expand-prev {
    cursor: pointer; }
  html body.yp .ypw-portlet .k-splitbar-horizontal .k-collapse-prev {
    margin-top: -31px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal .k-collapse-next {
    margin-top: 11px; }
  html body.yp .ypw-portlet .k-splitbar-static-horizontal {
    width: 1px; }
  html body.yp .ypw-portlet .k-splitbar-static-vertical {
    height: 1px; }
  html body.yp .ypw-portlet .k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%;
    width: 20px;
    height: 5px;
    margin-left: -10px; }
  html body.yp .ypw-portlet .k-splitbar-vertical .k-collapse-prev {
    margin-left: -31px; }
  html body.yp .ypw-portlet .k-splitbar-vertical .k-collapse-next {
    margin-left: 11px; }
  html body.yp .ypw-portlet .k-splitbar-draggable-horizontal .k-resize-handle, html body.yp .ypw-portlet .k-splitbar-draggable-vertical .k-resize-handle {
    display: inline-block; }
  html body.yp .ypw-portlet .k-splitbar-horizontal .k-resize-handle {
    background-position: -165px -6px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal-hover > .k-resize-handle {
    background-position: -181px -6px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal .k-collapse-prev, html body.yp .ypw-portlet .k-splitbar-horizontal .k-expand-next {
    background-position: -6px -174px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal-hover > .k-collapse-prev, html body.yp .ypw-portlet .k-splitbar-horizontal-hover > .k-expand-next {
    background-position: -22px -174px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal .k-collapse-next, html body.yp .ypw-portlet .k-splitbar-horizontal .k-expand-prev {
    background-position: -5px -142px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal-hover > .k-collapse-next, html body.yp .ypw-portlet .k-splitbar-horizontal-hover > .k-expand-prev {
    background-position: -21px -142px; }
  html body.yp .ypw-portlet .k-splitbar-vertical .k-resize-handle {
    background-position: -38px -309px; }
  html body.yp .ypw-portlet .k-splitbar-vertical-hover > .k-resize-handle {
    background-position: -70px -309px; }
  html body.yp .ypw-portlet .k-splitbar-vertical .k-collapse-prev, html body.yp .ypw-portlet .k-splitbar-vertical .k-expand-next {
    background-position: 2px -134px; }
  html body.yp .ypw-portlet .k-splitbar-vertical-hover > .k-collapse-prev, html body.yp .ypw-portlet .k-splitbar-vertical-hover > .k-expand-next {
    background-position: -14px -134px; }
  html body.yp .ypw-portlet .k-splitbar-vertical .k-collapse-next, html body.yp .ypw-portlet .k-splitbar-vertical .k-expand-prev {
    background-position: 2px -165px; }
  html body.yp .ypw-portlet .k-splitbar-vertical-hover > .k-collapse-next, html body.yp .ypw-portlet .k-splitbar-vertical-hover > .k-expand-prev {
    background-position: -14px -165px; }
  html body.yp .ypw-portlet .k-splitter-resizing {
    overflow: hidden; }
  html body.yp .ypw-portlet html .k-upload {
    position: relative; }
  html body.yp .ypw-portlet .k-dropzone em, html body.yp .ypw-portlet .k-upload-button {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-dropzone, html body.yp .ypw-portlet .k-file {
    position: relative; }
  html body.yp .ypw-portlet .k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .8em;
    background-color: transparent; }
  html body.yp .ypw-portlet .k-dropzone em {
    visibility: hidden;
    margin-left: .6em; }
  html body.yp .ypw-portlet .k-dropzone-active em {
    visibility: visible; }
  html body.yp .ypw-portlet .k-upload-button {
    position: relative;
    overflow: hidden;
    direction: ltr; }
  html body.yp .ypw-portlet .k-upload .k-upload-button {
    min-width: 7.167em; }
  html body.yp .ypw-portlet .k-ie8 .k-upload-button, html body.yp .ypw-portlet .k-ie9 .k-upload-button, html body.yp .ypw-portlet .k-upload-sync .k-upload-button {
    margin: .8em; }
  html body.yp .ypw-portlet .k-upload-button input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-upload-files {
    line-height: 2.66;
    border-style: solid;
    border-width: 1px 0 0;
    padding-bottom: 5px; }
  html body.yp .ypw-portlet .k-upload-files .k-button {
    padding: 0; }
  html body.yp .ypw-portlet .k-upload-status .k-warning {
    display: none; }
  html body.yp .ypw-portlet .k-upload-status-total .k-icon {
    display: inline-block;
    margin-right: 4px; }
  html body.yp .ypw-portlet .k-dropzone .k-upload-status-total {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  html body.yp .ypw-portlet .k-upload .k-clear-selected, html body.yp .ypw-portlet .k-upload .k-upload-selected {
    display: inline-block;
    width: 50%;
    margin: 0;
    line-height: 1em;
    padding: 1.214em 0;
    border: 0; }
  html body.yp .ypw-portlet .k-upload .k-upload-selected {
    border-left-width: 1px;
    border-left-style: solid;
    margin-left: -1px; }
  html body.yp .ypw-portlet .k-upload .k-clear-selected {
    border-radius: 0 0 0 4px; }
  html body.yp .ypw-portlet .k-upload .k-upload-selected {
    border-radius: 0 0 4px 0; }
  html body.yp .ypw-portlet .k-upload-files ~ .k-clear-selected, html body.yp .ypw-portlet .k-upload-files ~ .k-upload-selected {
    margin-top: -5px; }
  html body.yp .ypw-portlet .k-upload .k-fail {
    background-position: -161px -111px; }
  html body.yp .ypw-portlet .k-i-srefresh, html body.yp .ypw-portlet .k-si-refresh {
    background-position: -160px -128px; }
  html body.yp .ypw-portlet .k-button:active .k-i-srefresh, html body.yp .ypw-portlet .k-button:active .k-si-refresh, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-srefresh, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-si-refresh, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-srefresh, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-si-refresh, html body.yp .ypw-portlet .k-state-hover > * > .k-i-srefresh, html body.yp .ypw-portlet .k-state-hover > * > .k-si-refresh, html body.yp .ypw-portlet .k-state-hover > .k-i-srefresh, html body.yp .ypw-portlet .k-state-hover > .k-si-refresh, html body.yp .ypw-portlet .k-textbox:hover .k-i-srefresh, html body.yp .ypw-portlet .k-textbox:hover .k-si-refresh {
    background-position: -160px -128px; }
  html body.yp .ypw-portlet .k-i-stick, html body.yp .ypw-portlet .k-si-tick, html body.yp .ypw-portlet .k-success {
    background-position: -160px -96px; }
  html body.yp .ypw-portlet .k-button:active .k-i-stick, html body.yp .ypw-portlet .k-button:active .k-si-tick, html body.yp .ypw-portlet .k-button:active .k-success, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-stick, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-si-tick, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-success, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-stick, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-si-tick, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-success, html body.yp .ypw-portlet .k-state-hover > * > .k-i-stick, html body.yp .ypw-portlet .k-state-hover > * > .k-si-tick, html body.yp .ypw-portlet .k-state-hover > * > .k-success, html body.yp .ypw-portlet .k-state-hover > .k-i-stick, html body.yp .ypw-portlet .k-state-hover > .k-si-tick, html body.yp .ypw-portlet .k-state-hover > .k-success, html body.yp .ypw-portlet .k-textbox:hover .k-i-stick, html body.yp .ypw-portlet .k-textbox:hover .k-si-tick, html body.yp .ypw-portlet .k-textbox:hover .k-success {
    background-position: -160px -96px; }
  html body.yp .ypw-portlet .k-i-scancel, html body.yp .ypw-portlet .k-si-cancel {
    background-position: -160px -112px; }
  html body.yp .ypw-portlet .k-button:active .k-i-scancel, html body.yp .ypw-portlet .k-button:active .k-si-cancel, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-i-scancel, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-si-cancel, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-i-scancel, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-si-cancel, html body.yp .ypw-portlet .k-state-hover > * > .k-i-scancel, html body.yp .ypw-portlet .k-state-hover > * > .k-si-cancel, html body.yp .ypw-portlet .k-state-hover > .k-i-scancel, html body.yp .ypw-portlet .k-state-hover > .k-si-cancel, html body.yp .ypw-portlet .k-textbox:hover .k-i-scancel, html body.yp .ypw-portlet .k-textbox:hover .k-si-cancel {
    background-position: -160px -112px; }
  html body.yp .ypw-portlet .k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .65em .17em .65em 1em; }
  html body.yp .ypw-portlet .k-file .k-icon {
    position: relative; }
  html body.yp .ypw-portlet .k-file > .k-icon {
    background-position: -112px -288px; }
  html body.yp .ypw-portlet .k-button:active .k-file > .k-icon, html body.yp .ypw-portlet .k-button:not(.k-state-disabled):hover .k-file > .k-icon, html body.yp .ypw-portlet .k-link:not(.k-state-disabled):hover > .k-file > .k-icon, html body.yp .ypw-portlet .k-state-hover > * > .k-file > .k-icon, html body.yp .ypw-portlet .k-state-hover > .k-file > .k-icon, html body.yp .ypw-portlet .k-textbox:hover .k-file > .k-icon {
    background-position: -112px -288px; }
  html body.yp .ypw-portlet .k-file-extension-wrapper, html body.yp .ypw-portlet .k-file-invalid-extension-wrapper, html body.yp .ypw-portlet .k-file-name-size-wrapper, html body.yp .ypw-portlet .k-multiple-files-extension-wrapper, html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper {
    display: inline-block; }
  html body.yp .ypw-portlet .k-file-extension-wrapper, html body.yp .ypw-portlet .k-file-invalid-extension-wrapper, html body.yp .ypw-portlet .k-multiple-files-extension-wrapper, html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper {
    position: relative;
    width: 24px;
    height: 34px;
    border-width: 2px;
    border-style: solid;
    vertical-align: top;
    font-size: .57em;
    text-transform: uppercase; }
  html body.yp .ypw-portlet .k-file-invalid-extension-wrapper, html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper {
    font-size: 1.2em; }
  html body.yp .ypw-portlet .k-multiple-files-extension-wrapper, html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper {
    margin-top: 4px; }
  html body.yp .ypw-portlet .k-file-state {
    visibility: hidden; }
  html body.yp .ypw-portlet .k-file-name-size-wrapper {
    vertical-align: middle;
    margin-left: 1em; }
  html body.yp .ypw-portlet .k-file-extension-wrapper:before, html body.yp .ypw-portlet .k-file-invalid-extension-wrapper:before, html body.yp .ypw-portlet .k-multiple-files-extension-wrapper:after, html body.yp .ypw-portlet .k-multiple-files-extension-wrapper:before, html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper:after, html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper:before {
    position: absolute;
    content: "";
    display: inline-block;
    border-style: solid; }
  html body.yp .ypw-portlet .k-file-extension-wrapper:before, html body.yp .ypw-portlet .k-file-invalid-extension-wrapper:before, html body.yp .ypw-portlet .k-multiple-files-extension-wrapper:before, html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper:before {
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-width: 6px;
    margin-top: -1px;
    margin-right: -1px; }
  html body.yp .ypw-portlet .k-multiple-files-extension-wrapper:after, html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper:after {
    top: -6px;
    left: -6px;
    width: 15px;
    height: 35px;
    border-width: 2px 0 0 2px; }
  html body.yp .ypw-portlet .k-file-extension, html body.yp .ypw-portlet .k-file-invalid-icon {
    position: absolute;
    bottom: 0;
    line-height: normal; }
  html body.yp .ypw-portlet .k-file-extension {
    margin-left: .4em;
    margin-bottom: .3em;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%; }
  html body.yp .ypw-portlet .k-file-invalid-icon {
    margin-left: 5px; }
  html body.yp .ypw-portlet .k-file-information, html body.yp .ypw-portlet .k-file-name, html body.yp .ypw-portlet .k-file-size, html body.yp .ypw-portlet .k-file-validation-message {
    display: block; }
  html body.yp .ypw-portlet .k-file-name {
    position: relative;
    min-width: 10em;
    max-width: 16.667em;
    vertical-align: middle;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-file-information, html body.yp .ypw-portlet .k-file-size, html body.yp .ypw-portlet .k-file-validation-message {
    font-size: .78em;
    line-height: 1.5em; }
  html body.yp .ypw-portlet .k-file-information, html body.yp .ypw-portlet .k-file-validation-message {
    line-height: 1.5em; }
  html body.yp .ypw-portlet .k-file-size {
    line-height: 1.2em; }
  html body.yp .ypw-portlet .k-upload-status {
    position: absolute;
    right: 10px;
    top: 0; }
  html body.yp .ypw-portlet .k-upload-status .k-button {
    vertical-align: text-bottom; }
  html body.yp .ypw-portlet .k-dropzone .k-upload-status {
    line-height: 2.4; }
  html body.yp .ypw-portlet .k-upload-pct {
    margin-right: .75em; }
  html body.yp .ypw-portlet .k-ie8 .k-upload-status-total {
    line-height: 29px; }
  html body.yp .ypw-portlet .k-ie8 .k-upload-status-total, html body.yp .ypw-portlet .k-ie9 .k-upload-status-total {
    top: 1.5em; }
  html body.yp .ypw-portlet .k-ie8 .k-upload-status-total > .k-icon, html body.yp .ypw-portlet .k-ie9 .k-upload-status-total > .k-icon {
    margin-top: -3px; }
  html body.yp .ypw-portlet .k-upload-action {
    line-height: normal; }
  html body.yp .ypw-portlet .k-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px; }
  html body.yp .ypw-portlet .k-file-invalid > .k-progress {
    width: 100%; }
  html body.yp .ypw-portlet .k-upload-selected {
    min-width: 7.167em;
    margin: .25em 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .ypw-portlet .k-upload-cancel, html body.yp .ypw-portlet .k-upload-selected {
    margin-bottom: .8em; }
  html body.yp .ypw-portlet .k-upload-selected {
    margin-left: .8em;
    margin-right: .2em; }
  html body.yp .ypw-portlet .k-rtl .k-file-extension-wrapper {
    margin-left: 14px; }
  html body.yp .ypw-portlet .k-mediaplayer {
    position: relative; }
  html body.yp .ypw-portlet .k-mediaplayer > iframe, html body.yp .ypw-portlet .k-mediaplayer > video {
    vertical-align: top; }
  html body.yp .ypw-portlet .k-mediaplayer .k-mediaplayer-titlebar, html body.yp .ypw-portlet .k-mediaplayer .k-mediaplayer-toolbar {
    z-index: 2; }
  html body.yp .ypw-portlet .k-mediaplayer .k-mediaplayer-overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute; }
  html body.yp .ypw-portlet .k-mediaplayer-titlebar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(80%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0));
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0));
    color: #fff;
    padding: 12px 12px 30px; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    border-width: 0; }
  html body.yp .ypw-portlet html .k-mediaplayer-toolbar .k-button-bare {
    padding-left: 9px;
    padding-right: 9px; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar div.k-mediaplayer-volume {
    margin: 2px 6px 0; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-slider-selection, html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-slider-track {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar {
    position: absolute;
    top: -17px;
    left: 0;
    right: 0;
    margin: 0;
    width: auto; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-slider-track {
    width: 100% !important; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-draghandle {
    opacity: 0;
    -webkit-transition: .2s opacity;
    transition: .2s opacity; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-draghandle.k-state-selected, html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar:hover .k-draghandle {
    opacity: 1; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-mediaplayer-quality {
    width: auto;
    padding: 0;
    background: none transparent; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-mediaplayer-quality .k-dropdown-wrap {
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background: none transparent;
    color: inherit; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-mediaplayer-quality .k-input {
    display: none; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-mediaplayer-quality .k-select {
    position: relative;
    width: auto;
    min-height: 0;
    line-height: inherit; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-align-right {
    line-height: inherit; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-align-right > * {
    display: inline-block; }
  html body.yp .ypw-portlet .k-mediaplayer-currenttime {
    display: inline-block;
    margin-top: 2px; }
  html body.yp .ypw-portlet .k-quality-list {
    width: 80px !important;
    margin-left: -32px !important; }
  html body.yp .ypw-portlet .k-toolbar-wrap .k-dropzone em, html body.yp .ypw-portlet .k-toolbar-wrap .k-upload-files {
    display: none; }
  html body.yp .ypw-portlet .k-toolbar-wrap .k-dropzone {
    border: 0;
    padding: 0; }
  html body.yp .ypw-portlet .k-toolbar-wrap .k-dropzone-active {
    text-align: center; }
  html body.yp .ypw-portlet .k-toolbar-wrap .k-dropzone-active em {
    display: inline;
    margin: 0;
    font-size: 5em;
    font-style: normal; }
  html body.yp .ypw-portlet .k-toolbar-wrap .k-dropzone-active .k-upload-button {
    display: none; }
  html body.yp .ypw-portlet .k-filebrowser-dropzone {
    z-index: 10010;
    filter: alpha(opacity=40);
    opacity: .4;
    position: fixed; }
  html body.yp .ypw-portlet .k-search-wrap {
    position: relative;
    float: right;
    width: 20%;
    padding: 0; }
  html body.yp .ypw-portlet .k-search-wrap label {
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic; }
  html body.yp .ypw-portlet .k-search-wrap input.k-input {
    padding-left: 0;
    padding-right: 0; }
  html body.yp .ypw-portlet .k-search-wrap .k-search {
    position: absolute;
    top: 4px;
    right: 2px;
    margin: 0; }
  html body.yp .ypw-portlet .k-breadcrumbs {
    position: relative;
    float: left;
    width: 79%; }
  html body.yp .ypw-portlet .k-breadcrumbs-wrap {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    padding-left: 5px;
    line-height: 18px; }
  html body.yp .ypw-portlet .k-breadcrumbs > .k-input {
    width: 100%;
    font-size: inherit;
    font-family: inherit;
    border: 0; }
  html body.yp .ypw-portlet .k-breadcrumbs .k-link, html body.yp .ypw-portlet .k-breadcrumbs-wrap .k-icon {
    margin-top: 0;
    text-decoration: none;
    vertical-align: middle;
    position: static; }
  html body.yp .ypw-portlet .k-breadcrumbs .k-link:hover {
    text-decoration: underline; }
  html body.yp .ypw-portlet .k-filebrowser .k-breadcrumbs .k-i-seek-w {
    text-decoration: none;
    cursor: default; }
  html body.yp .ypw-portlet .k-filebrowser .k-filebrowser-toolbar {
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: .25em;
    line-height: 23px;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled {
    display: none; }
  html body.yp .ypw-portlet .k-filebrowser .k-toolbar-wrap {
    float: left; }
  html body.yp .ypw-portlet .k-filebrowser .k-tiles-arrange {
    float: right; }
  html body.yp .ypw-portlet .k-filebrowser .k-tiles-arrange .k-dropdown {
    width: 75px; }
  html body.yp .ypw-portlet .k-filebrowser .k-upload {
    float: left;
    z-index: 10010;
    border-width: 0;
    background-color: transparent; }
  html body.yp .ypw-portlet .k-filebrowser .k-upload .k-upload-status {
    display: none; }
  html body.yp .ypw-portlet .k-filebrowser .k-upload .k-upload-button {
    width: auto;
    margin-left: 0;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-filebrowser .k-upload .k-icon {
    vertical-align: bottom; }
  html body.yp .ypw-portlet .k-tiles {
    clear: both;
    height: 390px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    margin: 0 0 1.4em;
    padding: 9px;
    overflow: auto;
    line-height: 1.2; }
  html body.yp .ypw-portlet .k-tile {
    float: left;
    width: 223px;
    height: 88px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    background-position: 0 100px;
    background-repeat: repeat-x;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-tiles li.k-state-hover, html body.yp .ypw-portlet .k-tiles li.k-state-selected {
    background-position: 0 center; }
  html body.yp .ypw-portlet .k-filebrowser .k-thumb {
    float: left;
    display: inline;
    width: 80px;
    height: 80px;
    margin: 4px 10px 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .ypw-portlet .k-filebrowser .k-file {
    width: 80px;
    height: 80px; }
  html body.yp .ypw-portlet .k-filebrowser .k-image {
    margin: 2px 0 0 2px; }
  html body.yp .ypw-portlet .k-filebrowser .k-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat; }
  html body.yp .ypw-portlet .k-filebrowser .k-loading {
    margin: 35px 0 0 33px; }
  html body.yp .ypw-portlet .k-tile input, html body.yp .ypw-portlet .k-tile strong {
    margin: 10px 0 4px;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-tile strong {
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .ypw-portlet .k-tile input {
    width: 100px; }
  html body.yp .ypw-portlet .k-tile input, html body.yp .ypw-portlet .k-tile strong {
    display: block; }
  html body.yp .ypw-portlet .k-tile .k-filesize {
    display: inline-block; }
  html body.yp .ypw-portlet .k-filebrowser .k-form-text-row {
    text-align: right; }
  html body.yp .ypw-portlet .k-filebrowser .k-form-text-row label {
    width: 14%; }
  html body.yp .ypw-portlet .k-filebrowser .k-form-text-row input {
    width: 80%; }
  html body.yp .ypw-portlet .k-tile-empty {
    margin: 160px 0 0; }
  html body.yp .ypw-portlet .k-tile-empty .k-dialog-upload {
    font-weight: 700;
    font-size: 120%; }
  html body.yp .ypw-portlet .k-tile-empty strong {
    display: block;
    margin: 0 0 .2em;
    font-size: 3em;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-tile-empty, html body.yp .ypw-portlet .k-tile-empty .k-button-wrapper {
    text-align: center; }
  html body.yp .ypw-portlet .k-chart, html body.yp .ypw-portlet .k-gauge, html body.yp .ypw-portlet .k-sparkline, html body.yp .ypw-portlet .k-stockchart {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html body.yp .ypw-portlet .k-chart, html body.yp .ypw-portlet .k-stockchart {
    height: 400px; }
  html body.yp .ypw-portlet .k-stockchart, html body.yp .ypw-portlet div.k-chart, html body.yp .ypw-portlet div.k-gauge, html body.yp .ypw-portlet span.k-sparkline {
    background-color: transparent; }
  html body.yp .ypw-portlet .k-gauge {
    text-align: left;
    position: relative; }
  html body.yp .ypw-portlet .k-baseline-marker {
    zoom: 1;
    *display: inline; }
  html body.yp .ypw-portlet .k-chart-tooltip {
    border-radius: 4px;
    padding: 6px;
    white-space: nowrap;
    z-index: 12000;
    line-height: normal;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
    color: #fff; }
  html body.yp .ypw-portlet .k-chart-tooltip-inverse {
    color: #000; }
  html body.yp .ypw-portlet .k-chart-tooltip table {
    border-spacing: 0;
    border-collapse: collapse; }
  html body.yp .ypw-portlet .k-chart-tooltip th {
    width: auto;
    text-align: center;
    padding: 1px; }
  html body.yp .ypw-portlet .k-chart-tooltip td {
    width: auto;
    text-align: left;
    padding: .1em .2em; }
  html body.yp .ypw-portlet .k-selector {
    position: absolute;
    -webkit-transform: translateZ(0); }
  html body.yp .ypw-portlet .k-selection {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    border-bottom: 0;
    height: 100%; }
  html body.yp .ypw-portlet .k-selection-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.01);
    filter: alpha(opacity=1); }
  html body.yp .ypw-portlet .k-handle {
    background: #d2d2d2;
    width: 7px;
    height: 26px;
    cursor: e-resize;
    z-index: 1;
    border-radius: 6px;
    position: absolute; }
  html body.yp .ypw-portlet .k-handle div {
    width: 100%;
    height: 100%;
    background-color: transparent; }
  html body.yp .ypw-portlet .k-leftHandle {
    left: -4px; }
  html body.yp .ypw-portlet .k-rightHandle {
    right: -4px; }
  html body.yp .ypw-portlet .k-leftHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 30px 0 0; }
  html body.yp .ypw-portlet .k-leftHandle.k-handle-active div {
    margin-left: -40px;
    padding-right: 55px; }
  html body.yp .ypw-portlet .k-rightHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 0 0 30px; }
  html body.yp .ypw-portlet .k-rightHandle.k-handle-active div {
    padding-left: 55px; }
  html body.yp .ypw-portlet .k-mask {
    position: absolute;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=80);
    opacity: .8; }
  html body.yp .ypw-portlet .k-border {
    background: #d2d2d2;
    width: 1px;
    height: 100%;
    position: absolute; }
  html body.yp .ypw-portlet .k-navigator-hint div {
    position: absolute; }
  html body.yp .ypw-portlet .k-navigator-hint .k-scroll {
    position: absolute;
    height: 4px;
    border-radius: 4px;
    background: #d2d2d2; }
  html body.yp .ypw-portlet .k-navigator-hint .k-tooltip {
    margin-top: 20px;
    min-width: 160px;
    opacity: 1;
    text-align: center;
    border: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background: #fff; }
  html body.yp .ypw-portlet .k-sparkline, html body.yp .ypw-portlet .k-sparkline span {
    display: inline-block;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-sparkline span {
    height: 100%;
    width: 100%; }
  html body.yp .ypw-portlet .k-diagram, html body.yp .ypw-portlet .k-map {
    height: 600px; }
  html body.yp .ypw-portlet .k-diagram .km-scroll-wrapper, html body.yp .ypw-portlet .k-map .km-scroll-wrapper {
    padding-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .ypw-portlet .k-diagram .km-scroll-container, html body.yp .ypw-portlet .k-diagram .km-scroll-wrapper, html body.yp .ypw-portlet .k-map .km-scroll-container, html body.yp .ypw-portlet .k-map .km-scroll-wrapper {
    position: absolute;
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .k-diagram .k-layer, html body.yp .ypw-portlet .k-map .k-layer {
    position: absolute;
    left: 0;
    top: 0; }
  html body.yp .ypw-portlet .k-diagram .km-touch-scrollbar, html body.yp .ypw-portlet .k-map .km-touch-scrollbar {
    display: none; }
  html body.yp .ypw-portlet .k-map .k-marker {
    position: absolute;
    width: 28px;
    height: 40px;
    margin: -40px 0 0 -14px;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-map .k-marker-pin {
    background-position: 0 40px; }
  html body.yp .ypw-portlet .k-map .k-marker-pin-target {
    background-position: 0 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    html body.yp .ypw-portlet .k-map .k-marker {
      width: 56px;
      height: 80px;
      margin: -80px 0 0 -28px; }
    html body.yp .ypw-portlet .k-map .k-marker-pin {
      background-position: 0 80px; } }
  html body.yp .ypw-portlet .k-map .k-pos-top {
    top: 0; }
  html body.yp .ypw-portlet .k-map .k-pos-bottom {
    bottom: 0; }
  html body.yp .ypw-portlet .k-map .k-pos-left {
    left: 0; }
  html body.yp .ypw-portlet .k-map .k-pos-right {
    right: 0; }
  html body.yp .ypw-portlet .k-map-controls {
    position: absolute; }
  html body.yp .ypw-portlet .k-map-controls.k-pos-left .k-widget:first-child {
    margin-right: 0; }
  html body.yp .ypw-portlet .k-map-controls.k-pos-right .k-widget:first-child {
    margin-left: 0; }
  html body.yp .ypw-portlet .k-navigator {
    width: 50px;
    height: 50px;
    margin: 20px;
    border-radius: 80px;
    position: relative;
    display: inline-block;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-pdf-export .k-navigator {
    display: none; }
  html body.yp .ypw-portlet .k-navigator > button {
    border-color: transparent;
    background: 0 0; }
  html body.yp .ypw-portlet div.k-navigator > .k-button {
    margin: 0;
    padding: 0;
    line-height: 10px;
    border-radius: 16px;
    position: absolute;
    font-size: 1px;
    line-height: 1px; }
  html body.yp .ypw-portlet div.k-navigator .k-navigator-n {
    top: 2px;
    left: 50%;
    margin-left: -9px; }
  html body.yp .ypw-portlet div.k-navigator .k-navigator-e {
    right: 2px;
    top: 50%;
    margin-top: -9px; }
  html body.yp .ypw-portlet div.k-navigator .k-navigator-s {
    bottom: 2px;
    left: 50%;
    margin-left: -9px; }
  html body.yp .ypw-portlet div.k-navigator .k-navigator-w {
    left: 2px;
    top: 50%;
    margin-top: -9px; }
  html body.yp .ypw-portlet .k-map .k-attribution {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 10px;
    padding: 2px 4px;
    z-index: 1000; }
  html body.yp .ypw-portlet .k-zoom-control {
    margin: 14px;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-pdf-export .k-zoom-control {
    display: none; }
  html body.yp .ypw-portlet .k-button-wrap {
    border-radius: 4px;
    display: inline-block; }
  html body.yp .ypw-portlet .k-button-wrap .k-button {
    position: relative;
    font: 700 17px/1.18 monospace; }
  html body.yp .ypw-portlet .k-buttons-horizontal :first-child {
    border-radius: 4px 0 0 4px; }
  html body.yp .ypw-portlet .k-buttons-horizontal :first-child + .k-zoom-in {
    border-radius: 0;
    margin-left: -1px; }
  html body.yp .ypw-portlet .k-buttons-horizontal .k-zoom-out {
    border-radius: 0 4px 4px 0;
    margin-left: -1px; }
  html body.yp .ypw-portlet .k-button-wrap .k-button:hover {
    z-index: 1; }
  html body.yp .ypw-portlet .k-buttons-vertical .k-button {
    display: block; }
  html body.yp .ypw-portlet .k-buttons-vertical :first-child {
    border-radius: 4px 4px 0 0; }
  html body.yp .ypw-portlet .k-buttons-vertical .k-zoom-out {
    border-radius: 0 0 4px 4px;
    margin-top: -1px; }
  html body.yp .ypw-portlet .k-zoom-text {
    margin: 0;
    width: 4.3em;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 4px 4px 0; }
  html body.yp .ypw-portlet .k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
    border-radius: 0;
    margin-left: 0;
    margin-right: -1px; }
  html body.yp .ypw-portlet .k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    margin-right: -1px; }
  html body.yp .ypw-portlet .k-diagram {
    height: 600px; }
  html body.yp .ypw-portlet .k-diagram .km-scroll-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
  html body.yp .ypw-portlet .k-diagram .km-scroll-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
  html body.yp .ypw-portlet .k-canvas-container {
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .k-diagram img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .ypw-portlet .k-treemap {
    overflow: hidden;
    height: 400px; }
  html body.yp .ypw-portlet .k-treemap-tile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin: -1px 0 0 -1px;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-treemap-tile.k-leaf {
    padding: .6em; }
  html body.yp .ypw-portlet .k-treemap-wrap.k-last > .k-treemap-tile {
    padding: .3em; }
  html body.yp .ypw-portlet .k-treemap-tile.k-state-hover, html body.yp .ypw-portlet .k-treemap-tile.k-state-hover:hover {
    z-index: 2;
    background-image: none; }
  html body.yp .ypw-portlet .k-treemap > .k-treemap-tile {
    position: relative;
    height: 100%; }
  html body.yp .ypw-portlet .k-treemap-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.42em;
    height: 2.42em;
    padding: 0 .6em;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-treemap-wrap .k-treemap-title {
    border-width: 0 0 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-treemap-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  html body.yp .ypw-portlet .k-treemap-title + .k-treemap-wrap {
    top: 2.42em; }
  html body.yp .ypw-portlet .k-treemap-title-vertical {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.42em;
    line-height: 2.42em;
    overflow: hidden;
    padding: .6em 0;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-treemap-title-vertical > div {
    position: absolute;
    top: 0;
    right: 1.23em;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  html body.yp .ypw-portlet .k-treemap-title-vertical + .k-treemap-wrap {
    left: 2.42em; }
  html body.yp .ypw-portlet .km-pane, html body.yp .ypw-portlet .km-pane-wrapper, html body.yp .ypw-portlet .km-root {
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none; }
  html body.yp .ypw-portlet .km-pane-wrapper {
    position: absolute;
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .km-pane, html body.yp .ypw-portlet .km-shim {
    font-family: sans-serif; }
  html body.yp .ypw-portlet .km-pane {
    overflow-x: hidden; }
  html body.yp .ypw-portlet .km-view {
    top: 0;
    left: 0;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    vertical-align: top; }
  html body.yp .ypw-portlet .k-ff .km-pane, html body.yp .ypw-portlet .k-ff .km-view {
    overflow: hidden; }
  html body.yp .ypw-portlet .k-ff18 .km-pane, html body.yp .ypw-portlet .k-ff18 .km-view, html body.yp .ypw-portlet .k-ff19 .km-pane, html body.yp .ypw-portlet .k-ff19 .km-view, html body.yp .ypw-portlet .k-ff20 .km-pane, html body.yp .ypw-portlet .k-ff20 .km-view, html body.yp .ypw-portlet .k-ff21 .km-pane, html body.yp .ypw-portlet .k-ff21 .km-view {
    position: relative; }
  html body.yp .ypw-portlet .k-ff .km-view {
    display: -moz-inline-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  html body.yp .ypw-portlet .km-content {
    min-height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-align: stretch;
    display: block;
    width: auto;
    overflow: hidden;
    position: relative; }
  html body.yp .ypw-portlet .km-actionsheet > li {
    list-style-type: none;
    padding: inherit 1em;
    line-height: 2em; }
  html body.yp .ypw-portlet .km-actionsheet {
    padding: 0;
    margin: 0; }
  html body.yp .ypw-portlet .km-shim {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10001; }
  html body.yp .ypw-portlet .km-actionsheet-wrapper, html body.yp .ypw-portlet .km-shim .k-animation-container {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0; }
  html body.yp .ypw-portlet .km-shim .k-animation-container {
    width: auto; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-grid-column-menu > .km-header, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-edit-form > .km-header, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-filter-menu > .km-header, html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-edit-form > .km-header {
    border-style: solid;
    border-width: 1px;
    padding: .3em .6em;
    text-align: center;
    width: auto;
    line-height: 2em; }
  html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer, html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar {
    line-height: 2em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-grid-edit-form .k-multiselect, html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
    width: 15em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap, html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
    display: block; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-grid-column-menu .k-done, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-edit-form .k-grid-update, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-filter-menu .k-submit, html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
    float: right; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-grid-edit-form .k-grid-cancel, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-filter-menu .k-cancel, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-filter-menu .k-i-cancel, html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
    float: left; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete, html body.yp .ypw-portlet :not(.km-pane) > .km-shim .km-actionsheet .k-button {
    display: block;
    text-align: center; }
  html body.yp .ypw-portlet :not(.km-pane) > .km-shim .km-actionsheet .k-button {
    font-size: 1.4em;
    margin: .3em 1em; }
  html body.yp .ypw-portlet :not(.km-pane) > .km-shim .km-actionsheet-title {
    text-align: center;
    line-height: 3em;
    margin-bottom: -.3em; }
  html body.yp .ypw-portlet :not(.km-pane) > .km-shim > .k-animation-container {
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important; }
  html body.yp .ypw-portlet .km-pane-wrapper > div.km-pane {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container, html body.yp .ypw-portlet .km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field {
    width: 74%; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-grid-edit-form .k-edit-form-container, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-edit-form .k-popup-edit-form {
    width: auto; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-filter-menu .k-button {
    width: 100%;
    margin: 0; }
  html body.yp .ypw-portlet .k-grid-mobile {
    border-width: 0; }
  html body.yp .ypw-portlet .k-grid-mobile .k-resize-handle-inner {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -7px;
    width: 17px;
    height: 17px;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px; }
  html body.yp .ypw-portlet .k-grid-mobile .k-resize-handle-inner:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 1px;
    width: 6px;
    height: 6px;
    background-position: -5px -53px; }
  html body.yp .ypw-portlet .k-grid-mobile .k-resize-handle-inner:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1px;
    width: 6px;
    height: 6px;
    background-position: -5px -21px; }
  html body.yp .ypw-portlet .km-pane-wrapper .km-pane * {
    -webkit-background-clip: border-box;
    background-clip: border-box; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list ul, html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-radius: 0;
    background: 0 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .km-switch {
    top: 50%;
    right: .8rem;
    position: absolute;
    margin-top: -1.1rem; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-state-disabled {
    opacity: 1; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-state-disabled > * {
    opacity: .7; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-label, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-label, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-link {
    display: block;
    position: relative;
    list-style-type: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 0 .5em 1em;
    font-size: 1em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-edit-form-container, html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
    padding-top: 1em;
    width: 100%; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-label {
    position: absolute;
    margin: 0;
    float: none;
    clear: none;
    width: 100%; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-label label {
    display: block;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .1em 0;
    margin: 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-label, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item {
    font-size: 1em;
    line-height: 1.6em;
    overflow: hidden; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-label {
    width: 100%;
    float: none;
    clear: none;
    min-height: 2.7em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-grid-delete .k-icon, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-edit .k-icon, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-toolbar .k-icon, html body.yp .ypw-portlet .km-pane-wrapper .km-header .k-icon {
    display: none; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field {
    padding: .5em 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
    padding: .3em 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
    line-height: 2em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item > * {
    line-height: normal; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-button-container, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-buttons {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 1em;
    margin: 0; }
  html body.yp .ypw-portlet .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    display: block;
    padding: .2em 1em;
    font-size: .95em;
    position: -webkit-sticky;
    margin: 0;
    font-weight: 400;
    line-height: 2em;
    background: 0 0;
    border-top: 1em solid transparent; }
  html body.yp .ypw-portlet .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3) {
    position: relative; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item:first-child {
    border-top: 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item:last-child {
    border-bottom: 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-label, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-link {
    line-height: inherit;
    text-decoration: none;
    margin: -.5em 0 -.5em -1em; }
  html body.yp .ypw-portlet .k-check[type=checkbox], html body.yp .ypw-portlet .k-check[type=radio], html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=checkbox], html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent; }
  html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=checkbox], html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=radio], html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-label .k-check, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-link .k-check {
    border: 0;
    font-size: inherit;
    width: 13px;
    height: 13px;
    margin: .26em 1em .26em 0; }
  html body.yp .ypw-portlet .k-ie .k-mobile-list .k-edit-field [type=checkbox], html body.yp .ypw-portlet .k-ie .k-mobile-list .k-edit-field [type=radio], html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-icon, html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check, html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check {
    font-size: inherit;
    text-indent: -9999px;
    width: 1.01em;
    height: 1em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-column-menu .k-label .k-check {
    height: 16px;
    width: 16px; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list input:not([type=checkbox]):not([type=radio]), html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list textarea {
    text-indent: 0;
    font-size: 1em;
    line-height: 1.6em;
    vertical-align: middle;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-widget {
    border: 0;
    border-radius: 0; }
  html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-mobile-list .k-widget {
    height: initial; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-widget .k-input, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
    border: 0;
    background: 0 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list select:not([multiple]), html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list textarea, html body.yp .ypw-portlet .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
    width: 80%;
    padding: .6em 0;
    margin: -.5em 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > *, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list input, html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    z-index: 1;
    position: relative; }
  html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    padding: 10px;
    border-radius: 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
    float: none;
    width: 100%;
    padding: 1px 0;
    margin: 0;
    border-radius: 3px;
    text-indent: 30px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-font-icon {
    position: absolute;
    left: 20px;
    z-index: 1; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-views {
    width: 18em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .5em 1em; }
  html body.yp .ypw-portlet .km-pane-wrapper #recurrence .k-scheduler-navigation {
    width: 100%; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-navigation, html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-views {
    display: table;
    table-layout: fixed; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li, html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-views li {
    display: table-cell;
    text-align: center; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    margin: 0;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
    margin-top: -.5em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
    margin-bottom: -.5em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    text-indent: 1em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
    margin-left: 20%;
    float: left; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-dropdown-wrap, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-numeric-wrap, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-picker-wrap {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-datepicker .k-select, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select {
    position: absolute;
    top: 0;
    right: 0;
    line-height: normal; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link {
    height: 50%; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-edit-form-container .k-button, html body.yp .ypw-portlet .km-pane-wrapper .k-grid .k-button {
    margin: 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-edit-form-container .k-button + .k-button, html body.yp .ypw-portlet .km-pane-wrapper .k-grid .k-button + .k-button {
    margin: 0 0 0 .18em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .km-pane-wrapper .k-pager-wrap > .k-link {
    width: 2.4em;
    height: 2.4em;
    line-height: 2.1em;
    border-radius: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers .k-state-selected {
    width: auto;
    line-height: 2.2em;
    padding: 0 .86em;
    min-width: .7em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-pager-wrap {
    line-height: 2.4em; }
  @media all and (max-width: 1024px) {
    html body.yp .ypw-portlet .km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav {
      position: absolute;
      right: .3em;
      top: .3em; }
    html body.yp .ypw-portlet .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav, html body.yp .ypw-portlet .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav {
      right: 3em; }
    html body.yp .ypw-portlet .km-pane-wrapper .k-pager-info, html body.yp .ypw-portlet .km-pane-wrapper .k-pager-refresh {
      display: none; } }
  @media all and (max-width: 699px), (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 800px) {
    html body.yp .ypw-portlet .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list select:not([multiple]), html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list textarea, html body.yp .ypw-portlet .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
      width: 50%; }
    html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
      margin-left: 50%; }
    html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button {
      margin-left: 1em; }
    html body.yp .ypw-portlet .km-pane-wrapper .k-nav-today a {
      padding-left: .6em;
      padding-right: .6em; }
    html body.yp .ypw-portlet .km-pane-wrapper li.k-nav-current {
      margin-left: 0;
      margin-right: 0; }
    html body.yp .ypw-portlet .km-pane-wrapper .k-pager-wrap {
      position: relative; }
    html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers {
      width: auto;
      display: block;
      overflow: hidden;
      margin-right: 5.5em;
      float: none;
      text-overflow: ellipsis;
      height: 2.4em;
      text-align: center; }
    html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers li {
      float: none;
      display: inline-block; }
    html body.yp .ypw-portlet .km-pane-wrapper .k-pager-nav {
      float: left; } }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]), html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    width: 100%; }
  html body.yp .ypw-portlet .km-scroll-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translatez(0); }
  html body.yp .ypw-portlet .k-widget .km-scroll-wrapper {
    position: relative;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .3em;
    width: .3em;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transition: "opacity 0.3s linear";
    transition: "opacity 0.3s linear"; }
  html body.yp .ypw-portlet .km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px; }
  html body.yp .ypw-portlet .km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px; }
  @media only screen and (max-width: 1024px) {
    html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views {
      position: absolute;
      right: 6px;
      top: 6px;
      z-index: 10000; }
    html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
      right: auto;
      left: 6px; }
    html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
      display: none; }
    html body.yp .ypw-portlet .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
      display: none; }
    html body.yp .ypw-portlet .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: inline; }
    html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      display: block;
      border-width: 1px; }
    html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      text-align: left;
      padding-left: 1em; }
    html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      display: block;
      position: relative;
      padding-right: 2.5em;
      padding-left: 1em;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      padding-left: 0; }
    html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .333em;
      width: 1.333em;
      height: 1.333em; }
    html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
      display: block;
      border: 0;
      border-radius: 0; }
    html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      border: 1px solid #c5c5c5;
      background-color: #fff;
      background-image: none;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
    html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      text-align: left; } }
  html body.yp .ypw-portlet .k-fx-end .k-fx-current, html body.yp .ypw-portlet .k-fx-end .k-fx-next {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out; }
  html body.yp .ypw-portlet .k-fx {
    position: relative; }
  html body.yp .ypw-portlet .k-fx .k-fx-current {
    z-index: 0; }
  html body.yp .ypw-portlet .k-fx .k-fx-next {
    z-index: 1; }
  html body.yp .ypw-portlet .k-fx-hidden, html body.yp .ypw-portlet .k-fx-hidden * {
    visibility: hidden !important; }
  html body.yp .ypw-portlet .k-fx-reverse .k-fx-current {
    z-index: 1; }
  html body.yp .ypw-portlet .k-fx-reverse .k-fx-next {
    z-index: 0; }
  html body.yp .ypw-portlet .k-fx-zoom.k-fx-start .k-fx-next {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important; }
  html body.yp .ypw-portlet .k-fx-zoom.k-fx-end .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .ypw-portlet .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next, html body.yp .ypw-portlet .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .ypw-portlet .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .ypw-portlet .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important; }
  html body.yp .ypw-portlet .k-fx-fade.k-fx-start .k-fx-next {
    will-change: opacity;
    opacity: 0; }
  html body.yp .ypw-portlet .k-fx-fade.k-fx-end .k-fx-next {
    opacity: 1; }
  html body.yp .ypw-portlet .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: opacity;
    opacity: 1; }
  html body.yp .ypw-portlet .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
    opacity: 0; }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-end .k-fx-current .km-content, html body.yp .ypw-portlet .k-fx-slide.k-fx-end .k-fx-current .km-footer, html body.yp .ypw-portlet .k-fx-slide.k-fx-end .k-fx-current .km-header, html body.yp .ypw-portlet .k-fx-slide.k-fx-end .k-fx-next .km-content, html body.yp .ypw-portlet .k-fx-slide.k-fx-end .k-fx-next .km-footer, html body.yp .ypw-portlet .k-fx-slide.k-fx-end .k-fx-next .km-header {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out; }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-start .k-fx-next .km-content {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-start .k-fx-next .km-footer, html body.yp .ypw-portlet .k-fx-slide.k-fx-start .k-fx-next .km-header {
    will-change: opacity;
    opacity: 0; }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-end .k-fx-next .km-footer, html body.yp .ypw-portlet .k-fx-slide.k-fx-end .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer, html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
    will-change: opacity;
    opacity: 1; }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer, html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer, html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
    opacity: 0; }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer, html body.yp .ypw-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next, html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%); }
  html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%); }
  html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%); }
  html body.yp .ypw-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%); }
  html body.yp .ypw-portlet .k-virtual-wrap {
    position: relative; }
  html body.yp .ypw-portlet .k-virtual-wrap .k-list.k-virtual-list {
    height: auto; }
  html body.yp .ypw-portlet .k-virtual-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative; }
  html body.yp .ypw-portlet .k-virtual-list > .k-virtual-content {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  html body.yp .ypw-portlet .k-virtual-option-label {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  html body.yp .ypw-portlet .k-virtual-wrap > .k-virtual-header {
    text-align: right; }
  html body.yp .ypw-portlet .k-popup .k-item.k-first {
    position: relative; }
  html body.yp .ypw-portlet .k-virtual-content > .k-virtual-list > .k-virtual-item {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-popup .k-list .k-item > .k-group, html body.yp .ypw-portlet .k-popup > .k-group-header, html body.yp .ypw-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    text-transform: uppercase;
    font-size: .857em; }
  html body.yp .ypw-portlet .k-popup .k-list .k-item > .k-group {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .5em;
    line-height: 1.8; }
  html body.yp .ypw-portlet .k-popup .k-state-hover > .k-group {
    right: -1px; }
  html body.yp .ypw-portlet .k-group-header + .k-list > .k-item.k-first, html body.yp .ypw-portlet .k-static-header + .k-list > .k-item.k-first, html body.yp .ypw-portlet .k-virtual-item.k-first {
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 0; }
  html body.yp .ypw-portlet .k-popup > .k-group-header, html body.yp .ypw-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    text-align: right; }

@font-face {
  html body.yp .ypw-portlet {
    font-family: KendoUIGlyphs;
    src: url(fonts/glyphs/KendoUIGlyphs.eot?wi2r8m);
    src: url(fonts/glyphs/KendoUIGlyphs.eot?wi2r8m?#iefix) format("embedded-opentype"), url(fonts/glyphs/KendoUIGlyphs.ttf?wi2r8m) format("truetype"), url(fonts/glyphs/KendoUIGlyphs.woff?wi2r8m) format("woff"), url(fonts/glyphs/KendoUIGlyphs.svg?wi2r8m#KendoUIGlyphs) format("svg");
    font-weight: 400;
    font-style: normal; } }
  html body.yp .ypw-portlet .k-i-arrow-n:before {
    content: "\e600"; }
  html body.yp .ypw-portlet .k-i-arrow-e:before {
    content: "\e601"; }
  html body.yp .ypw-portlet .k-i-arrow-s:before {
    content: "\e602"; }
  html body.yp .ypw-portlet .k-i-arrow-w:before {
    content: "\e603"; }
  html body.yp .ypw-portlet .k-i-seek-n:before {
    content: "\e604"; }
  html body.yp .ypw-portlet .k-i-seek-e:before {
    content: "\e605"; }
  html body.yp .ypw-portlet .k-i-seek-s:before {
    content: "\e606"; }
  html body.yp .ypw-portlet .k-i-seek-w:before {
    content: "\e607"; }
  html body.yp .ypw-portlet .k-i-sarrow-n:before {
    content: "\e608"; }
  html body.yp .ypw-portlet .k-i-sarrow-e:before {
    content: "\e609"; }
  html body.yp .ypw-portlet .k-i-sarrow-s:before {
    content: "\e60a"; }
  html body.yp .ypw-portlet .k-i-sarrow-w:before {
    content: "\e60b"; }
  html body.yp .ypw-portlet .k-i-expand-n:before {
    content: "\e60c"; }
  html body.yp .ypw-portlet .k-i-expand-e:before {
    content: "\e60d"; }
  html body.yp .ypw-portlet .k-i-expand-s:before {
    content: "\e60e"; }
  html body.yp .ypw-portlet .k-i-expand-w:before {
    content: "\e60f"; }
  html body.yp .ypw-portlet .k-i-collapse-ne:before {
    content: "\e610"; }
  html body.yp .ypw-portlet .k-i-collapse-se:before {
    content: "\e611"; }
  html body.yp .ypw-portlet .k-i-collapse-sw:before {
    content: "\e612"; }
  html body.yp .ypw-portlet .k-i-collapse-nw:before {
    content: "\e613"; }
  html body.yp .ypw-portlet .k-i-resize-ne:before {
    content: "\e614"; }
  html body.yp .ypw-portlet .k-i-resize-se:before {
    content: "\e615"; }
  html body.yp .ypw-portlet .k-i-resize-sw:before {
    content: "\e616"; }
  html body.yp .ypw-portlet .k-i-resize-nw:before {
    content: "\e617"; }
  html body.yp .ypw-portlet .k-i-arrowhead-n:before {
    content: "\e618"; }
  html body.yp .ypw-portlet .k-i-arrowhead-e:before {
    content: "\e619"; }
  html body.yp .ypw-portlet .k-i-arrowhead-s:before {
    content: "\e61a"; }
  html body.yp .ypw-portlet .k-i-arrowhead-w:before {
    content: "\e61b"; }
  html body.yp .ypw-portlet .k-i-pencil:before {
    content: "\e61c"; }
  html body.yp .ypw-portlet .k-i-x:before {
    content: "\e61d"; }
  html body.yp .ypw-portlet .k-i-checkmark:before {
    content: "\e61e"; }
  html body.yp .ypw-portlet .k-i-deny:before {
    content: "\e61f"; }
  html body.yp .ypw-portlet .k-i-trash:before {
    content: "\e620"; }
  html body.yp .ypw-portlet .k-i-plus:before {
    content: "\e621"; }
  html body.yp .ypw-portlet .k-i-splus:before {
    content: "\e622"; }
  html body.yp .ypw-portlet .k-i-minus:before {
    content: "\e623"; }
  html body.yp .ypw-portlet .k-i-sminus:before {
    content: "\e624"; }
  html body.yp .ypw-portlet .k-i-filter:before {
    content: "\e625"; }
  html body.yp .ypw-portlet .k-i-filter-clear:before {
    content: "\e626"; }
  html body.yp .ypw-portlet .k-i-refresh:before {
    content: "\e627"; }
  html body.yp .ypw-portlet .k-i-refresh-clear:before {
    content: "\e628"; }
  html body.yp .ypw-portlet .k-i-restore:before {
    content: "\e629"; }
  html body.yp .ypw-portlet .k-i-maximize:before {
    content: "\e62a"; }
  html body.yp .ypw-portlet .k-i-minimize:before {
    content: "\e62b"; }
  html body.yp .ypw-portlet .k-i-pin:before {
    content: "\e62c"; }
  html body.yp .ypw-portlet .k-i-unpin:before {
    content: "\e62d"; }
  html body.yp .ypw-portlet .k-i-calendar:before {
    content: "\e62e"; }
  html body.yp .ypw-portlet .k-i-clock:before {
    content: "\e62f"; }
  html body.yp .ypw-portlet .k-i-search:before {
    content: "\e630"; }
  html body.yp .ypw-portlet .k-i-zoom-in:before {
    content: "\e631"; }
  html body.yp .ypw-portlet .k-i-zoom-out:before {
    content: "\e632"; }
  html body.yp .ypw-portlet .k-i-print:before {
    content: "\e633"; }
  html body.yp .ypw-portlet .k-i-folder-add:before {
    content: "\e634"; }
  html body.yp .ypw-portlet .k-i-folder-up:before {
    content: "\e635"; }
  html body.yp .ypw-portlet .k-i-folder-open:before {
    content: "\e634"; }
  html body.yp .ypw-portlet .k-i-insert-image:before {
    content: "\e636"; }
  html body.yp .ypw-portlet .k-i-image:before {
    content: "\e637"; }
  html body.yp .ypw-portlet .k-i-insert-file:before {
    content: "\e638"; }
  html body.yp .ypw-portlet .k-i-file:before {
    content: "\e639"; }
  html body.yp .ypw-portlet .k-i-files:before {
    content: "\e63a"; }
  html body.yp .ypw-portlet .k-i-pdf:before {
    content: "\e63b"; }
  html body.yp .ypw-portlet .k-i-pdfa:before {
    content: "\e68d"; }
  html body.yp .ypw-portlet .k-i-xls:before {
    content: "\e63c"; }
  html body.yp .ypw-portlet .k-i-xlsa:before {
    content: "\e63d"; }
  html body.yp .ypw-portlet .k-i-lock:before {
    content: "\e63e"; }
  html body.yp .ypw-portlet .k-i-unlock:before {
    content: "\e63f"; }
  html body.yp .ypw-portlet .k-i-rows:before {
    content: "\e640"; }
  html body.yp .ypw-portlet .k-i-columns:before {
    content: "\e641"; }
  html body.yp .ypw-portlet .k-i-hamburger:before {
    content: "\e642"; }
  html body.yp .ypw-portlet .k-i-vbars:before {
    content: "\e643"; }
  html body.yp .ypw-portlet .k-i-hbars:before {
    content: "\e644"; }
  html body.yp .ypw-portlet .k-i-move:before {
    content: "\e645"; }
  html body.yp .ypw-portlet .k-i-group:before {
    content: "\e646"; }
  html body.yp .ypw-portlet .k-i-ungroup:before {
    content: "\e647"; }
  html body.yp .ypw-portlet .k-i-dimension:before {
    content: "\e648"; }
  html body.yp .ypw-portlet .k-i-connector:before {
    content: "\e649"; }
  html body.yp .ypw-portlet .k-i-kpi:before {
    content: "\e64a"; }
  html body.yp .ypw-portlet .k-i-undo:before {
    content: "\e64b"; }
  html body.yp .ypw-portlet .k-i-redo:before {
    content: "\e64c"; }
  html body.yp .ypw-portlet .k-i-undo-large:before {
    content: "\e64d"; }
  html body.yp .ypw-portlet .k-i-redo-large:before {
    content: "\e64e"; }
  html body.yp .ypw-portlet .k-i-rotate-ccw:before {
    content: "\e64f"; }
  html body.yp .ypw-portlet .k-i-rotate-cw:before {
    content: "\e650"; }
  html body.yp .ypw-portlet .k-i-cut:before {
    content: "\e651"; }
  html body.yp .ypw-portlet .k-i-copy:before {
    content: "\e652"; }
  html body.yp .ypw-portlet .k-i-paste:before {
    content: "\e653"; }
  html body.yp .ypw-portlet .k-i-bold:before {
    content: "\e654"; }
  html body.yp .ypw-portlet .k-i-italic:before {
    content: "\e655"; }
  html body.yp .ypw-portlet .k-i-underline:before {
    content: "\e656"; }
  html body.yp .ypw-portlet .k-i-strike-through:before {
    content: "\e657"; }
  html body.yp .ypw-portlet .k-i-text:before {
    content: "\e658"; }
  html body.yp .ypw-portlet .k-i-font-size:before {
    content: "\e68e"; }
  html body.yp .ypw-portlet .k-i-font-family:before {
    content: "\e68f"; }
  html body.yp .ypw-portlet .k-i-fx:before {
    content: "\e659"; }
  html body.yp .ypw-portlet .k-i-subscript:before {
    content: "\e65a"; }
  html body.yp .ypw-portlet .k-i-superscript:before {
    content: "\e65b"; }
  html body.yp .ypw-portlet .k-i-background:before {
    content: "\e65c"; }
  html body.yp .ypw-portlet .k-i-sum:before {
    content: "\e65d"; }
  html body.yp .ypw-portlet .k-i-increase-decimal:before {
    content: "\e65e"; }
  html body.yp .ypw-portlet .k-i-decrease-decimal:before {
    content: "\e65f"; }
  html body.yp .ypw-portlet .k-i-justify-left:before {
    content: "\e660"; }
  html body.yp .ypw-portlet .k-i-justify-center:before {
    content: "\e661"; }
  html body.yp .ypw-portlet .k-i-justify-right:before {
    content: "\e662"; }
  html body.yp .ypw-portlet .k-i-justify-full:before {
    content: "\e663"; }
  html body.yp .ypw-portlet .k-i-justify-clear:before {
    content: "\e664"; }
  html body.yp .ypw-portlet .k-i-align-top:before {
    content: "\e665"; }
  html body.yp .ypw-portlet .k-i-align-middle:before {
    content: "\e666"; }
  html body.yp .ypw-portlet .k-i-align-bottom:before {
    content: "\e667"; }
  html body.yp .ypw-portlet .k-i-indent:before {
    content: "\e668"; }
  html body.yp .ypw-portlet .k-i-outdent:before {
    content: "\e669"; }
  html body.yp .ypw-portlet .k-i-insert-n:before {
    content: "\e66a"; }
  html body.yp .ypw-portlet .k-i-insert-m:before {
    content: "\e66b"; }
  html body.yp .ypw-portlet .k-i-insert-s:before {
    content: "\e66c"; }
  html body.yp .ypw-portlet .k-i-insert-unordered-list:before {
    content: "\e66d"; }
  html body.yp .ypw-portlet .k-i-insert-ordered-list:before {
    content: "\e66e"; }
  html body.yp .ypw-portlet .k-i-sort-asc:before {
    content: "\e66f"; }
  html body.yp .ypw-portlet .k-i-sort-desc:before {
    content: "\e670"; }
  html body.yp .ypw-portlet .k-i-unsort:before {
    content: "\e671"; }
  html body.yp .ypw-portlet .k-i-hyperlink:before {
    content: "\e672"; }
  html body.yp .ypw-portlet .k-i-hyperlink-remove:before {
    content: "\e673"; }
  html body.yp .ypw-portlet .k-i-clearformat:before {
    content: "\e674"; }
  html body.yp .ypw-portlet .k-i-html:before {
    content: "\e675"; }
  html body.yp .ypw-portlet .k-i-exception:before {
    content: "\e676"; }
  html body.yp .ypw-portlet .k-i-custom:before {
    content: "\e677"; }
  html body.yp .ypw-portlet .k-i-cog:before {
    content: "\e678"; }
  html body.yp .ypw-portlet .k-i-create-table:before {
    content: "\e679"; }
  html body.yp .ypw-portlet .k-i-add-column-left:before {
    content: "\e67a"; }
  html body.yp .ypw-portlet .k-i-add-column-right:before {
    content: "\e67b"; }
  html body.yp .ypw-portlet .k-i-delete-column:before {
    content: "\e67c"; }
  html body.yp .ypw-portlet .k-i-add-row-above:before {
    content: "\e67d"; }
  html body.yp .ypw-portlet .k-i-add-row-below:before {
    content: "\e67e"; }
  html body.yp .ypw-portlet .k-i-delete-row:before {
    content: "\e67f"; }
  html body.yp .ypw-portlet .k-i-merge-cells:before {
    content: "\e680"; }
  html body.yp .ypw-portlet .k-i-normal-layout:before {
    content: "\e681"; }
  html body.yp .ypw-portlet .k-i-page-layout:before {
    content: "\e682"; }
  html body.yp .ypw-portlet .k-i-all-borders:before {
    content: "\e683"; }
  html body.yp .ypw-portlet .k-i-inside-borders:before {
    content: "\e684"; }
  html body.yp .ypw-portlet .k-i-inside-horizontal-borders:before {
    content: "\e685"; }
  html body.yp .ypw-portlet .k-i-inside-vertical-borders:before {
    content: "\e686"; }
  html body.yp .ypw-portlet .k-i-outside-borders:before {
    content: "\e687"; }
  html body.yp .ypw-portlet .k-i-top-border:before {
    content: "\e688"; }
  html body.yp .ypw-portlet .k-i-right-border:before {
    content: "\e689"; }
  html body.yp .ypw-portlet .k-i-bottom-border:before {
    content: "\e68a"; }
  html body.yp .ypw-portlet .k-i-left-border:before {
    content: "\e68b"; }
  html body.yp .ypw-portlet .k-i-no-borders:before {
    content: "\e68c"; }
  html body.yp .ypw-portlet .k-i-merge-horizontally:before {
    content: "\e690"; }
  html body.yp .ypw-portlet .k-i-merge-vertically:before {
    content: "\e691"; }
  html body.yp .ypw-portlet .k-i-text-wrap:before {
    content: "\e692"; }
  html body.yp .ypw-portlet .k-i-dollar:before {
    content: "\e693"; }
  html body.yp .ypw-portlet .k-i-percent:before {
    content: "\e694"; }
  html body.yp .ypw-portlet .k-i-freeze-col:before {
    content: "\e695"; }
  html body.yp .ypw-portlet .k-i-freeze-row:before {
    content: "\e696"; }
  html body.yp .ypw-portlet .k-i-freeze-panes:before {
    content: "\e697"; }
  html body.yp .ypw-portlet .k-i-format-number:before {
    content: "\e698"; }
  html body.yp .ypw-portlet .k-i-reset-color:before {
    content: "\e900"; }
  html body.yp .ypw-portlet .k-i-file-horizontal:before {
    content: "\e901"; }
  html body.yp .ypw-portlet .k-i-folder:before {
    content: "\e902"; }
  html body.yp .ypw-portlet .k-i-folder-open:before {
    content: "\e903"; }
  html body.yp .ypw-portlet .k-i-table-align-top-left:before {
    content: "\e904"; }
  html body.yp .ypw-portlet .k-i-table-align-top-center:before {
    content: "\e905"; }
  html body.yp .ypw-portlet .k-i-table-align-top-right:before {
    content: "\e906"; }
  html body.yp .ypw-portlet .k-i-table-align-middle-left:before {
    content: "\e907"; }
  html body.yp .ypw-portlet .k-i-table-align-middle-center:before {
    content: "\e908"; }
  html body.yp .ypw-portlet .k-i-table-align-middle-right:before {
    content: "\e909"; }
  html body.yp .ypw-portlet .k-i-table-align-bottom-left:before {
    content: "\e90a"; }
  html body.yp .ypw-portlet .k-i-table-align-bottom-center:before {
    content: "\e90b"; }
  html body.yp .ypw-portlet .k-i-table-align-bottom-right:before {
    content: "\e90c"; }
  html body.yp .ypw-portlet .k-i-table-align-remove:before {
    content: "\e90d"; }
  html body.yp .ypw-portlet .k-i-fullscreen-enter:before {
    content: "\e90e"; }
  html body.yp .ypw-portlet .k-i-fullscreen-exit:before {
    content: "\e90f"; }
  html body.yp .ypw-portlet .k-i-volume-low:before {
    content: "\e910"; }
  html body.yp .ypw-portlet .k-i-volume-high:before {
    content: "\e911"; }
  html body.yp .ypw-portlet .k-i-volume-mute:before {
    content: "\e912"; }
  html body.yp .ypw-portlet .k-i-play:before {
    content: "\e913"; }
  html body.yp .ypw-portlet .k-i-pause:before {
    content: "\e914"; }
  html body.yp .ypw-portlet .k-i-stop:before {
    content: "\e915"; }
  html body.yp .ypw-portlet .k-i-HD:before {
    content: "\e916"; }
  html body.yp .ypw-portlet .k-i-subtitles:before {
    content: "\e917"; }
  html body.yp .ypw-portlet .k-i-playlist:before {
    content: "\e918"; }
  html body.yp .ypw-portlet .k-spreadsheet {
    width: 800px;
    height: 600px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    cursor: default; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-pane {
    padding-right: 1px;
    position: absolute;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-pane.k-top {
    border-top-width: 0; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-pane.k-left {
    border-left-width: 0; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
    position: absolute;
    white-space: pre;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-haxis, html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-vaxis {
    position: absolute;
    border-style: solid; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-vaxis {
    top: 0;
    border-width: 0 0 0 1px; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-haxis {
    left: 0;
    border-width: 1px 0 0; }
  html body.yp .ypw-portlet .k-spreadsheet .k-filter-range, html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-selection {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-active-cell {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar {
    border-width: 0 0 1px;
    border-style: solid;
    position: relative;
    font-size: 12px;
    font-family: Arial,Verdana,sans-serif;
    display: table;
    width: 100%; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar, html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
    display: table-cell; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
    position: relative;
    vertical-align: top;
    border-width: 0 1px 0 0;
    border-style: solid; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox {
    width: 9.5em;
    border-radius: 0;
    border-color: transparent; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap {
    border-radius: 0;
    border-color: transparent;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-input {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-select {
    border-radius: 0;
    margin: -1px -1px -1px 0;
    padding: 1px 1px 1px 0; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar {
    width: 100%;
    padding-left: 31px; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
    background-image: none;
    font-family: KendoUIGlyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1;
    opacity: 1;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e659";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 0 1px 0 0;
    border-style: solid;
    width: 24px;
    margin-left: -24px; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-input {
    overflow: hidden; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-formula-input {
    outline: 0;
    border-width: 0;
    height: 26px;
    line-height: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: pre;
    padding: 3px .5em 0; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-cell-editor {
    position: absolute;
    display: none;
    padding: 0 3px;
    line-height: 20px;
    z-index: 2000;
    overflow: hidden; }
  html body.yp .ypw-portlet .k-spreadsheet > .k-spreadsheet-view {
    position: relative;
    font-size: 12px;
    font-family: Arial,Verdana,sans-serif; }
  html body.yp .ypw-portlet .k-spreadsheet .k-tabstrip-wrapper {
    position: relative;
    line-height: 1.7em; }
  html body.yp .ypw-portlet .k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
    padding: 0 0 0; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-quick-access-toolbar {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 0 0 0; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
    padding: .3em;
    line-height: 1.4em; }
  html body.yp .ypw-portlet .k-spreadsheet .k-filter-wrapper, html body.yp .ypw-portlet .k-spreadsheet .k-merged-cells-wrapper, html body.yp .ypw-portlet .k-spreadsheet .k-selection-wrapper, html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-row-header {
    position: relative; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-column-header {
    position: absolute; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-sheets-bar {
    border-width: 1px 0 0; }
  html body.yp .ypw-portlet .k-spreadsheet .k-vertical-align-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  html body.yp .ypw-portlet .k-spreadsheet .k-vertical-align-bottom {
    position: relative;
    top: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
  html body.yp .ypw-portlet .k-spreadsheet .k-dirty {
    position: absolute;
    top: 0;
    right: 0;
    margin: -2px 0 0 -7px;
    border-width: 4px;
    border-color: red red transparent transparent; }
  html body.yp .ypw-portlet .k-spreadsheet .k-single-selection::after {
    content: " ";
    height: 6px;
    width: 6px;
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    margin-bottom: -5px;
    margin-right: -5px;
    border-width: 1px;
    border-style: solid;
    z-index: 100;
    cursor: crosshair; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-edit-container .k-single-selection::after {
    display: none; }
  html body.yp .ypw-portlet .k-spreadsheet .k-auto-fill, html body.yp .ypw-portlet .k-spreadsheet .k-auto-fill-punch {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .k-spreadsheet .k-auto-fill {
    border-width: 1px;
    border-style: solid;
    cursor: crosshair; }
  html body.yp .ypw-portlet .k-spreadsheet .k-auto-fill-wrapper {
    position: relative; }
  html body.yp .ypw-portlet .k-spreadsheet-names-popup .k-item {
    position: relative; }
  html body.yp .ypw-portlet .k-spreadsheet-names-popup .k-icon {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .7;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-spreadsheet-names-popup .k-icon:hover {
    opacity: 1; }
  html body.yp .ypw-portlet .k-horizontal-resize {
    cursor: col-resize; }
  html body.yp .ypw-portlet .k-vertical-resize {
    cursor: row-resize; }
  html body.yp .ypw-portlet .k-merged-cells-wrapper, html body.yp .ypw-portlet .k-selection-wrapper, html body.yp .ypw-portlet .k-spreadsheet-active-cell, html body.yp .ypw-portlet .k-spreadsheet-data {
    cursor: cell; }
  html body.yp .ypw-portlet .k-horizontal-resize .k-merged-cells-wrapper, html body.yp .ypw-portlet .k-horizontal-resize .k-selection-wrapper, html body.yp .ypw-portlet .k-horizontal-resize .k-spreadsheet-active-cell, html body.yp .ypw-portlet .k-horizontal-resize .k-spreadsheet-data {
    cursor: col-resize; }
  html body.yp .ypw-portlet .k-vertical-resize .k-merged-cells-wrapper, html body.yp .ypw-portlet .k-vertical-resize .k-selection-wrapper, html body.yp .ypw-portlet .k-vertical-resize .k-spreadsheet-active-cell, html body.yp .ypw-portlet .k-vertical-resize .k-spreadsheet-data {
    cursor: row-resize; }
  html body.yp .ypw-portlet .k-font-icon, html body.yp .ypw-portlet .k-font-icon.k-icon, html body.yp .ypw-portlet .k-font-icon.k-tool-icon {
    font-family: KendoUIGlyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1;
    opacity: 1;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
    font-size: 16px; }
  html body.yp .ypw-portlet .k-spreadsheet .k-colorpicker .k-tool-icon {
    overflow: visible; }
  html body.yp .ypw-portlet .k-button.k-custom-color, html body.yp .ypw-portlet .k-button.k-reset-color {
    display: block;
    width: 100%;
    border-radius: 0;
    border: none;
    text-align: left;
    line-height: 2em; }
  html body.yp .ypw-portlet .k-spreadsheet-colorpicker .k-colorpalette {
    border: 1px solid #dbdbdb;
    border-left: none;
    border-right: none;
    padding: .4em; }
  html body.yp .ypw-portlet .k-spreadsheet-filter {
    position: absolute;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-spreadsheet-sample {
    float: right; }
  html body.yp .ypw-portlet .k-spreadsheet-clipboard, html body.yp .ypw-portlet .k-spreadsheet-clipboard-paste {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet textarea.k-spreadsheet-clipboard {
    position: fixed; }
  html body.yp .ypw-portlet .k-spreadsheet-top-corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    border-width: 0 1px 1px 0;
    border-style: solid; }
  html body.yp .ypw-portlet .k-spreadsheet-top-corner:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 6px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-spreadsheet-scroller {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1; }
  html body.yp .ypw-portlet .k-spreadsheet-fixed-container {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .ypw-portlet .k-spreadsheet-view-size {
    position: relative; }
  html body.yp .ypw-portlet .k-spreadsheet-column-header, html body.yp .ypw-portlet .k-spreadsheet-row-header {
    text-align: center; }
  html body.yp .ypw-portlet .k-spreadsheet-column-header .k-spreadsheet-cell, html body.yp .ypw-portlet .k-spreadsheet-row-header .k-spreadsheet-cell {
    border-style: solid;
    border-width: 0 1px 1px 0; }
  html body.yp .ypw-portlet div.k-spreadsheet-window {
    padding: 1.167em .75em .75em; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-form-container {
    width: 100%; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-root-tabs {
    border-width: 0;
    margin: -1em -1em 0;
    padding: .5em 1em 0; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-root-tabs .k-loading {
    display: none; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-list-wrapper {
    padding: .15em 0;
    border-width: 1px;
    border-style: solid;
    height: 190px; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-list .k-item {
    border-radius: 0;
    padding: .5em .6em .4em .6em;
    cursor: pointer;
    line-height: 1.1em; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-format-filter {
    width: 100%; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
    margin-top: 1em; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-action-buttons {
    padding: 1em; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-label {
    width: 27%;
    margin: 0 0 0 .75em; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field {
    width: 67%;
    margin: 0 .917em 0 0; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field > .k-radio-label {
    margin-right: 1.25em;
    vertical-align: baseline; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field > .k-radio-label:after, html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field > .k-radio-label:before {
    margin-top: -1px; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field, html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-label {
    padding: 0;
    line-height: 3em; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field .k-dropdown, html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field .k-textbox {
    width: 100%; }
  html body.yp .ypw-portlet .k-spreadsheet-window .export-config {
    border-width: 1px 0 0;
    border-style: solid;
    padding: 1em;
    margin: 0 -1em; }
  html body.yp .ypw-portlet .k-spreadsheet-window .export-config .k-edit-field {
    width: 40%;
    float: left;
    margin-left: 30px; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field > input[type=radio] {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field > .k-orientation-label {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field > .k-orientation-label:before {
    font-family: KendoUIGlyphs;
    font-size: 16px; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-orientation-portrait-label:before {
    content: "\e639"; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-orientation-landscape-label:before {
    content: "\e901"; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-page-orientation {
    position: absolute;
    right: 4em;
    top: 22%;
    width: 64px;
    height: 92px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-page-orientation:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 3px;
    border-style: solid;
    margin-top: -1px;
    margin-right: -1px; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-page-landscape {
    top: 26%;
    width: 92px;
    height: 64px; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-margins-horizontal {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 62px;
    border-width: 1px 0;
    border-style: solid; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-margins-vertical {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 34px;
    height: 100%;
    border-width: 0 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-page-landscape .k-margins-horizontal {
    height: 34px; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-page-landscape .k-margins-vertical {
    width: 62px; }
  html body.yp .ypw-portlet .k-spreadsheet-window .export-config:after, html body.yp .ypw-portlet .k-spreadsheet-window > div:after {
    content: " ";
    display: block;
    clear: both;
    height: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-format-cells .k-spreadsheet-preview {
    font-weight: 700;
    text-align: center;
    font-size: 1.16em;
    line-height: 3.64em;
    margin: 0 -.863em .72em;
    border-style: solid;
    border-width: 1px 0; }
  html body.yp .ypw-portlet .k-spreadsheet-border-palette {
    width: 153px; }
  html body.yp .ypw-portlet .k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%; }
  html body.yp .ypw-portlet .k-spreadsheet-border-palette .k-colorpalette {
    vertical-align: bottom; }
  html body.yp .ypw-portlet .k-spreadsheet-popup .k-separator {
    width: 1px;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block; }
  html body.yp .ypw-portlet .k-spreadsheet-popup .k-colorpalette {
    vertical-align: top; }
  html body.yp .ypw-portlet .k-spreadsheet-popup .k-button.k-button-icon {
    padding: .6em;
    border-width: 0;
    border-radius: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-popup .k-button.k-button-icontext {
    display: block;
    text-align: left;
    text-transform: initial;
    padding: .6em 1.2em .6em 1em;
    border-width: 0;
    border-radius: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu {
    width: 280px; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu > .k-menu {
    border-width: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu > .k-menu .k-link {
    padding-left: 26px; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu > .k-menu .k-icon.k-font-icon {
    margin-left: -26px;
    width: 26px; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    height: 200px;
    overflow-y: scroll;
    overflow-x: auto;
    border-width: 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
    overflow: visible;
    padding: 6px 7px; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-details {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 4px 0; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-details-summary {
    cursor: pointer;
    line-height: 26px; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-details-summary .k-icon {
    margin: 0 5px; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-details-content {
    padding: 0 8px 0 26px; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-details-content > .k-textbox, html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-details-content > .k-widget {
    width: 100%;
    margin-bottom: 3px; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-image: none; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-details-content .k-filter-and {
    width: 75px;
    margin: 8px 0; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-action-buttons {
    border-top-width: 0;
    margin: 8px;
    padding: 0;
    position: static; }
  html body.yp .ypw-portlet .k-resize-handle, html body.yp .ypw-portlet .k-resize-hint {
    position: absolute; }
  html body.yp .ypw-portlet .k-resize-hint-handle {
    width: 100%;
    height: 20px; }
  html body.yp .ypw-portlet .k-resize-hint-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto; }
  html body.yp .ypw-portlet .k-resize-hint-vertical .k-resize-hint-handle {
    height: 100%;
    width: 20px;
    float: left; }
  html body.yp .ypw-portlet .k-resize-hint-vertical .k-resize-hint-marker {
    height: 2px;
    width: 100%; }
  html body.yp .ypw-portlet .k-button.k-spreadsheet-sheets-bar-add, html body.yp .ypw-portlet .k-spreadsheet-quick-access-toolbar .k-button {
    border-color: transparent;
    background-color: transparent;
    background-image: none; }
  html body.yp .ypw-portlet .k-spreadsheet-tabstrip {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-tabstrip > .k-content {
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    margin: 0;
    padding: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-tabstrip .k-loading {
    display: none; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar.k-toolbar {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
    margin-left: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar.k-toolbar > .k-button-group {
    border-width: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar .k-button, html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-button-group, html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-widget, html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) {
    margin: 0;
    border-color: transparent;
    background-color: transparent;
    background-image: none; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-widget[data-property=fontSize] {
    width: 75px; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-widget[data-property=format] {
    width: 100px; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-widget[data-property=fontFamily] {
    width: 130px; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select {
    border-color: transparent; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar .k-separator {
    margin: 0 3px;
    width: 0;
    overflow: hidden;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block; }
  html body.yp .ypw-portlet .k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, html body.yp .ypw-portlet .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, html body.yp .ypw-portlet .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point, html body.yp .ypw-portlet .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, html body.yp .ypw-portlet .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point {
    text-decoration: underline; }
  html body.yp .ypw-portlet .k-spreadsheet-formula-input > .k-series-a, html body.yp .ypw-portlet .k-spreadsheet-formula-input > .k-series-b, html body.yp .ypw-portlet .k-spreadsheet-formula-input > .k-series-c, html body.yp .ypw-portlet .k-spreadsheet-formula-input > .k-series-d {
    background-color: transparent; }
  html body.yp .ypw-portlet .k-spreadsheet-selection-highlight {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .k-spreadsheet-formula-list {
    min-width: 100px; }
  html body.yp .ypw-portlet .k-spreadsheet-formula-list .k-item {
    padding: 0 .3em;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-spreadsheet-sheets-bar {
    position: relative; }
  html body.yp .ypw-portlet .k-button.k-spreadsheet-sheets-bar-add {
    position: absolute;
    bottom: .2em;
    left: .4em;
    z-index: 1; }
  html body.yp .ypw-portlet .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
    padding: 0;
    margin: .5em .5em .5em -.5em; }
  html body.yp .ypw-portlet .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
    padding: 2px;
    line-height: normal; }
  html body.yp .ypw-portlet .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
    margin: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-sheets-items-hint {
    margin-top: .1em;
    background: 0 0 !important;
    border-width: 0 !important; }
  html body.yp .ypw-portlet .k-spreadsheet-editor-button {
    position: absolute;
    width: 20px;
    z-index: 10;
    margin-left: 2px;
    padding: 0 !important; }
  html body.yp .ypw-portlet .k-spreadsheet-editor-button span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  html body.yp .ypw-portlet .hint-wrapper {
    margin-top: 1em; }
  html body.yp .ypw-portlet .hint-wrapper:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-left: -.917em;
    padding-right: .917em;
    padding-left: .917em; }
  html body.yp .ypw-portlet .k-edit-form-container > div:after {
    display: block;
    content: "";
    clear: both; }
  html body.yp .ypw-portlet .k-dialog {
    min-width: 90px;
    min-height: 3em;
    max-width: 100%;
    max-height: 100%; }
  html body.yp .ypw-portlet .k-dialog.k-window {
    position: fixed;
    padding-top: 0; }
  html body.yp .ypw-portlet .k-dialog.k-dialog-centered {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  html body.yp .ypw-portlet .k-dialog .k-window-titlebar {
    position: static;
    margin: 0;
    padding: .6em .8em 1em .8em;
    width: auto; }
  html body.yp .ypw-portlet .k-dialog .k-window-titlebar .k-dialog-title {
    margin: 0;
    padding: 0;
    width: auto;
    max-width: 98%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2em;
    line-height: 1.2em; }
  html body.yp .ypw-portlet .k-dialog .k-content {
    margin: 0;
    padding: 1.8em 1em 1.8em 1em; }
  html body.yp .ypw-portlet .k-dialog.k-dialog-titleless .k-content {
    padding: 2.4em; }
  html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup {
    margin: 0;
    padding: 0; }
  html body.yp .ypw-portlet .k-dialog a.k-dialog-action.k-dialog-close {
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 10000; }
  html body.yp .ypw-portlet .k-dialog a.k-dialog-action.k-dialog-close .k-font-icon {
    background-image: none;
    font-family: KendoUIGlyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1;
    opacity: 1;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  html body.yp .ypw-portlet .k-dialog.k-dialog-titleless a.k-dialog-action.k-dialog-close {
    right: .5em;
    top: 1em; }
  html body.yp .ypw-portlet .k-dialog.k-alert .k-window-titlebar, html body.yp .ypw-portlet .k-dialog.k-confirm .k-window-titlebar, html body.yp .ypw-portlet .k-dialog.k-prompt .k-window-titlebar {
    background: 0 0;
    border-bottom: none; }
  html body.yp .ypw-portlet .k-dialog.k-alert .k-content, html body.yp .ypw-portlet .k-dialog.k-confirm .k-content {
    padding: 2.4em; }
  html body.yp .ypw-portlet .k-dialog.k-prompt .k-content {
    padding: 1.2em 1.2em .6em 1.2em; }
  html body.yp .ypw-portlet .k-dialog .k-prompt-container {
    width: auto;
    padding: .6em 1.2em 1.8em 1.2em; }
  html body.yp .ypw-portlet .k-dialog .k-prompt-container .k-textbox {
    width: 100%; }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Sans";
    src: url(fonts/DejaVu/DejaVuSans.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Sans";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Sans";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Serif";
    src: url(fonts/DejaVu/DejaVuSerif.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Serif";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Serif";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Serif";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Mono";
    src: url(fonts/DejaVu/DejaVuSansMono.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Mono";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Mono";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .ypw-portlet {
    font-family: "DejaVu Mono";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1) format("truetype"); } }
  html body.yp .ypw-portlet .kendo-pdf-hide-pseudo-elements:after, html body.yp .ypw-portlet .kendo-pdf-hide-pseudo-elements:before {
    display: none !important; }
  html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-toolbar .k-button {
    line-height: 1.143em;
    padding: 9px 14px; }
  html body.yp .ypw-portlet .k-widget.k-tabstrip {
    background-image: none;
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-tabstrip .k-tabstrip-items {
    padding: 0; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip > div.k-content, html body.yp .ypw-portlet .k-tabstrip > div.k-content {
    margin: 0; }
  html body.yp .ypw-portlet .k-panel > .k-item > .k-link, html body.yp .ypw-portlet .k-panelbar > .k-item > .k-link {
    line-height: 3.5em; }
  html body.yp .ypw-portlet .k-panelbar .k-image {
    margin-top: 12px; }
  html body.yp .ypw-portlet .k-panelbar .k-link > .k-sprite {
    margin-top: 16px; }
  html body.yp .ypw-portlet .k-tabstrip > .k-tabstrip-items > .k-item {
    text-transform: uppercase;
    border-width: 0;
    border-style: solid;
    padding: 0; }
  html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-i-loading, html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-loading, html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items .k-i-loading, html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items .k-loading {
    display: none; }
  html body.yp .ypw-portlet .k-tabstrip-top > .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-top > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px; }
  html body.yp .ypw-portlet .k-tabstrip-top > .k-tabstrip-items > .k-item {
    border-bottom-width: 2px; }
  html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
    margin-right: -2px; }
  html body.yp .ypw-portlet .k-tabstrip-left > .k-tabstrip-items > .k-item {
    border-right-width: 2px; }
  html body.yp .ypw-portlet .k-tabstrip-right > .k-tabstrip-items > .k-item {
    border-left-width: 2px; }
  html body.yp .ypw-portlet .k-tabstrip-bottom > .k-tabstrip-items > .k-item {
    border-top-width: 2px; }
  html body.yp .ypw-portlet .k-tabstrip .k-tabstrip-items .k-link {
    padding: 1.071em; }
  html body.yp .ypw-portlet .k-slider-track {
    border-width: 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-grouping-dropclue {
    margin-top: 10px; }
  html body.yp .ypw-portlet .k-filter-row th, html body.yp .ypw-portlet .k-grid-header th.k-header {
    padding: .786em .6em; }
  html body.yp .ypw-portlet .k-grid-header th.k-header {
    padding-left: 1.286em; }
  html body.yp .ypw-portlet .k-filtercell > span {
    padding-right: 5.714em; }
  html body.yp .ypw-portlet .k-filtercell > span > .k-button {
    padding-left: .714em;
    padding-right: .714em;
    line-height: 1.286em;
    margin: 0; }
  html body.yp .ypw-portlet .k-filter-row .k-dropdown-operator {
    width: 2.714em;
    right: 2.857em; }
  html body.yp .ypw-portlet .k-filter-menu {
    padding: .5em .5em 0; }
  html body.yp .ypw-portlet .k-filter-menu .k-button {
    margin: 0;
    width: 50%;
    border-radius: 0; }
  html body.yp .ypw-portlet .k-filter-menu .k-primary {
    float: right; }
  html body.yp .ypw-portlet .k-filter-menu > div > div:last-child {
    margin: .5em -.5em 0;
    border-top-width: 1px;
    border-top-style: solid; }
  html body.yp .ypw-portlet .k-filter-menu .k-primary {
    border-left-width: 1px;
    border-left-style: solid; }
  html body.yp .ypw-portlet .k-grouping-header .k-group-indicator {
    padding: .5em .15em .429em .4em; }
  html body.yp .ypw-portlet .k-grid .k-grouping-row td {
    padding: .6em .6em .643em; }
  html body.yp .ypw-portlet .k-grouping-header .k-button, html body.yp .ypw-portlet .k-grouping-header a {
    vertical-align: baseline; }
  html body.yp .ypw-portlet .k-grid td {
    padding: .929em 1.286em; }
  html body.yp .ypw-portlet .k-grid-header th.k-header > .k-link {
    padding: 0;
    margin: 0;
    min-height: 16px;
    line-height: inherit; }
  html body.yp .ypw-portlet .k-grouping-header {
    line-height: 2.6; }
  html body.yp .ypw-portlet .k-grid-content tr:last-child > td {
    border-bottom-width: 0; }
  html body.yp .ypw-portlet .k-grid tr td, html body.yp .ypw-portlet .k-pivot-layout .k-grid tr td {
    border-bottom-width: 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-grouping-row + tr td {
    border-top-width: 0; }
  html body.yp .ypw-portlet .k-grid-content table tr:first-child td, html body.yp .ypw-portlet .k-grid-content-locked table tr:first-child td {
    border-top: 0; }
  html body.yp .ypw-portlet .k-grid-content tr td {
    border-left-width: 0; }
  html body.yp .ypw-portlet .k-pager-numbers .k-state-selected {
    line-height: 2.429em;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-pager-numbers .k-state-selected {
    border-width: 2px 0 0;
    padding-top: .7em; }
  html body.yp .ypw-portlet .k-pager-wrap {
    line-height: 1.286em;
    padding: .429em 0 .429em .25em; }
  html body.yp .ypw-portlet .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-pager-wrap > .k-link {
    height: 2.429em;
    line-height: 2.429em; }
  html body.yp .ypw-portlet .k-pager-sizes, html body.yp .ypw-portlet .k-pager-wrap .k-link {
    padding: 0;
    min-width: 2.429em; }
  html body.yp .ypw-portlet .k-pager-wrap .k-pager-numbers .k-state-selected {
    margin-top: -.45em;
    padding-top: .45em;
    min-width: 2.429em; }
  html body.yp .ypw-portlet .k-pager-wrap input.k-textbox {
    height: 2.571em; }
  html body.yp .ypw-portlet .k-pager-info {
    padding: .714em 1.333em .643em 1.333em; }
  html body.yp .ypw-portlet .k-pager-wrap .k-pager-refresh {
    margin-right: 1.214em; }
  html body.yp .ypw-portlet .k-pager-wrap .k-dropdown {
    width: 5.2em; }
  html body.yp .ypw-portlet .k-combobox > .k-dropdown-wrap > .k-i-close {
    right: 3.3em; }
  html body.yp .ypw-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    top: 7px; }
  html body.yp .ypw-portlet .k-autocomplete .k-i-loading, html body.yp .ypw-portlet .k-autocomplete .k-loading, html body.yp .ypw-portlet .k-multiselect .k-i-loading, html body.yp .ypw-portlet .k-multiselect .k-loading {
    bottom: 10px; }
  html body.yp .ypw-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    top: 10px; }
  html body.yp .ypw-portlet .k-autocomplete > .k-i-close, html body.yp .ypw-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    margin-right: 10px; }
  html body.yp .ypw-portlet .k-dropdown-wrap, html body.yp .ypw-portlet .k-numeric-wrap, html body.yp .ypw-portlet .k-picker-wrap {
    padding: 0 2.571em 0 0; }
  html body.yp .ypw-portlet .k-dropdown-wrap .k-select, html body.yp .ypw-portlet .k-numeric-wrap .k-select, html body.yp .ypw-portlet .k-picker-wrap .k-select {
    width: 2.571em; }
  html body.yp .ypw-portlet .k-datetimepicker {
    width: 19.5em; }
  html body.yp .ypw-portlet .k-datetimepicker .k-select {
    width: 5em; }
  html body.yp .ypw-portlet .k-datetimepicker .k-picker-wrap {
    padding-right: 5em; }
  html body.yp .ypw-portlet .k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 6px; }
  html body.yp .ypw-portlet .k-calendar {
    width: 19em; }
  html body.yp .ypw-portlet .k-calendar .k-header {
    margin: 0 -5px; }
  html body.yp .ypw-portlet .k-calendar td {
    padding: 0; }
  html body.yp .ypw-portlet .k-calendar .k-content .k-link {
    min-height: 2.571em;
    line-height: 2.571em;
    padding: 0;
    text-align: center; }
  html body.yp .ypw-portlet .k-calendar th {
    border-bottom-width: 0;
    padding: .714em .45em .714em 0; }
  html body.yp .ypw-portlet .k-calendar .k-footer {
    border-top-width: 1px;
    border-top-style: solid;
    margin: 0 -5px; }
  html body.yp .ypw-portlet .k-popup.k-list-container {
    padding: .286em 0; }
  html body.yp .ypw-portlet .k-popup.k-calendar-containe {
    padding: 0; }
  html body.yp .ypw-portlet .k-fieldselector .k-list .k-item, html body.yp .ypw-portlet .k-popup .k-list .k-item {
    min-height: 2.143em;
    line-height: 2.143em; }
  html body.yp .ypw-portlet .k-fieldselector .k-pivot-configurator-settings li.k-item {
    padding-right: 3.8em; }
  html body.yp .ypw-portlet .k-popup .k-list .k-item {
    padding: 1px 11px; }
  html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-calendar .k-footer, html body.yp .ypw-portlet .k-calendar .k-header .k-link {
    text-transform: uppercase; }
  html body.yp .ypw-portlet .k-widget.k-calendar .k-nav-fast {
    width: 65%;
    height: 2.571em;
    line-height: 2.571em;
    margin: .429em -.08333em .429em 0; }
  html body.yp .ypw-portlet .k-calendar .k-header .k-icon {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-widget.k-calendar .k-nav-next, html body.yp .ypw-portlet .k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .429em;
    line-height: 2.571em;
    height: 2.571em; }
  html body.yp .ypw-portlet .k-calendar .k-header .k-link.k-nav-next, html body.yp .ypw-portlet .k-calendar .k-header .k-link.k-nav-prev {
    height: 2.571em;
    width: 2.571em; }
  html body.yp .ypw-portlet .k-widget.k-calendar .k-nav-prev {
    left: .429em; }
  html body.yp .ypw-portlet .k-widget.k-calendar .k-nav-next {
    right: .429em; }
  html body.yp .ypw-portlet .k-calendar .k-footer .k-nav-today, html body.yp .ypw-portlet .k-calendar .k-footer > .k-state-disabled {
    padding: 1.143em 0 1.071em; }
  html body.yp .ypw-portlet .k-popup.k-calendar-container {
    padding: 0;
    border: 0; }
  html body.yp .ypw-portlet .k-multiselect-wrap .k-input {
    height: 2.214em; }
  html body.yp .ypw-portlet .k-multiselect-wrap li {
    border-radius: 1.071em;
    margin: 3px 0 3px 3px;
    padding: 0 1.6em 0 .857em;
    line-height: 1.86em; }
  html body.yp .ypw-portlet .k-multiselect-wrap li span {
    margin-right: .4em; }
  html body.yp .ypw-portlet .k-multiselect-wrap .k-select {
    padding-top: 0; }
  html body.yp .ypw-portlet .k-numeric-wrap .k-select {
    vertical-align: baseline; }
  html body.yp .ypw-portlet .k-numerictextbox .k-link {
    height: 1.284em;
    line-height: 1.357em; }
  html body.yp .ypw-portlet .k-numerictextbox .k-link .k-i-arrow-n {
    vertical-align: bottom; }
  html body.yp .ypw-portlet .k-numerictextbox .k-link .k-i-arrow-s {
    vertical-align: top; }
  html body.yp .ypw-portlet .k-menu .k-item, html body.yp .ypw-portlet .k-menu.k-header, html body.yp .ypw-portlet .k-widget.k-menu-horizontal > .k-item {
    border-width: 0; }
  html body.yp .ypw-portlet .k-popup.k-context-menu {
    border-width: 1px;
    border-style: solid; }
  html body.yp .ypw-portlet .k-context-menu.k-menu-vertical > .k-item > .k-link, html body.yp .ypw-portlet .k-menu .k-menu-group .k-item > .k-link {
    padding: .5em 4.929em .5em 1.714em; }
  html body.yp .ypw-portlet .k-menu .k-item > .k-link > .k-i-arrow-e {
    right: 2.143rem; }
  html body.yp .ypw-portlet .k-menu .k-animation-container .k-menu-group {
    padding: 1.143em 0; }
  html body.yp .ypw-portlet .k-column-menu .k-menu .k-animation-container .k-menu-group {
    padding: 0; }
  html body.yp .ypw-portlet .k-column-menu .k-menu-vertical .k-separator {
    height: 0; }
  html body.yp .ypw-portlet table.k-editor {
    border-spacing: 0; }
  html body.yp .ypw-portlet .k-editor .k-editable-area {
    border-width: 1px 0 0; }
  html body.yp .ypw-portlet .k-editor .k-editor-toolbar-wrap {
    padding-left: 10px; }
  html body.yp .ypw-portlet .k-toolbar {
    line-height: 3.42em; }
  html body.yp .ypw-portlet .k-toolbar > div > label {
    line-height: 3.42em; }
  html body.yp .ypw-portlet .k-toolbar .k-overflow-anchor > .k-icon {
    margin-top: -6px;
    margin-bottom: -6px; }
  html body.yp .ypw-portlet .k-toolbar .k-dropdown {
    margin-top: -1px; }
  html body.yp .ypw-portlet .k-toolbar .k-split-button .k-button {
    padding-top: 10px;
    padding-bottom: 10px; }
  html body.yp .ypw-portlet .k-toolbar .k-button-group {
    line-height: 3.286em; }
  html body.yp .ypw-portlet .k-toolbar .k-button-group .k-button {
    line-height: inherit;
    padding: 0 .857em; }
  html body.yp .ypw-portlet .k-toolbar .k-input {
    height: 2.214em;
    line-height: 2.214em;
    padding: .177em 0;
    text-indent: .8em;
    border: 0;
    margin: 0; }
  html body.yp .ypw-portlet .k-toolbar .k-overflow-anchor {
    border-width: 0;
    line-height: 3.286em;
    width: 3.42em;
    height: 3.42em;
    padding: 0; }
  html body.yp .ypw-portlet .k-overflow-container .k-overflow-button, html body.yp .ypw-portlet .k-split-container .k-button {
    font-size: 1.2em; }
  html body.yp .ypw-portlet .k-button-group .k-tool {
    margin: 6px 0; }
  html body.yp .ypw-portlet .k-toolbar .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em; }
  html body.yp .ypw-portlet .k-editor-toolbar li.k-overflow-tools, html body.yp .ypw-portlet .k-editor-toolbar li.k-tool-group {
    padding: 0; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-button-group .k-tool {
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 0; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-button-group .k-tool.k-group-end, html body.yp .ypw-portlet .k-editor-toolbar .k-tool {
    border-width: 0; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-state-selected {
    font-weight: 700; }
  html body.yp .ypw-portlet .k-filebrowser .k-filebrowser-toolbar {
    line-height: 3.5em; }
  html body.yp .ypw-portlet .k-filebrowser .k-filebrowser-toolbar .k-upload {
    margin-top: 3px; }
  html body.yp .ypw-portlet .k-filebrowser .k-filebrowser-toolbar .k-button-icon {
    margin-top: -3px; }
  html body.yp .ypw-portlet .k-filebrowser .k-upload .k-upload-button {
    vertical-align: bottom; }
  html body.yp .ypw-portlet .k-filebrowser .k-search-wrap .k-search {
    top: 25%;
    right: 4px; }
  html body.yp .ypw-portlet .k-filebrowser .k-search-wrap {
    padding: 2px .3em; }
  html body.yp .ypw-portlet .k-filebrowser .k-tiles-arrange .k-dropdown {
    width: 80px; }
  html body.yp .ypw-portlet .k-draghandle {
    border-width: 2px; }
  html body.yp .ypw-portlet span.k-tooltip {
    padding: 9px 17px; }
  html body.yp .ypw-portlet .k-block > .k-header, html body.yp .ypw-portlet .k-window-titlebar {
    padding: .5em 0 .571em; }
  html body.yp .ypw-portlet .k-window-titlebar .k-window-actions {
    right: .929em;
    padding-top: .45em; }
  html body.yp .ypw-portlet div.k-window {
    border-width: 0; }
  html body.yp .ypw-portlet .k-window-title {
    right: 1.143em;
    left: 1.143em; }
  html body.yp .ypw-portlet div.k-window-content {
    padding: 1.333em; }
  html body.yp .ypw-portlet div.editorToolbarWindow.k-window-content {
    padding: 0; }
  html body.yp .ypw-portlet .editorToolbarWindow .k-editortoolbar-dragHandle {
    line-height: 30px; }
  html body.yp .ypw-portlet .k-file {
    padding: .643em .17em .643em 1em; }
  html body.yp .ypw-portlet .k-scheduler-table td, html body.yp .ypw-portlet .k-scheduler-table th {
    height: 1.643em; }
  html body.yp .ypw-portlet .k-gantt-treelist .k-grid-header tr {
    height: 5.714em; }
  html body.yp .ypw-portlet .k-gantt-timeline .k-grid-header tr {
    height: 2.857em; }
  html body.yp .ypw-portlet .k-gantt .k-task-summary-complete:after, html body.yp .ypw-portlet .k-gantt .k-task-summary-complete:before, html body.yp .ypw-portlet .k-gantt .k-task-summary:after, html body.yp .ypw-portlet .k-gantt .k-task-summary:before {
    border-width: 0; }
  html body.yp .ypw-portlet .k-gantt .k-task {
    border-width: 0; }
  html body.yp .ypw-portlet .k-gantt .k-task-actions {
    line-height: 2.429em; }
  html body.yp .ypw-portlet .k-gantt .k-task-single {
    margin-top: -.429em; }
  html body.yp .ypw-portlet .k-gantt .k-task-template {
    padding: .643em 1.4em .643em .6em; }
  html body.yp .ypw-portlet .k-gantt .k-task-milestone {
    width: 17px;
    height: 17px; }
  html body.yp .ypw-portlet .k-gantt .k-task-draghandle {
    margin-left: 24px;
    border-width: 8px;
    border-radius: 0 50% 50% 50%;
    border-style: solid;
    bottom: -11px; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-timeline th {
    text-align: left; }
  html body.yp .ypw-portlet .k-gantt .k-grid-content tr, html body.yp .ypw-portlet .k-gantt-rows tr, html body.yp .ypw-portlet .k-gantt-tasks tr {
    height: 3.5em; }
  html body.yp .ypw-portlet .k-notification-wrap {
    padding: 1.786em; }
  html body.yp .ypw-portlet .k-notification-wrap > .k-i-close {
    top: 21px; }
  html body.yp .ypw-portlet .k-slider-track {
    border-width: 0; }
  html body.yp .ypw-portlet .k-slider .k-button .k-icon {
    margin-top: 5px; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-slider-selection, html body.yp .ypw-portlet .k-slider-horizontal .k-slider-track {
    height: 2px;
    margin-top: -1px; }
  html body.yp .ypw-portlet .k-slider-vertical .k-slider-selection, html body.yp .ypw-portlet .k-slider-vertical .k-slider-track {
    width: 2px;
    margin-left: -1px; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle, html body.yp .ypw-portlet .k-slider-horizontal .k-draghandle, html body.yp .ypw-portlet .k-slider-vertical .k-draghandle {
    width: 6px;
    height: 6px; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle {
    margin-top: -1px; }
  html body.yp .ypw-portlet .k-colorpicker .k-picker-wrap {
    line-height: 2.214em; }
  html body.yp .ypw-portlet .k-colorpicker .k-selected-color {
    height: 2.214em;
    padding: .177em 0; }
  html body.yp .ypw-portlet .k-draghandle.k-state-selected, html body.yp .ypw-portlet .k-draghandle.k-state-selected:link, html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
    width: 10px;
    height: 10px; }
  html body.yp .ypw-portlet .k-draghandle.k-state-focused.k-state-selected {
    margin-left: -2px; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, html body.yp .ypw-portlet .k-slider-horizontal .k-draghandle.k-state-selected {
    top: -6px; }
  html body.yp .ypw-portlet .k-slider-vertical .k-draghandle.k-state-selected {
    left: -4px; }
  html body.yp .ypw-portlet .k-panelbar-collapse, html body.yp .ypw-portlet .k-panelbar-expand {
    right: 16px; }
  html body.yp .ypw-portlet .k-header.k-grid-toolbar {
    border-color: #3343a4; }
  html body.yp .ypw-portlet .k-grid-toolbar, html body.yp .ypw-portlet .k-grouping-header {
    padding: .429em; }
  html body.yp .ypw-portlet .k-grouping-header {
    padding-left: 1.286em; }
  html body.yp .ypw-portlet .k-grid .k-icon {
    opacity: .45; }
  html body.yp .ypw-portlet .k-grid td.k-group-cell, html body.yp .ypw-portlet .k-grid th.k-group-cell {
    text-overflow: clip; }
  html body.yp .ypw-portlet form.k-filter-menu .k-textbox {
    margin-bottom: 7px; }
  html body.yp .ypw-portlet .k-gantt-toolbar, html body.yp .ypw-portlet .k-scheduler-footer .k-scheduler-fullday, html body.yp .ypw-portlet .k-scheduler-toolbar .k-nav-today, html body.yp .ypw-portlet .k-scheduler-toolbar .k-scheduler-views {
    text-transform: uppercase; }
  html body.yp .ypw-portlet .k-scheduler-footer .k-icon.k-i-clock {
    display: none; }
  html body.yp .ypw-portlet .k-gantt-toolbar > ul > li, html body.yp .ypw-portlet .k-scheduler-toolbar > ul > li {
    border-width: 0 0 2px 0; }
  html body.yp .ypw-portlet .k-gantt-toggle, html body.yp .ypw-portlet .k-gantt-toolbar li .k-link, html body.yp .ypw-portlet .k-scheduler-toolbar li .k-link {
    vertical-align: middle;
    line-height: 46px; }
  html body.yp .ypw-portlet .k-gantt-toggle {
    padding: 0; }
  html body.yp .ypw-portlet .k-gantt-actions {
    vertical-align: middle;
    line-height: 48px; }
  html body.yp .ypw-portlet .k-gantt-actions > .k-button {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-gantt-toolbar, html body.yp .ypw-portlet .k-scheduler-footer, html body.yp .ypw-portlet .k-scheduler-toolbar {
    line-height: 44px;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-scheduler-footer {
    padding: 0; }
  html body.yp .ypw-portlet .k-popup-edit-form .k-primary {
    float: right; }
  html body.yp .ypw-portlet .k-popup-edit-form:after {
    content: " ";
    display: block;
    clear: both; }
  html body.yp .ypw-portlet .k-gantt-toolbar, html body.yp .ypw-portlet .k-scheduler-toolbar {
    padding: 0 1.286em; }
  html body.yp .ypw-portlet .k-scheduler-navigation {
    margin-left: -.786em; }
  html body.yp .ypw-portlet .k-drag-clue {
    font-size: 1em;
    padding: .65em 1em; }
  html body.yp .ypw-portlet .k-state-border-down .k-select .k-i-arrow-s {
    background-position: 0 0; }
  html body.yp .ypw-portlet .k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-n, html body.yp .ypw-portlet .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px; }
  html body.yp .ypw-portlet .k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-s, html body.yp .ypw-portlet .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px; }
  html body.yp .ypw-portlet .k-delete, html body.yp .ypw-portlet .k-group-delete, html body.yp .ypw-portlet .k-i-close, html body.yp .ypw-portlet .k-i-delete, html body.yp .ypw-portlet .k-i-group-delete {
    background-position: -32px -16px; }
  html body.yp .ypw-portlet .k-multiselect .k-delete, html body.yp .ypw-portlet .k-multiselect .k-i-delete {
    margin-top: -2px; }
  html body.yp .ypw-portlet .k-multiselect .k-button:not(.k-state-disabled):hover .k-delete, html body.yp .ypw-portlet .k-multiselect .k-button:not(.k-state-disabled):hover .k-i-delete {
    background-position: -160px -80px; }
  html body.yp .ypw-portlet .k-window-titlebar .k-i-maximize, html body.yp .ypw-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-maximize {
    background-position: -48px -144px; }
  html body.yp .ypw-portlet .k-window-titlebar .k-i-minimize, html body.yp .ypw-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-minimize {
    background-position: -80px -288px; }
  html body.yp .ypw-portlet .k-window-titlebar .k-i-pin, html body.yp .ypw-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-pin {
    background-position: -176px -256px; }
  html body.yp .ypw-portlet .k-window-titlebar .k-i-custom, html body.yp .ypw-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-custom {
    background-position: -141px -113px; }
  html body.yp .ypw-portlet .k-window-titlebar .k-i-refresh, html body.yp .ypw-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-refresh {
    background-position: -48px -112px; }
  html body.yp .ypw-portlet .k-window-titlebar .k-i-close, html body.yp .ypw-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-close {
    background-position: -48px -16px; }
  html body.yp .ypw-portlet .k-window-titlebar .k-i-restore, html body.yp .ypw-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-restore {
    background-position: -48px -128px; }
  html body.yp .ypw-portlet .k-calendar .k-icon.k-i-arrow-w, html body.yp .ypw-portlet .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .ypw-portlet .k-calendar .k-state-hover .k-icon.k-i-arrow-w {
    background-position: -16px -48px;
    opacity: 1; }
  html body.yp .ypw-portlet .k-calendar .k-icon.k-i-arrow-e, html body.yp .ypw-portlet .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .ypw-portlet .k-calendar .k-state-hover .k-icon.k-i-arrow-e {
    background-position: -16px -16px;
    opacity: 1; }
  html body.yp .ypw-portlet .k-treeview .k-i-minus, html body.yp .ypw-portlet .k-treeview .k-minus {
    background-position: 0 -32px; }
  html body.yp .ypw-portlet .k-treeview .k-i-plus, html body.yp .ypw-portlet .k-treeview .k-plus {
    background-position: 0 -16px; }
  html body.yp .ypw-portlet .k-treeview .k-i-loading, html body.yp .ypw-portlet .k-treeview .k-loading {
    background-position: 50%; }
  html body.yp .ypw-portlet .k-splitbar-horizontal-hover .k-resize-handle {
    background-position: -165px -6px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal-hover .k-collapse-next {
    background-position: -5px -142px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal-hover .k-collapse-prev {
    background-position: -6px -174px; }
  html body.yp .ypw-portlet .k-splitbar-vertical-hover .k-resize-handle {
    background-position: -38px -309px; }
  html body.yp .ypw-portlet .k-splitbar-vertical-hover .k-collapse-next {
    background-position: 2px -165px; }
  html body.yp .ypw-portlet .k-splitbar-vertical-hover .k-collapse-prev {
    background-position: 2px -134px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal.k-state-focused .k-resize-handle {
    background-position: -181px -6px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal.k-state-focused .k-collapse-next {
    background-position: -21px -142px; }
  html body.yp .ypw-portlet .k-splitbar-horizontal.k-state-focused .k-collapse-prev {
    background-position: -22px -174px; }
  html body.yp .ypw-portlet .k-splitbar-vertical.k-state-focused .k-resize-handle {
    background-position: -70px -309px; }
  html body.yp .ypw-portlet .k-splitbar-vertical.k-state-focused .k-collapse-next {
    background-position: -14px -165px; }
  html body.yp .ypw-portlet .k-splitbar-vertical.k-state-focused .k-collapse-prev {
    background-position: -14px -134px; }
  html body.yp .ypw-portlet .k-grid .k-delete, html body.yp .ypw-portlet .k-grid .k-i-delete {
    background-position: -32px -16px; }
  html body.yp .ypw-portlet .k-grid-header .k-i-arrow-n, html body.yp .ypw-portlet .k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
    background-position: 0 -256px; }
  html body.yp .ypw-portlet .k-grid-header .k-i-arrow-s, html body.yp .ypw-portlet .k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
    background-position: 0 -288px; }
  html body.yp .ypw-portlet .k-grid-header .k-grid-filter, html body.yp .ypw-portlet .k-grid-header .k-header-column-menu {
    padding: .714em;
    margin: -.786em -.6em -.786em 0; }
  html body.yp .ypw-portlet .k-grid-header .k-header-column-menu .k-i-arrowhead-s {
    background-position: -64px -32px; }
  html body.yp .ypw-portlet .k-header .k-button:hover > .k-i-pdf, html body.yp .ypw-portlet .k-header .k-i-pdf {
    background-position: -80px -80px; }
  html body.yp .ypw-portlet .k-header .k-button:hover > .k-i-excel, html body.yp .ypw-portlet .k-header .k-i-excel {
    background-position: -80px -96px; }
  html body.yp .ypw-portlet .k-grid-toolbar .k-add, html body.yp .ypw-portlet .k-grid-toolbar .k-button:hover .k-add, html body.yp .ypw-portlet .k-grid-toolbar .k-button:hover .k-i-add, html body.yp .ypw-portlet .k-grid-toolbar .k-i-add {
    background-position: -48px -64px; }
  html body.yp .ypw-portlet .k-grid-toolbar .k-button:hover .k-i-update, html body.yp .ypw-portlet .k-grid-toolbar .k-button:hover .k-update, html body.yp .ypw-portlet .k-grid-toolbar .k-i-update, html body.yp .ypw-portlet .k-grid-toolbar .k-update {
    background-position: -48px -32px; }
  html body.yp .ypw-portlet .k-grid-toolbar .k-button:hover .k-cancel, html body.yp .ypw-portlet .k-grid-toolbar .k-button:hover .k-i-cancel, html body.yp .ypw-portlet .k-grid-toolbar .k-cancel, html body.yp .ypw-portlet .k-grid-toolbar .k-i-cancel {
    background-position: -48px -48px; }
  html body.yp .ypw-portlet .k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete, html body.yp .ypw-portlet .k-grouping-header .k-button-icon:hover > .k-icon.k-i-group-delete, html body.yp .ypw-portlet .k-grouping-header .k-group-delete, html body.yp .ypw-portlet .k-grouping-header .k-i-group-delete {
    background-position: -176px -80px; }
  html body.yp .ypw-portlet .k-grouping-header .k-i-sarrow-n, html body.yp .ypw-portlet .k-grouping-header .k-link:hover > .k-icon.k-i-sarrow-n, html body.yp .ypw-portlet .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n, html body.yp .ypw-portlet .k-grouping-header .k-si-arrow-n {
    background-position: -16px -288px; }
  html body.yp .ypw-portlet .k-grouping-header .k-i-sarrow-s, html body.yp .ypw-portlet .k-grouping-header .k-link:hover > .k-icon.k-i-sarrow-s, html body.yp .ypw-portlet .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s, html body.yp .ypw-portlet .k-grouping-header .k-si-arrow-s {
    background-position: -16px -256px; }
  html body.yp .ypw-portlet .k-scheduler .k-state-default .k-link .k-icon.k-i-calendar, html body.yp .ypw-portlet .k-scheduler .k-state-default.k-state-hover .k-link .k-i-calendar {
    background-position: -48px -176px; }
  html body.yp .ypw-portlet .k-scheduler .k-i-arrow-e, html body.yp .ypw-portlet .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
    background-position: -16px -16px; }
  html body.yp .ypw-portlet .k-scheduler .k-i-arrow-w, html body.yp .ypw-portlet .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
    background-position: -16px -48px; }
  html body.yp .ypw-portlet .k-scheduler .k-i-clock, html body.yp .ypw-portlet .k-scheduler .k-state-hover .k-link .k-i-clock {
    opacity: 1;
    background-position: -48px -192px; }
  html body.yp .ypw-portlet .k-scheduler .k-link:not(.k-state-disabled):hover > .k-si-close, html body.yp .ypw-portlet .k-scheduler .k-si-close {
    background-position: -176px -80px; }
  html body.yp .ypw-portlet .k-scheduler .k-i-refresh {
    background-position: -48px -112px; }
  html body.yp .ypw-portlet .k-gantt .k-button:hover .k-i-plus, html body.yp .ypw-portlet .k-gantt .k-i-plus, html body.yp .ypw-portlet .k-gantt .k-link:hover > .k-icon.k-i-sarrow-n, html body.yp .ypw-portlet .k-gantt .k-link:hover > .k-icon.k-si-arrow-n {
    background-position: -48px -64px; }
  html body.yp .ypw-portlet .k-gantt .k-i-collapse {
    background-position: 0 -32px; }
  html body.yp .ypw-portlet .k-gantt .k-i-expand {
    background-position: 0 0; }
  html body.yp .ypw-portlet .k-gantt .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, html body.yp .ypw-portlet .k-gantt .k-i-gantt-toggle {
    background-position: -80px -240px; }
  html body.yp .ypw-portlet .k-i-arrowhead-s, html body.yp .ypw-portlet .k-pivot-setting .k-item.k-state-hover .k-i-arrowhead-s {
    background-position: 0 -288px; }
  html body.yp .ypw-portlet .k-pivot-toolbar .k-button:not(.k-state-disabled):hover .k-i-sort-asc, html body.yp .ypw-portlet .k-pivot-toolbar .k-field-actions .k-i-sort-asc {
    background-position: -128px -240px; }
  html body.yp .ypw-portlet .k-pivot-toolbar .k-button:not(.k-state-disabled):hover .k-i-sort-desc, html body.yp .ypw-portlet .k-pivot-toolbar .k-field-actions .k-i-sort-desc {
    background-position: -128px -256px; }
  html body.yp .ypw-portlet .k-button:hover .k-i-arrowhead-s, html body.yp .ypw-portlet .k-item.k-state-hover .k-i-arrowhead-s {
    background-position: -16px -288px; }
  html body.yp .ypw-portlet .k-button:hover .k-si-close, html body.yp .ypw-portlet .k-item.k-state-hover .k-si-close, html body.yp .ypw-portlet .k-si-close {
    background-position: -176px -80px; }
  html body.yp .ypw-portlet .k-panelbar .k-link.k-state-selected .k-i-arrow-n, html body.yp .ypw-portlet .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, html body.yp .ypw-portlet .k-pivot .k-link.k-state-selected .k-i-arrow-n, html body.yp .ypw-portlet .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
    background-position: 0 -192px; }
  html body.yp .ypw-portlet .k-panelbar .k-link.k-state-selected .k-i-arrow-s, html body.yp .ypw-portlet .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, html body.yp .ypw-portlet .k-pivot .k-link.k-state-selected .k-i-arrow-s, html body.yp .ypw-portlet .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
    background-position: 0 -224px; }
  html body.yp .ypw-portlet .k-panelbar .k-link.k-state-selected .k-i-arrow-e, html body.yp .ypw-portlet .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .ypw-portlet .k-pivot .k-link.k-state-selected .k-i-arrow-e, html body.yp .ypw-portlet .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-e {
    background-position: 0 -190px; }
  html body.yp .ypw-portlet .k-pivot .k-i-arrow-n {
    background-position: 0 -192px; }
  html body.yp .ypw-portlet .k-pivot .k-i-arrow-s {
    background-position: 0 -224px; }
  html body.yp .ypw-portlet .k-pivot .k-i-arrow-e {
    background-position: 0 -192px; }
  html body.yp .ypw-portlet .k-panelbar .k-link > .k-i-arrow-n {
    background-position: 0 -192px; }
  html body.yp .ypw-portlet .k-panelbar .k-link > .k-i-arrow-s {
    background-position: 0 -224px; }
  html body.yp .ypw-portlet .k-panelbar .k-link > .k-i-arrow-e {
    background-position: 0 -190px; }
  html body.yp .ypw-portlet .k-tabstrip .k-button .k-i-pdf, html body.yp .ypw-portlet .k-tabstrip .k-button:hover .k-i-pdf {
    background-position: -64px -80px; }
  html body.yp .ypw-portlet .k-pivot-configurator-settings .k-button:hover .k-si-close, html body.yp .ypw-portlet .k-pivot-configurator-settings .k-item.k-state-hover .k-si-close, html body.yp .ypw-portlet .k-pivot-configurator-settings .k-si-close {
    background-position: -160px -80px; }
  html body.yp .ypw-portlet .k-pivot .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, html body.yp .ypw-portlet .k-pivot .k-header .k-i-arrowhead-s {
    background-position: -16px -288px; }
  html body.yp .ypw-portlet .k-pivot .k-button:not(.k-state-disabled):hover .k-si-close, html body.yp .ypw-portlet .k-pivot .k-header .k-si-close {
    background-position: -176px -80px; }
  html body.yp .ypw-portlet .k-notification .k-i-erorr, html body.yp .ypw-portlet .k-notification .k-i-info, html body.yp .ypw-portlet .k-notification .k-i-note, html body.yp .ypw-portlet .k-notification .k-i-success, html body.yp .ypw-portlet .k-notification .k-i-warning {
    background-position: -176px -240px; }
  html body.yp .ypw-portlet .k-checkbox:indeterminate + .k-checkbox-label:before {
    border-width: 2px; }
  html body.yp .ypw-portlet .k-checkbox + .k-checkbox-label:before {
    z-index: 1; }
  html body.yp .ypw-portlet .k-checkbox:indeterminate + .k-checkbox-label:after {
    width: 10px;
    height: 10px;
    border-width: 0;
    margin-left: 0;
    top: 4px;
    left: 4px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 2; }
  html body.yp .ypw-portlet .k-radio:checked + .k-radio-label:after {
    top: 4px;
    left: 4px; }
  html body.yp .ypw-portlet .k-rtl .k-widget .k-dropdown-wrap, html body.yp .ypw-portlet .k-rtl .k-widget .k-numeric-wrap, html body.yp .ypw-portlet .k-rtl .k-widget .k-picker-wrap {
    padding-left: 2.5em; }
  html body.yp .ypw-portlet .k-rtl .k-widget.k-autocomplete > .k-i-close, html body.yp .ypw-portlet .k-rtl .k-widget.k-multiselect > .k-multiselect-wrap > .k-i-close {
    left: 0;
    right: initial;
    margin-left: 10px;
    margin-right: 0; }
  html body.yp .ypw-portlet .k-rtl .k-widget.k-combobox > .k-dropdown-wrap > .k-i-close {
    left: 3.3em;
    right: initial; }
  html body.yp .ypw-portlet .k-rtl .k-widget.k-datetimepicker .k-picker-wrap {
    padding-left: 5em; }
  html body.yp .ypw-portlet .k-rtl .k-widget.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 6px; }
  html body.yp .ypw-portlet .k-rtl .k-calendar .k-icon.k-i-arrow-w, html body.yp .ypw-portlet .k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .ypw-portlet .k-rtl .k-scheduler .k-i-arrow-w, html body.yp .ypw-portlet .k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .ypw-portlet .k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
    background-position: -16px -16px; }
  html body.yp .ypw-portlet .k-rtl .k-calendar .k-icon.k-i-arrow-e, html body.yp .ypw-portlet .k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .ypw-portlet .k-rtl .k-scheduler .k-i-arrow-e, html body.yp .ypw-portlet .k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .ypw-portlet .k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
    background-position: -16px -48px; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .km-pane-wrapper .k-pager-wrap > .k-link {
    border-radius: 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .km-pane-wrapper .k-pager-wrap > .k-pager-info {
    padding: .571em .86em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers .k-state-selected {
    padding: .971em .86em .571em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-pager-numbers .k-link {
    min-width: 2.429em; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar .k-scheduler-navigation {
    margin-bottom: -.6em; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field, html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-label {
    padding: 0;
    line-height: 4em; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-label > label {
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field .k-radio-label {
    padding-left: 1.75em; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field > .k-radio-label:after, html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field > .k-radio-label:before {
    margin-top: -2px; }
  html body.yp .ypw-portlet .k-spreadsheet-window .hint-wrapper:before {
    margin-left: -1em;
    padding-right: 1em;
    padding-left: 1em; }
  html body.yp .ypw-portlet div.k-spreadsheet-window {
    padding: 1em; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog.k-window-content {
    min-width: 325px;
    width: 25.8em; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content {
    min-height: 510px;
    height: 42em; }
  html body.yp .ypw-portlet .k-edit-form-container .editor-label, html body.yp .ypw-portlet .k-edit-label {
    padding: .8em 0 1em; }
  html body.yp .ypw-portlet .k-editor-dialog .k-root-tabs {
    padding: 0 1em; }
  html body.yp .ypw-portlet .k-editor-dialog ul.k-tabstrip-items {
    padding: 0;
    border: 0; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align {
    min-width: 59px; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown, html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox {
    width: 15.74em; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align, html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox + .k-dropdown {
    width: 4.7em; }
  html body.yp .ypw-portlet .k-animation-container .k-popup.k-align .k-list .k-font-icon {
    line-height: 1.4em; }
  html body.yp .ypw-portlet .k-animation-container .k-popup.k-align .k-list .k-i-justify-clear {
    line-height: 1.6em; }
  html body.yp .ypw-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons {
    padding: .6em 1.3em; }
  html body.yp .ypw-portlet .k-theme-test-class, html body.yp .ypw-portlet .ktb-theme-id-material {
    opacity: 0; }
  html body.yp .ypw-portlet .ktb-var-accent {
    color: #3f51b5; }
  html body.yp .ypw-portlet .ktb-var-base {
    color: #fff; }
  html body.yp .ypw-portlet .ktb-var-background {
    color: #fff; }
  html body.yp .ypw-portlet .ktb-var-border-radius {
    border-radius: 2px; }
  html body.yp .ypw-portlet .ktb-var-normal-background {
    color: #fff; }
  html body.yp .ypw-portlet .ktb-var-normal-gradient {
    background-image: none; }
  html body.yp .ypw-portlet .ktb-var-normal-text-color {
    color: #444; }
  html body.yp .ypw-portlet .ktb-var-hover-background {
    color: #ebebeb; }
  html body.yp .ypw-portlet .ktb-var-hover-gradient {
    background-image: none; }
  html body.yp .ypw-portlet .ktb-var-hover-text-color {
    color: #444; }
  html body.yp .ypw-portlet .ktb-var-selected-background {
    color: #00b0ff; }
  html body.yp .ypw-portlet .ktb-var-selected-gradient {
    background-image: none; }
  html body.yp .ypw-portlet .ktb-var-selected-text-color {
    color: #3f51b5; }
  html body.yp .ypw-portlet .ktb-var-error {
    color: #ffcdd2; }
  html body.yp .ypw-portlet .ktb-var-warning {
    color: #fdefba; }
  html body.yp .ypw-portlet .ktb-var-success {
    color: #c8e6c9; }
  html body.yp .ypw-portlet .ktb-var-info {
    color: #bbdefb; }
  html body.yp .ypw-portlet .ktb-var-series-a {
    color: #3f51b5; }
  html body.yp .ypw-portlet .ktb-var-series-b {
    color: #03a9f4; }
  html body.yp .ypw-portlet .ktb-var-series-c {
    color: #4caf50; }
  html body.yp .ypw-portlet .ktb-var-series-d {
    color: #f9ce1d; }
  html body.yp .ypw-portlet .ktb-var-series-e {
    color: #ff9800; }
  html body.yp .ypw-portlet .ktb-var-series-f {
    color: #ff5722; }
  html body.yp .ypw-portlet .k-grid-norecords-template {
    background-color: #fff;
    border: 1px solid #e6e6e6; }
  html body.yp .ypw-portlet .k-in, html body.yp .ypw-portlet .k-item, html body.yp .ypw-portlet .k-window-action {
    border-color: transparent; }
  html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-widget {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-button-group .k-tool, html body.yp .ypw-portlet .k-calendar th, html body.yp .ypw-portlet .k-colorpicker .k-i-arrow-s, html body.yp .ypw-portlet .k-content, html body.yp .ypw-portlet .k-dropdown-wrap, html body.yp .ypw-portlet .k-dropzone-active, html body.yp .ypw-portlet .k-editable-area, html body.yp .ypw-portlet .k-filter-row > th, html body.yp .ypw-portlet .k-footer-template td, html body.yp .ypw-portlet .k-grid td, html body.yp .ypw-portlet .k-grid td.k-state-selected, html body.yp .ypw-portlet .k-grid-content-locked, html body.yp .ypw-portlet .k-grid-footer, html body.yp .ypw-portlet .k-grid-footer-locked, html body.yp .ypw-portlet .k-grid-footer-wrap, html body.yp .ypw-portlet .k-grid-header, html body.yp .ypw-portlet .k-grid-header-locked, html body.yp .ypw-portlet .k-grid-header-wrap, html body.yp .ypw-portlet .k-group, html body.yp .ypw-portlet .k-group-footer td, html body.yp .ypw-portlet .k-grouping-header, html body.yp .ypw-portlet .k-grouping-header .k-group-indicator, html body.yp .ypw-portlet .k-header, html body.yp .ypw-portlet .k-input, html body.yp .ypw-portlet .k-pager-refresh, html body.yp .ypw-portlet .k-pager-wrap, html body.yp .ypw-portlet .k-pager-wrap .k-link, html body.yp .ypw-portlet .k-panel > .k-item > .k-link, html body.yp .ypw-portlet .k-panelbar .k-content, html body.yp .ypw-portlet .k-panelbar .k-panel, html body.yp .ypw-portlet .k-panelbar > .k-item > .k-link, html body.yp .ypw-portlet .k-popup.k-align .k-list .k-item:last-child, html body.yp .ypw-portlet .k-separator, html body.yp .ypw-portlet .k-slider-track, html body.yp .ypw-portlet .k-splitbar, html body.yp .ypw-portlet .k-state-default, html body.yp .ypw-portlet .k-state-default .k-select, html body.yp .ypw-portlet .k-state-disabled, html body.yp .ypw-portlet .k-textbox, html body.yp .ypw-portlet .k-textbox > input, html body.yp .ypw-portlet .k-tiles, html body.yp .ypw-portlet .k-toolbar, html body.yp .ypw-portlet .k-tooltip, html body.yp .ypw-portlet .k-treemap-tile, html body.yp .ypw-portlet .k-upload-files, html body.yp .ypw-portlet .k-widget {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-calendar th, html body.yp .ypw-portlet .k-dropzone-hovered, html body.yp .ypw-portlet .k-footer-template td, html body.yp .ypw-portlet .k-grid-footer, html body.yp .ypw-portlet .k-group, html body.yp .ypw-portlet .k-group-footer td, html body.yp .ypw-portlet .k-grouping-header, html body.yp .ypw-portlet .k-pager-wrap, html body.yp .ypw-portlet .k-toolbar, html body.yp .ypw-portlet .k-widget .k-status, html body.yp .ypw-portlet .k-widget.k-popup {
    background-color: #3f51b5; }
  html body.yp .ypw-portlet .k-grouping-row td, html body.yp .ypw-portlet .k-resize-handle-inner, html body.yp .ypw-portlet td.k-group-cell {
    background-color: #3f51b5; }
  html body.yp .ypw-portlet .k-list-container {
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #fff; }
  html body.yp .ypw-portlet .k-content, html body.yp .ypw-portlet .k-editable-area, html body.yp .ypw-portlet .k-panel > li.k-item, html body.yp .ypw-portlet .k-panelbar > li.k-item, html body.yp .ypw-portlet .k-tiles {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-alt, html body.yp .ypw-portlet .k-pivot-layout > tbody > tr:first-child > td:first-child, html body.yp .ypw-portlet .k-resource.k-alt, html body.yp .ypw-portlet .k-separator {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-header.k-alt, html body.yp .ypw-portlet .k-pivot-rowheaders .k-alt .k-alt {
    background-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-autocomplete.k-header, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-active, html body.yp .ypw-portlet .k-numeric-wrap.k-state-active, html body.yp .ypw-portlet .k-picker-wrap.k-state-active, html body.yp .ypw-portlet .k-textbox {
    border-color: #e6e6e6;
    background-color: #fff; }
  html body.yp .ypw-portlet .k-autocomplete .k-input, html body.yp .ypw-portlet .k-autocomplete.k-state-focused .k-input, html body.yp .ypw-portlet .k-dropdown-wrap .k-input, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-focused .k-input, html body.yp .ypw-portlet .k-numeric-wrap.k-state-focused .k-input, html body.yp .ypw-portlet .k-picker-wrap.k-state-focused .k-input, html body.yp .ypw-portlet .k-textbox > input {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-textbox > input, html body.yp .ypw-portlet input.k-textbox, html body.yp .ypw-portlet input.k-textbox:hover, html body.yp .ypw-portlet textarea.k-textbox, html body.yp .ypw-portlet textarea.k-textbox:hover {
    background: 0 0; }
  html body.yp .ypw-portlet .k-input, html body.yp .ypw-portlet .k-multiselect-wrap, html body.yp .ypw-portlet .k-textbox > input, html body.yp .ypw-portlet input.k-textbox, html body.yp .ypw-portlet input.k-textbox:hover, html body.yp .ypw-portlet textarea.k-textbox, html body.yp .ypw-portlet textarea.k-textbox:hover {
    background-color: #fff;
    color: #444; }
  html body.yp .ypw-portlet .k-input[readonly] {
    background-color: #fff;
    color: #444; }
  html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-content, html body.yp .ypw-portlet .k-dropdown .k-input, html body.yp .ypw-portlet .k-popup, html body.yp .ypw-portlet .k-toolbar, html body.yp .ypw-portlet .k-widget {
    color: #444; }
  html body.yp .ypw-portlet .k-inverse {
    color: #fff; }
  html body.yp .ypw-portlet .k-block {
    color: #fff; }
  html body.yp .ypw-portlet .k-link:link, html body.yp .ypw-portlet .k-link:visited, html body.yp .ypw-portlet .k-nav-current.k-state-hover .k-link {
    color: #428bca; }
  html body.yp .ypw-portlet .k-panelbar > li > .k-link, html body.yp .ypw-portlet .k-tabstrip-items .k-link {
    color: #444; }
  html body.yp .ypw-portlet .k-grid-header .k-header > .k-link, html body.yp .ypw-portlet .k-header, html body.yp .ypw-portlet .k-treemap-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-draghandle, html body.yp .ypw-portlet .k-dropdown-wrap, html body.yp .ypw-portlet .k-grid-header, html body.yp .ypw-portlet .k-grouping-header, html body.yp .ypw-portlet .k-header, html body.yp .ypw-portlet .k-numeric-wrap, html body.yp .ypw-portlet .k-pager-wrap, html body.yp .ypw-portlet .k-panelbar .k-tabstrip-items .k-item, html body.yp .ypw-portlet .k-picker-wrap, html body.yp .ypw-portlet .k-progressbar, html body.yp .ypw-portlet .k-state-highlight, html body.yp .ypw-portlet .k-tabstrip-items .k-item, html body.yp .ypw-portlet .k-textbox, html body.yp .ypw-portlet .k-toolbar, html body.yp .ypw-portlet .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-position: 50% 50%;
    background-color: #3f51b5; }
  html body.yp .ypw-portlet .k-widget.k-tooltip {
    background-image: none; }
  html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-draghandle, html body.yp .ypw-portlet .k-grid-header, html body.yp .ypw-portlet .k-grouping-header, html body.yp .ypw-portlet .k-header, html body.yp .ypw-portlet .k-pager-wrap, html body.yp .ypw-portlet .k-toolbar, html body.yp .ypw-portlet .k-treemap-tile, html body.yp .ypw-portlet html .km-pane-wrapper .k-header {
    background-color: #3f51b5; }
  html body.yp .ypw-portlet .k-column-menu .k-state-active .k-sprite, html body.yp .ypw-portlet .k-column-menu .k-state-hover .k-sprite, html body.yp .ypw-portlet .k-icon:hover, html body.yp .ypw-portlet .k-pager-numbers .k-current-page .k-link:hover:after, html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after, html body.yp .ypw-portlet .k-state-focused .k-icon, html body.yp .ypw-portlet .k-state-hover .k-icon, html body.yp .ypw-portlet .k-state-selected .k-icon {
    opacity: 1; }
  html body.yp .ypw-portlet .k-column-menu .k-sprite, html body.yp .ypw-portlet .k-icon, html body.yp .ypw-portlet .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .ypw-portlet .k-state-disabled .k-icon {
    opacity: .7; }
  html body.yp .ypw-portlet .k-mobile-list .k-check:checked, html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=checkbox]:checked, html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: .7; }
  html body.yp .ypw-portlet .k-tool {
    border-color: transparent; }
  html body.yp .ypw-portlet .k-column-menu .k-sprite, html body.yp .ypw-portlet .k-drop-hint, html body.yp .ypw-portlet .k-gantt-views > .k-current-view > .k-link:after, html body.yp .ypw-portlet .k-grid-mobile .k-resize-handle-inner:after, html body.yp .ypw-portlet .k-grid-mobile .k-resize-handle-inner:before, html body.yp .ypw-portlet .k-grouping-dropclue, html body.yp .ypw-portlet .k-icon, html body.yp .ypw-portlet .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .ypw-portlet .k-tool-icon {
    background-image: url(Material/sprite.png);
    border-color: transparent; }
  html body.yp .ypw-portlet .k-mobile-list .k-check:checked, html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=checkbox]:checked, html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url(Material/sprite.png);
    border-color: transparent; }
  html body.yp .ypw-portlet .k-i-loading, html body.yp .ypw-portlet .k-loading, html body.yp .ypw-portlet .k-state-hover .k-i-loading, html body.yp .ypw-portlet .k-state-hover .k-loading {
    background-image: url(Material/loading.gif);
    background-position: 50% 50%; }
  html body.yp .ypw-portlet .k-loading-image {
    background-image: url(Material/loading-image.gif); }
  html body.yp .ypw-portlet .k-loading-color {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-button {
    color: #444;
    border-color: #fafafa;
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-draghandle {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-draghandle:hover {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
    box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3); }
  html body.yp .ypw-portlet .k-scheduler {
    color: #fff;
    background-color: #fff; }
  html body.yp .ypw-portlet .k-scheduler-layout {
    color: #444; }
  html body.yp .ypw-portlet .k-scheduler-datecolumn, html body.yp .ypw-portlet .k-scheduler-groupcolumn {
    background-color: #fff;
    color: #444; }
  html body.yp .ypw-portlet .k-scheduler-header th, html body.yp .ypw-portlet .k-scheduler-header-wrap, html body.yp .ypw-portlet .k-scheduler-table td, html body.yp .ypw-portlet .k-scheduler-times, html body.yp .ypw-portlet .k-scheduler-times th, html body.yp .ypw-portlet .k-scheduler-times tr {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-nonwork-hour {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-gantt .k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0.02); }
  html body.yp .ypw-portlet .k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0.2); }
  html body.yp .ypw-portlet .k-scheduler-table .k-today, html body.yp .ypw-portlet .k-today > .k-scheduler-datecolumn, html body.yp .ypw-portlet .k-today > .k-scheduler-groupcolumn {
    background-color: #e9e9e9; }
  html body.yp .ypw-portlet .k-scheduler-now-arrow {
    border-left-color: #eed3d7; }
  html body.yp .ypw-portlet .k-scheduler-now-line {
    background-color: #eed3d7; }
  html body.yp .ypw-portlet .k-event, html body.yp .ypw-portlet .k-task-complete {
    border-color: #606fc7;
    background: #606fc7 0 -257px none repeat-x;
    color: #fff; }
  html body.yp .ypw-portlet .k-event-inverse {
    color: #444; }
  html body.yp .ypw-portlet .k-event.k-state-selected {
    background-position: 0 0;
    -webkit-box-shadow: 0 0 0 2px #444;
    box-shadow: 0 0 0 2px #444; }
  html body.yp .ypw-portlet .k-event .k-resize-handle:after, html body.yp .ypw-portlet .k-task-single .k-resize-handle:after {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-scheduler-marquee:after, html body.yp .ypw-portlet .k-scheduler-marquee:before {
    border-color: #fff; }
  html body.yp .ypw-portlet .k-panelbar .k-content, html body.yp .ypw-portlet .k-panelbar .k-item, html body.yp .ypw-portlet .k-panelbar .k-panel {
    background-color: #fff;
    color: #444;
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-panelbar > li > .k-link {
    color: #444; }
  html body.yp .ypw-portlet .k-panelbar > .k-item > .k-link {
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-panel > li.k-item {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-active-filter, html body.yp .ypw-portlet .k-state-active, html body.yp .ypw-portlet .k-state-active:hover, html body.yp .ypw-portlet .k-tabstrip .k-state-active {
    background-color: #fff;
    border-color: #ccc;
    color: #444; }
  html body.yp .ypw-portlet .k-fieldselector .k-list-container {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-button.k-state-focused, html body.yp .ypw-portlet .k-button:focus {
    border-color: #dbdbdb; }
  html body.yp .ypw-portlet .k-button.k-state-hover, html body.yp .ypw-portlet .k-button:hover {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-button.k-state-active, html body.yp .ypw-portlet .k-button:active {
    color: #3f51b5;
    background-color: #dbdbdb;
    border-color: #dbdbdb; }
  html body.yp .ypw-portlet .k-button.k-state-active:hover, html body.yp .ypw-portlet .k-button:active:hover {
    color: #fff;
    border-color: #5c6bc0;
    background-color: #5c6bc0; }
  html body.yp .ypw-portlet .k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 6px 17px 0 #c4c4c4;
    box-shadow: 0 6px 17px 0 #c4c4c4; }
  html body.yp .ypw-portlet .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
    box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3); }
  html body.yp .ypw-portlet .k-menu .k-state-hover > .k-state-active {
    background-color: transparent; }
  html body.yp .ypw-portlet .k-state-highlight {
    background: #fff;
    color: #444; }
  html body.yp .ypw-portlet .k-grouping-row .k-state-focused, html body.yp .ypw-portlet .k-state-focused {
    border-color: #67afe9; }
  html body.yp .ypw-portlet html body .k-button-bare.k-state-focused, html body.yp .ypw-portlet html body .k-button-bare:focus {
    position: relative; }
  html body.yp .ypw-portlet html body .k-button-bare.k-state-focused:before, html body.yp .ypw-portlet html body .k-button-bare:focus:before {
    content: "";
    background-color: currentcolor;
    opacity: .12;
    border-radius: inherit;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  html body.yp .ypw-portlet html .k-mediaplayer-toolbar .k-button-bare.k-state-active, html body.yp .ypw-portlet html .k-mediaplayer-toolbar .k-button-bare.k-state-active:hover, html body.yp .ypw-portlet html .k-mediaplayer-toolbar .k-button-bare:active {
    color: #3f51b5; }
  html body.yp .ypw-portlet html .k-mediaplayer-toolbar .k-button-bare.k-state-active:before, html body.yp .ypw-portlet html .k-mediaplayer-toolbar .k-button-bare.k-state-active:hover:before, html body.yp .ypw-portlet html .k-mediaplayer-toolbar .k-button-bare:active:before {
    opacity: .24; }
  html body.yp .ypw-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar {
    top: -14px; }
  html body.yp .ypw-portlet .k-quality-list {
    margin-left: -25px !important; }
  html body.yp .ypw-portlet .k-calendar .k-link {
    color: #444; }
  html body.yp .ypw-portlet .k-calendar .k-footer {
    padding: 0; }
  html body.yp .ypw-portlet .k-calendar .k-footer .k-nav-today {
    color: #444;
    text-decoration: none;
    background-color: #fff; }
  html body.yp .ypw-portlet .k-calendar .k-footer .k-nav-today.k-state-hover, html body.yp .ypw-portlet .k-calendar .k-footer .k-nav-today:hover {
    background-color: #fff;
    text-decoration: underline; }
  html body.yp .ypw-portlet .k-calendar .k-footer .k-nav-today:active {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-calendar .k-link.k-nav-fast {
    color: #444; }
  html body.yp .ypw-portlet .k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #ebebeb;
    color: #444; }
  html body.yp .ypw-portlet .k-calendar .k-link.k-state-hover {
    border-radius: 50%; }
  html body.yp .ypw-portlet .k-calendar .k-footer .k-link {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-calendar th {
    background-color: #3f51b5; }
  html body.yp .ypw-portlet .k-window-titlebar .k-link {
    border-radius: 50%; }
  html body.yp .ypw-portlet .k-calendar-container.k-group {
    border-color: rgba(0, 0, 0, 0.2); }
  html body.yp .ypw-portlet .k-draghandle.k-state-selected:hover, html body.yp .ypw-portlet .k-ghost-splitbar-horizontal, html body.yp .ypw-portlet .k-ghost-splitbar-vertical, html body.yp .ypw-portlet .k-list > .k-state-highlight, html body.yp .ypw-portlet .k-list > .k-state-selected, html body.yp .ypw-portlet .k-marquee-color, html body.yp .ypw-portlet .k-panel > .k-state-selected, html body.yp .ypw-portlet .k-scheduler .k-scheduler-toolbar .k-state-selected, html body.yp .ypw-portlet .k-scheduler .k-today.k-state-selected, html body.yp .ypw-portlet .k-state-selected, html body.yp .ypw-portlet .k-state-selected:link, html body.yp .ypw-portlet .k-state-selected:visited {
    color: #3f51b5;
    background-color: #fff;
    border-color: #fff; }
  html body.yp .ypw-portlet .k-group-header + .k-list > .k-item.k-first, html body.yp .ypw-portlet .k-static-header + .k-list > .k-item.k-first, html body.yp .ypw-portlet .k-virtual-item.k-first {
    border-top-color: #ebebeb; }
  html body.yp .ypw-portlet .k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #ebebeb; }
  html body.yp .ypw-portlet .k-popup > .k-group-header, html body.yp .ypw-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    background: #ebebeb;
    color: #3f51b5; }
  html body.yp .ypw-portlet .k-popup .k-list .k-item > .k-group {
    background: #ebebeb;
    color: #3f51b5;
    border-bottom-left-radius: 1px; }
  html body.yp .ypw-portlet .k-marquee-text {
    color: #3f51b5; }
  html body.yp .ypw-portlet .k-button.k-state-focused, html body.yp .ypw-portlet .k-list > .k-state-focused, html body.yp .ypw-portlet .k-listview > .k-state-focused, html body.yp .ypw-portlet .k-listview > .k-state-focused.k-state-selected, html body.yp .ypw-portlet .k-state-focused, html body.yp .ypw-portlet .k-upload-files .k-button:focus, html body.yp .ypw-portlet .k-upload-files .k-button:focus:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet td.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey; }
  html body.yp .ypw-portlet .k-list > .k-state-focused.k-state-selected, html body.yp .ypw-portlet .k-state-focused.k-state-selected, html body.yp .ypw-portlet td.k-state-focused.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-ie8 .k-button.k-state-focused, html body.yp .ypw-portlet .k-ie8 .k-button:focus, html body.yp .ypw-portlet .k-ie8 .k-grid-header th.k-state-focused, html body.yp .ypw-portlet .k-ie8 .k-listview > .k-state-focused, html body.yp .ypw-portlet .k-ie8 .k-menu li.k-state-focused, html body.yp .ypw-portlet .k-ie8 .k-panelbar span.k-state-focused, html body.yp .ypw-portlet .k-ie8 .k-tool.k-state-hover, html body.yp .ypw-portlet .k-ie8 td.k-state-focused, html body.yp .ypw-portlet .k-list-optionlabel.k-state-selected.k-state-focused, html body.yp .ypw-portlet .k-list > .k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-panelbar > li.k-state-default > .k-link.k-state-selected, html body.yp .ypw-portlet .k-panelbar > li > .k-state-selected, html body.yp .ypw-portlet .k-state-selected > .k-link {
    color: #3f51b5; }
  html body.yp .ypw-portlet .k-dropdown .k-state-focused, html body.yp .ypw-portlet .k-filebrowser-dropzone, html body.yp .ypw-portlet .k-list > .k-state-hover, html body.yp .ypw-portlet .k-mobile-list .k-edit-label.k-check:active, html body.yp .ypw-portlet .k-mobile-list .k-item > .k-label:active, html body.yp .ypw-portlet .k-mobile-list .k-item > .k-link:active, html body.yp .ypw-portlet .k-mobile-list .k-recur-view .k-check:active, html body.yp .ypw-portlet .k-pager-wrap .k-link:hover, html body.yp .ypw-portlet .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, html body.yp .ypw-portlet .k-splitbar-horizontal-hover:hover, html body.yp .ypw-portlet .k-splitbar-vertical-hover:hover, html body.yp .ypw-portlet .k-state-hover, html body.yp .ypw-portlet .k-state-hover:hover {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-state-focused > .k-select, html body.yp .ypw-portlet .k-state-hover > .k-select {
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-button.k-state-focused, html body.yp .ypw-portlet .k-button.k-state-hover, html body.yp .ypw-portlet .k-button:focus, html body.yp .ypw-portlet .k-button:hover, html body.yp .ypw-portlet .k-draghandle:hover, html body.yp .ypw-portlet .k-other-month.k-state-hover .k-link, html body.yp .ypw-portlet .k-pager-wrap .k-link:hover, html body.yp .ypw-portlet .k-state-hover, html body.yp .ypw-portlet .k-state-hover:hover, html body.yp .ypw-portlet .k-textbox:hover, html body.yp .ypw-portlet div.k-filebrowser-dropzone em {
    background-image: none; }
  html body.yp .ypw-portlet .k-pager-wrap {
    background-color: #3f51b5;
    color: #fff; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-active, html body.yp .ypw-portlet .k-button:active, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-active, html body.yp .ypw-portlet .k-numeric-wrap.k-state-active, html body.yp .ypw-portlet .k-panelbar > .k-item > .k-state-focused, html body.yp .ypw-portlet .k-picker-wrap.k-state-active, html body.yp .ypw-portlet .k-state-active, html body.yp .ypw-portlet .k-state-active:hover, html body.yp .ypw-portlet .k-state-active > .k-link {
    background-image: none; }
  html body.yp .ypw-portlet .k-button.k-state-active, html body.yp .ypw-portlet .k-button:active, html body.yp .ypw-portlet .k-draghandle.k-state-selected:hover, html body.yp .ypw-portlet .k-state-selected {
    background-image: none; }
  html body.yp .ypw-portlet .k-button.k-state-active, html body.yp .ypw-portlet .k-button:active, html body.yp .ypw-portlet .k-draghandle.k-state-selected:hover {
    background-position: 50% 50%; }
  html body.yp .ypw-portlet .k-tool-icon {
    background-image: url(Material/sprite.png); }
  html body.yp .ypw-portlet .k-other-month.k-state-hover .k-link, html body.yp .ypw-portlet .k-state-hover > .k-link, html body.yp .ypw-portlet div.k-filebrowser-dropzone em {
    color: #444; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-focused, html body.yp .ypw-portlet .k-autocomplete.k-state-hover, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-focused, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-hover, html body.yp .ypw-portlet .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .k-numeric-wrap.k-state-hover, html body.yp .ypw-portlet .k-picker-wrap.k-state-focused, html body.yp .ypw-portlet .k-picker-wrap.k-state-hover {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-dropdown .k-state-focused .k-input, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list input:not([type=checkbox]):not([type=radio]), html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list textarea, html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]) {
    color: #444; }
  html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    background: #fff;
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
    background-color: #fff;
    border-color: #f0f0f0; }
  html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input + .k-i-search:before {
    color: #444; }
  html body.yp .ypw-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .ypw-portlet .k-dropdown .k-state-hover .k-input {
    color: #444; }
  html body.yp .ypw-portlet .k-state-error {
    border-color: #eed3d7;
    background-color: #f2dede;
    color: #b94a48; }
  html body.yp .ypw-portlet .k-state-disabled {
    opacity: .7; }
  html body.yp .ypw-portlet .k-ie8 .k-state-disabled {
    filter: alpha(opacity=70); }
  html body.yp .ypw-portlet .k-loading-mask.k-state-selected, html body.yp .ypw-portlet .k-tile-empty.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent; }
  html body.yp .ypw-portlet .k-dropzone .k-upload-status, html body.yp .ypw-portlet .k-dropzone em, html body.yp .ypw-portlet .k-other-month, html body.yp .ypw-portlet .k-other-month .k-link, html body.yp .ypw-portlet .k-slider .k-draghandle, html body.yp .ypw-portlet .k-state-disabled, html body.yp .ypw-portlet .k-state-disabled .k-button, html body.yp .ypw-portlet .k-state-disabled .k-link, html body.yp .ypw-portlet .k-tile-empty strong {
    color: #999; }
  html body.yp .ypw-portlet .k-progressbar-indeterminate {
    background: url(Material/indeterminate.gif); }
  html body.yp .ypw-portlet .k-progressbar-indeterminate .k-progress-status-wrap, html body.yp .ypw-portlet .k-progressbar-indeterminate .k-state-selected {
    display: none; }
  html body.yp .ypw-portlet .k-slider-track {
    background-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-slider-selection {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-slider-horizontal .k-tick {
    background-image: url(Material/slider-h.gif); }
  html body.yp .ypw-portlet .k-slider-vertical .k-tick {
    background-image: url(Material/slider-v.gif); }
  html body.yp .ypw-portlet .k-widget.k-tooltip {
    border-color: rgba(100, 100, 100, 0.9);
    background-color: rgba(100, 100, 100, 0.9);
    color: #fff; }
  html body.yp .ypw-portlet .k-widget.k-tooltip-validation {
    border-color: #fdefba;
    background-color: #fdefba;
    color: #816704; }
  html body.yp .ypw-portlet .input-append .k-tooltip-validation, html body.yp .ypw-portlet .input-prepend .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px; }
  html body.yp .ypw-portlet .k-callout-n {
    border-bottom-color: rgba(100, 100, 100, 0.9); }
  html body.yp .ypw-portlet .k-callout-w {
    border-right-color: rgba(100, 100, 100, 0.9); }
  html body.yp .ypw-portlet .k-callout-s {
    border-top-color: rgba(100, 100, 100, 0.9); }
  html body.yp .ypw-portlet .k-callout-e {
    border-left-color: rgba(100, 100, 100, 0.9); }
  html body.yp .ypw-portlet .k-tooltip-validation .k-callout-n {
    border-bottom-color: #fdefba; }
  html body.yp .ypw-portlet .k-tooltip-validation .k-callout-w {
    border-right-color: #fdefba; }
  html body.yp .ypw-portlet .k-tooltip-validation .k-callout-s {
    border-top-color: #fdefba; }
  html body.yp .ypw-portlet .k-tooltip-validation .k-callout-e {
    border-left-color: #fdefba; }
  html body.yp .ypw-portlet .k-splitbar {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-restricted-size-horizontal, html body.yp .ypw-portlet .k-restricted-size-vertical {
    background-color: #b94a48; }
  html body.yp .ypw-portlet .k-file {
    background-color: #fff;
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-file-progress {
    color: #2b98f3; }
  html body.yp .ypw-portlet .k-file-progress .k-progress {
    background-color: #bbdefb; }
  html body.yp .ypw-portlet .k-file-success {
    color: #5fb662; }
  html body.yp .ypw-portlet .k-file-success .k-progress {
    background-color: #c8e6c9; }
  html body.yp .ypw-portlet .k-file-error {
    color: #ff3448; }
  html body.yp .ypw-portlet .k-file-error .k-file-extension-wrapper, html body.yp .ypw-portlet .k-file-error .k-multiple-files-extension-wrapper {
    color: #ff3448;
    border-color: #ff3448; }
  html body.yp .ypw-portlet .k-file-error .k-file-extension-wrapper:before, html body.yp .ypw-portlet .k-file-error .k-multiple-files-extension-wrapper:before {
    background-color: #fff;
    border-color: transparent transparent #ff3448 #ff3448; }
  html body.yp .ypw-portlet .k-file-error .k-progress {
    background-color: #ffcdd2; }
  html body.yp .ypw-portlet .k-file-extension-wrapper, html body.yp .ypw-portlet .k-multiple-files-extension-wrapper {
    color: #999;
    border-color: #999; }
  html body.yp .ypw-portlet .k-file-invalid .k-file-name-invalid {
    color: #ff3448; }
  html body.yp .ypw-portlet .k-file-invalid-extension-wrapper, html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper {
    color: #ff3448;
    border-color: #ff3448; }
  html body.yp .ypw-portlet .k-file-extension-wrapper:before, html body.yp .ypw-portlet .k-multiple-files-extension-wrapper:before {
    background-color: #fff;
    border-color: transparent transparent #999 #999; }
  html body.yp .ypw-portlet .k-file-invalid-extension-wrapper:before, html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper:before {
    background-color: #fff;
    border-color: transparent transparent #ff3448 #ff3448; }
  html body.yp .ypw-portlet .k-multiple-files-extension-wrapper:after {
    border-top-color: #999;
    border-left-color: #999; }
  html body.yp .ypw-portlet .k-multiple-files-invalid-extension-wrapper:after {
    border-top-color: #ff3448;
    border-left-color: #ff3448; }
  html body.yp .ypw-portlet .k-file-information, html body.yp .ypw-portlet .k-file-size, html body.yp .ypw-portlet .k-file-validation-message {
    color: #999; }
  html body.yp .ypw-portlet .k-upload .k-upload-selected {
    color: #3f51b5;
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-upload .k-upload-selected:hover {
    color: #fff;
    background-color: #3f51b5; }
  html body.yp .ypw-portlet .k-tile {
    border-color: #fff; }
  html body.yp .ypw-portlet .k-textbox:hover, html body.yp .ypw-portlet .k-tiles li.k-state-hover {
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-tiles li.k-state-selected {
    border-color: #fff; }
  html body.yp .ypw-portlet .k-filebrowser .k-tile .k-file, html body.yp .ypw-portlet .k-filebrowser .k-tile .k-folder, html body.yp .ypw-portlet .k-filebrowser .k-tile .k-i-file, html body.yp .ypw-portlet .k-filebrowser .k-tile .k-i-folder {
    background-image: url(Material/imagebrowser.png);
    -webkit-background-size: auto auto;
    background-size: auto auto; }
  html body.yp .ypw-portlet .k-leaf, html body.yp .ypw-portlet .k-leaf.k-state-hover:hover {
    color: #fff; }
  html body.yp .ypw-portlet .k-leaf.k-inverse, html body.yp .ypw-portlet .k-leaf.k-inverse.k-state-hover:hover {
    color: #000; }
  html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-widget {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-slider, html body.yp .ypw-portlet .k-treeview, html body.yp .ypw-portlet .k-upload {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-state-hover {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); }
  html body.yp .ypw-portlet .k-autocomplete.k-state-focused, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-focused, html body.yp .ypw-portlet .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .k-picker-wrap.k-state-focused, html body.yp .ypw-portlet .k-textbox:focus {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .ypw-portlet .k-state-selected {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
  html body.yp .ypw-portlet .k-state-active {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-grid td.k-state-selected.k-state-focused {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-border-down, html body.yp .ypw-portlet .k-autocomplete.k-state-border-up, html body.yp .ypw-portlet .k-datepicker-calendar, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-active, html body.yp .ypw-portlet .k-filebrowser .k-image, html body.yp .ypw-portlet .k-grid .k-filter-options, html body.yp .ypw-portlet .k-menu .k-menu-group, html body.yp .ypw-portlet .k-multiselect.k-state-focused, html body.yp .ypw-portlet .k-picker-wrap.k-state-active, html body.yp .ypw-portlet .k-popup, html body.yp .ypw-portlet .k-time-popup, html body.yp .ypw-portlet .k-tooltip {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
  html body.yp .ypw-portlet .k-calendar-container.k-popup {
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); }
  html body.yp .ypw-portlet .k-treemap-tile.k-state-hover {
    -webkit-box-shadow: inset 0 0 0 3px #e6e6e6;
    box-shadow: inset 0 0 0 3px #e6e6e6; }
  html body.yp .ypw-portlet .k-window {
    border-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
    background-color: #fff; }
  html body.yp .ypw-portlet .k-window.k-state-focused {
    border-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2); }
  html body.yp .ypw-portlet .k-window-maximized .k-window-content, html body.yp .ypw-portlet .k-window-maximized .k-window-titlebar, html body.yp .ypw-portlet .k-window.k-window-maximized {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
  html body.yp .ypw-portlet .k-inset {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
  html body.yp .ypw-portlet .k-editor-inline ::-moz-selection {
    background-color: #3f51b5;
    text-shadow: none;
    color: #fff; }
  html body.yp .ypw-portlet .k-editor-inline ::selection {
    background-color: #3f51b5;
    text-shadow: none;
    color: #fff; }
  html body.yp .ypw-portlet .k-editor-inline ::-moz-selection {
    background-color: #3f51b5;
    text-shadow: none;
    color: #fff; }
  html body.yp .ypw-portlet .k-widget.k-notification.k-notification-info {
    background-color: #bbdefb;
    color: #2b98f3;
    border-color: #bbdefb; }
  html body.yp .ypw-portlet .k-widget.k-notification.k-notification-success {
    background-color: #c8e6c9;
    color: #5fb662;
    border-color: #c8e6c9; }
  html body.yp .ypw-portlet .k-widget.k-notification.k-notification-warning {
    background-color: #fdefba;
    color: #f8c70d;
    border-color: #fdefba; }
  html body.yp .ypw-portlet .k-widget.k-notification.k-notification-error {
    background-color: #ffcdd2;
    color: #ff3448;
    border-color: #ffcdd2; }
  html body.yp .ypw-portlet .k-gantt .k-treelist {
    background: #fafafa; }
  html body.yp .ypw-portlet .k-gantt .k-treelist .k-alt {
    background-color: #e0e0e0; }
  html body.yp .ypw-portlet .k-gantt .k-treelist tr:hover {
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-gantt .k-treelist .k-alt.k-state-selected, html body.yp .ypw-portlet .k-gantt .k-treelist .k-alt.k-state-selected > td, html body.yp .ypw-portlet .k-gantt .k-treelist .k-state-selected, html body.yp .ypw-portlet .k-gantt .k-treelist .k-state-selected td {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-gantt .k-treelist .k-alt.k-state-selected:hover, html body.yp .ypw-portlet .k-gantt .k-treelist .k-alt.k-state-selected:hover td {
    background-color: #00a2eb; }
  html body.yp .ypw-portlet .k-task-dot:after {
    background-color: #444;
    border-color: #444; }
  html body.yp .ypw-portlet .k-task-dot:hover:after {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-task-summary {
    border-color: #98a2db;
    background: #98a2db; }
  html body.yp .ypw-portlet .k-task-milestone, html body.yp .ypw-portlet .k-task-summary-complete {
    border-color: #444;
    background: #444; }
  html body.yp .ypw-portlet .k-state-selected.k-task-summary {
    border-color: #98a2db;
    background: #98a2db; }
  html body.yp .ypw-portlet .k-state-selected .k-task-summary-complete, html body.yp .ypw-portlet .k-state-selected.k-task-milestone {
    border-color: #fff;
    background: #fff; }
  html body.yp .ypw-portlet .k-task-single {
    background-color: #7a87d1;
    border-color: #606fc7;
    color: #fff; }
  html body.yp .ypw-portlet .k-state-selected.k-task-single {
    border-color: #fff; }
  html body.yp .ypw-portlet .k-line {
    background-color: #444;
    color: #444; }
  html body.yp .ypw-portlet .k-state-selected.k-line {
    background-color: #fff;
    color: #fff; }
  html body.yp .ypw-portlet .k-resource {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-i-kpi-decrease, html body.yp .ypw-portlet .k-i-kpi-denied, html body.yp .ypw-portlet .k-i-kpi-equal, html body.yp .ypw-portlet .k-i-kpi-hold, html body.yp .ypw-portlet .k-i-kpi-increase, html body.yp .ypw-portlet .k-i-kpi-open {
    background-image: url(Material/sprite_kpi.png); }
  html body.yp .ypw-portlet .k-autocomplete, html body.yp .ypw-portlet .k-block, html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-calendar .k-link, html body.yp .ypw-portlet .k-calendar td, html body.yp .ypw-portlet .k-calendar-container, html body.yp .ypw-portlet .k-colorpicker, html body.yp .ypw-portlet .k-combobox, html body.yp .ypw-portlet .k-datepicker, html body.yp .ypw-portlet .k-datetimepicker, html body.yp .ypw-portlet .k-drag-clue, html body.yp .ypw-portlet .k-dropdown, html body.yp .ypw-portlet .k-dropdown-wrap, html body.yp .ypw-portlet .k-editor-inline, html body.yp .ypw-portlet .k-grid .k-filter-options, html body.yp .ypw-portlet .k-grouping-header .k-group-indicator, html body.yp .ypw-portlet .k-inline-block, html body.yp .ypw-portlet .k-list-container, html body.yp .ypw-portlet .k-multiselect, html body.yp .ypw-portlet .k-notification, html body.yp .ypw-portlet .k-numeric-wrap, html body.yp .ypw-portlet .k-numerictextbox, html body.yp .ypw-portlet .k-picker-wrap, html body.yp .ypw-portlet .k-slider-selection, html body.yp .ypw-portlet .k-slider-track, html body.yp .ypw-portlet .k-textbox, html body.yp .ypw-portlet .k-tile, html body.yp .ypw-portlet .k-timepicker, html body.yp .ypw-portlet .k-tooltip, html body.yp .ypw-portlet .k-touch-scrollbar, html body.yp .ypw-portlet .k-treeview .k-in, html body.yp .ypw-portlet .k-upload, html body.yp .ypw-portlet .k-window, html body.yp .ypw-portlet .k-window-action, html body.yp .ypw-portlet .k-window-titleless .k-window-content {
    border-radius: 2px; }
  html body.yp .ypw-portlet .k-tool {
    text-align: center;
    vertical-align: middle; }
  html body.yp .ypw-portlet .k-toolbar .k-split-button .k-button {
    border-radius: 2px 0 0 2px; }
  html body.yp .ypw-portlet .k-rtl .k-tool.k-group-start, html body.yp .ypw-portlet .k-rtl .k-toolbar .k-button-group .k-group-start, html body.yp .ypw-portlet .k-rtl .k-toolbar .k-split-button .k-button {
    border-radius: 0 2px 2px 0; }
  html body.yp .ypw-portlet .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0 2px 2px 0; }
  html body.yp .ypw-portlet .k-rtl .k-tool.k-group-end, html body.yp .ypw-portlet .k-rtl .k-toolbar .k-button-group .k-group-end, html body.yp .ypw-portlet .k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 2px 0 0 2px; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-border-up, html body.yp .ypw-portlet .k-calendar-container.k-state-border-up, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-border-up, html body.yp .ypw-portlet .k-filter-menu, html body.yp .ypw-portlet .k-list-container.k-state-border-up, html body.yp .ypw-portlet .k-multiselect.k-state-border-up, html body.yp .ypw-portlet .k-numeric-wrap.k-state-border-up, html body.yp .ypw-portlet .k-picker-wrap.k-state-border-up, html body.yp .ypw-portlet .k-window-content {
    border-radius: 0 0 2px 2px; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-border-up .k-input, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-border-up .k-input, html body.yp .ypw-portlet .k-numeric-wrap.k-state-border-up .k-input, html body.yp .ypw-portlet .k-picker-wrap.k-state-border-up .k-input, html body.yp .ypw-portlet .k-picker-wrap.k-state-border-up .k-selected-color {
    border-radius: 0 0 0 2px; }
  html body.yp .ypw-portlet .k-multiselect.k-state-border-up .k-multiselect-wrap {
    border-radius: 0 0 2px 2px; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-border-down, html body.yp .ypw-portlet .k-block > .k-header, html body.yp .ypw-portlet .k-calendar-container.k-state-border-down, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-border-down, html body.yp .ypw-portlet .k-list-container.k-state-border-down, html body.yp .ypw-portlet .k-multiselect.k-state-border-down, html body.yp .ypw-portlet .k-numeric-wrap.k-state-border-down, html body.yp .ypw-portlet .k-panelbar .k-tabstrip-items .k-item, html body.yp .ypw-portlet .k-picker-wrap.k-state-border-down, html body.yp .ypw-portlet .k-tabstrip-items .k-item, html body.yp .ypw-portlet .k-tabstrip-items .k-link, html body.yp .ypw-portlet .k-window-titlebar {
    border-radius: 2px 2px 0 0; }
  html body.yp .ypw-portlet .k-split-button.k-state-border-down > .k-button {
    border-radius: 2px 0 0 0; }
  html body.yp .ypw-portlet .k-split-button.k-state-border-up > .k-button {
    border-radius: 0 0 0 2px; }
  html body.yp .ypw-portlet .k-split-button.k-state-border-down > .k-split-button-arrow {
    border-radius: 0 2px 0 0; }
  html body.yp .ypw-portlet .k-split-button.k-state-border-up > .k-split-button-arrow {
    border-radius: 0 0 2px 0; }
  html body.yp .ypw-portlet .k-dropdown-wrap .k-input, html body.yp .ypw-portlet .k-numeric-wrap .k-input, html body.yp .ypw-portlet .k-picker-wrap .k-input {
    border-radius: 1px 0 0 1px; }
  html body.yp .ypw-portlet .k-rtl .k-dropdown-wrap .k-input, html body.yp .ypw-portlet .k-rtl .k-numeric-wrap .k-input, html body.yp .ypw-portlet .k-rtl .k-picker-wrap .k-input {
    border-radius: 0 1px 1px 0; }
  html body.yp .ypw-portlet .k-numeric-wrap .k-link {
    border-radius: 0 1px 0 0; }
  html body.yp .ypw-portlet .k-numeric-wrap .k-link + .k-link {
    border-radius: 0 0 1px 0; }
  html body.yp .ypw-portlet .k-colorpicker .k-selected-color {
    border-radius: 1px 0 0 1px; }
  html body.yp .ypw-portlet .k-rtl .k-colorpicker .k-selected-color {
    border-radius: 0 1px 1px 0; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-border-down .k-input {
    border-radius: 2px 2px 0 0; }
  html body.yp .ypw-portlet .k-dropdown-wrap.k-state-border-down .k-input, html body.yp .ypw-portlet .k-numeric-wrap.k-state-border-down .k-input, html body.yp .ypw-portlet .k-picker-wrap.k-state-border-down .k-input, html body.yp .ypw-portlet .k-picker-wrap.k-state-border-down .k-selected-color {
    border-radius: 2px 0 0 0; }
  html body.yp .ypw-portlet .k-numeric-wrap .k-link.k-state-selected {
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 1px 1px 0 0; }
  html body.yp .ypw-portlet .k-datetimepicker .k-select + .k-select, html body.yp .ypw-portlet .k-dropdown-wrap .k-select, html body.yp .ypw-portlet .k-list-container.k-state-border-right, html body.yp .ypw-portlet .k-numeric-wrap .k-select, html body.yp .ypw-portlet .k-picker-wrap .k-select {
    border-radius: 0 2px 2px 0; }
  html body.yp .ypw-portlet .k-rtl .k-datetimepicker .k-select + .k-select, html body.yp .ypw-portlet .k-rtl .k-dropdown-wrap .k-select, html body.yp .ypw-portlet .k-rtl .k-list-container.k-state-border-right, html body.yp .ypw-portlet .k-rtl .k-numeric-wrap .k-select, html body.yp .ypw-portlet .k-rtl .k-picker-wrap .k-select {
    border-radius: 2px 0 0 2px; }
  html body.yp .ypw-portlet .k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 2px; }
  html body.yp .ypw-portlet .k-autocomplete .k-input, html body.yp .ypw-portlet .k-multiselect-wrap, html body.yp .ypw-portlet .k-textbox > input {
    border-radius: 1px; }
  html body.yp .ypw-portlet .k-dropzone, html body.yp .ypw-portlet .k-fieldselector .k-list .k-item, html body.yp .ypw-portlet .k-list .k-state-focused, html body.yp .ypw-portlet .k-list .k-state-highlight, html body.yp .ypw-portlet .k-list .k-state-hover, html body.yp .ypw-portlet .k-list .k-state-selected, html body.yp .ypw-portlet .k-list-optionlabel {
    border-radius: 1px; }
  html body.yp .ypw-portlet .k-grid .k-slider .k-button, html body.yp .ypw-portlet .k-slider .k-button {
    border-radius: 13px; }
  html body.yp .ypw-portlet .k-draghandle {
    border-radius: 13px; }
  html body.yp .ypw-portlet .k-scheduler-toolbar > ul li:first-child, html body.yp .ypw-portlet .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
    border-radius: 2px 0 0 2px; }
  html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar > ul li:first-child, html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link, html body.yp .ypw-portlet .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child, html body.yp .ypw-portlet .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    border-radius: 0 2px 2px 0; }
  html body.yp .ypw-portlet .k-edit-field > .k-scheduler-navigation, html body.yp .ypw-portlet .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today, html body.yp .ypw-portlet .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link {
    border-radius: 2px; }
  html body.yp .ypw-portlet .k-scheduler-toolbar .k-nav-next, html body.yp .ypw-portlet .k-scheduler-toolbar .k-nav-next .k-link, html body.yp .ypw-portlet .k-scheduler-toolbar ul + ul li:last-child, html body.yp .ypw-portlet .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar .k-nav-next, html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar .k-nav-next .k-link, html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar ul + ul li:last-child, html body.yp .ypw-portlet .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-radius: 2px 0 0 2px; }
  html body.yp .ypw-portlet .k-scheduler div.k-scheduler-footer .k-link, html body.yp .ypw-portlet .k-scheduler div.k-scheduler-footer ul li {
    border-radius: 2px; }
  html body.yp .ypw-portlet .k-event, html body.yp .ypw-portlet .k-event .k-link, html body.yp .ypw-portlet .k-more-events, html body.yp .ypw-portlet .k-task-complete, html body.yp .ypw-portlet .k-task-single {
    border-radius: 1px; }
  html body.yp .ypw-portlet .k-scheduler-mobile .k-event {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #444; }
  html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-content, html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-group, html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-header, html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button, html body.yp .ypw-portlet .k-ie .km-pane-wrapper .k-widget, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-label, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item, html body.yp .ypw-portlet html .km-pane-wrapper .km-widget {
    color: #444; }
  @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    html body.yp .ypw-portlet div.km-pane-wrapper a {
      color: #444; } }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    background-color: #fff;
    border-top: 1px solid #e7e7e7; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
    outline-width: 0; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
    background-color: #fff;
    border-top-color: #fff; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
    border-top-color: transparent; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-item:last-child {
    -webkit-box-shadow: inset 0 -1px 0 #e7e7e7;
    box-shadow: inset 0 -1px 0 #e7e7e7; }
  html body.yp .ypw-portlet .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    color: #9b9b9b; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #e7e7e7; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-mobile-list .k-edit-field {
    -webkit-box-shadow: 0 1px 1px #e7e7e7;
    box-shadow: 0 1px 1px #e7e7e7; }
  html body.yp .ypw-portlet .km-actionsheet .k-grid-delete, html body.yp .ypw-portlet .km-actionsheet .k-scheduler-delete, html body.yp .ypw-portlet .km-pane-wrapper .k-filter-menu .k-button[type=reset], html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-delete {
    color: #fff;
    border-color: #eed3d7;
    background-color: red;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.15)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15)); }
  html body.yp .ypw-portlet .km-actionsheet .k-grid-delete:active, html body.yp .ypw-portlet .km-actionsheet .k-scheduler-delete:active, html body.yp .ypw-portlet .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active, html body.yp .ypw-portlet .km-pane-wrapper .k-scheduler-delete:active {
    background-color: #900; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-default, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-default, html body.yp .ypw-portlet .k-numeric-wrap.k-state-default, html body.yp .ypw-portlet .k-picker-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa;
    border-color: #f0f0f0; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-hover, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-hover, html body.yp .ypw-portlet .k-numeric-wrap.k-state-hover, html body.yp .ypw-portlet .k-picker-wrap.k-state-hover {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #f5f5f5; }
  html body.yp .ypw-portlet .k-multiselect.k-header {
    border-color: #f0f0f0; }
  html body.yp .ypw-portlet .k-multiselect.k-header.k-state-hover {
    border-color: #f5f5f5; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-focused, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-focused, html body.yp .ypw-portlet .k-multiselect.k-header.k-state-focused, html body.yp .ypw-portlet .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .k-picker-wrap.k-state-focused {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #f5f5f5;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .ypw-portlet .k-list-container {
    color: #444; }
  html body.yp .ypw-portlet .k-nodata {
    color: #999; }
  html body.yp .ypw-portlet .k-dropdown .k-input, html body.yp .ypw-portlet .k-dropdown .k-state-focused .k-input, html body.yp .ypw-portlet .k-menu .k-popup {
    color: #444; }
  html body.yp .ypw-portlet .k-state-default > .k-select {
    border-color: #f0f0f0; }
  html body.yp .ypw-portlet .k-state-focused > .k-select {
    border-color: #f5f5f5; }
  html body.yp .ypw-portlet .k-state-hover > .k-select {
    border-color: #f5f5f5; }
  html body.yp .ypw-portlet .k-tabstrip:focus {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .ypw-portlet .k-panelbar > li.k-state-default > .k-link, html body.yp .ypw-portlet .k-tabstrip-items .k-state-default .k-link {
    color: #fff; }
  html body.yp .ypw-portlet .k-panelbar > li.k-state-default > .k-link.k-state-hover, html body.yp .ypw-portlet .k-panelbar > li.k-state-hover > .k-link, html body.yp .ypw-portlet .k-tabstrip-items .k-state-hover .k-link {
    color: #444; }
  html body.yp .ypw-portlet .k-panelbar > li > .k-state-focused.k-state-hover {
    background: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-items .k-state-default, html body.yp .ypw-portlet .k-tabstrip-items .k-state-default {
    border-color: transparent; }
  html body.yp .ypw-portlet .k-tabstrip-items .k-state-hover {
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-tabstrip .k-content.k-state-active {
    background-color: #fff;
    color: #444; }
  html body.yp .ypw-portlet .k-menu .k-item, html body.yp .ypw-portlet .k-menu.k-header {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-column-menu, html body.yp .ypw-portlet .k-column-menu .k-item, html body.yp .ypw-portlet .k-overflow-container .k-overflow-group {
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-overflow-container .k-overflow-group {
    -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff; }
  html body.yp .ypw-portlet .k-overflow-container .k-overflow-group + .k-overflow-group, html body.yp .ypw-portlet .k-toolbar-first-visible.k-overflow-group {
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff; }
  html body.yp .ypw-portlet .k-toolbar-last-visible.k-overflow-group {
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff; }
  html body.yp .ypw-portlet .k-column-menu .k-separator {
    border-color: #ccc;
    background-color: transparent; }
  html body.yp .ypw-portlet .k-menu .k-group {
    border-color: rgba(0, 0, 0, 0.2); }
  html body.yp .ypw-portlet .k-grid-filter.k-state-active {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-grid-footer td, html body.yp .ypw-portlet .k-group-footer td, html body.yp .ypw-portlet .k-grouping-row td {
    color: #fff;
    border-color: #ccc;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-grouping-header {
    color: #fff; }
  html body.yp .ypw-portlet .k-gantt-toolbar .k-state-default, html body.yp .ypw-portlet .k-grid .k-grouping-header, html body.yp .ypw-portlet .k-grid-header, html body.yp .ypw-portlet .k-grid-header-wrap, html body.yp .ypw-portlet .k-grouping-header .k-group-indicator, html body.yp .ypw-portlet .k-header, html body.yp .ypw-portlet .k-pager-wrap, html body.yp .ypw-portlet .k-pager-wrap .k-link, html body.yp .ypw-portlet .k-pager-wrap .k-textbox {
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-overflow-container .k-primary, html body.yp .ypw-portlet .k-primary {
    color: #fff;
    border-color: #3f51b5;
    background-image: none;
    background-position: 50% 50%;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-primary.k-state-focused, html body.yp .ypw-portlet .k-primary:focus {
    color: #fff;
    border-color: #eff8ff;
    background-image: none;
    -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
    box-shadow: 0 0 8px 0 #cfe6f8; }
  html body.yp .ypw-portlet .k-primary:hover {
    color: #fff;
    border-color: #5c6bc0;
    background-image: none;
    background-color: #5c6bc0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-primary:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-primary:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
    box-shadow: 0 0 8px 0 #cfe6f8; }
  html body.yp .ypw-portlet .k-primary:active {
    color: #fff;
    border-color: #283593;
    background-image: none;
    background-color: #283593;
    -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); }
  html body.yp .ypw-portlet .k-primary.k-state-disabled, html body.yp .ypw-portlet .k-primary.k-state-disabled:active, html body.yp .ypw-portlet .k-primary.k-state-disabled:hover, html body.yp .ypw-portlet .k-state-disabled .k-primary, html body.yp .ypw-portlet .k-state-disabled .k-primary:active, html body.yp .ypw-portlet .k-state-disabled .k-primary:hover {
    color: #a8a8a8;
    border-color: #eaeaea;
    background-color: #eaeaea;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-treeview .k-in {
    border-color: transparent; }
  html body.yp .ypw-portlet .k-grid .k-hierarchy-cell .k-icon, html body.yp .ypw-portlet .k-scheduler-table .k-icon, html body.yp .ypw-portlet .k-treeview .k-icon {
    background-color: transparent;
    border-radius: 50%; }
  html body.yp .ypw-portlet .k-scheduler-table .k-state-hover .k-icon {
    background-color: transparent; }
  html body.yp .ypw-portlet .k-button:focus, html body.yp .ypw-portlet .k-split-button:focus {
    outline: 0; }
  html body.yp .ypw-portlet .k-split-button:focus {
    background-color: #dbdbdb; }
  html body.yp .ypw-portlet .k-split-button:focus > .k-button {
    background: 0 0;
    border-color: #dbdbdb; }
  html body.yp .ypw-portlet .k-split-button:focus > .k-button.k-split-button-arrow {
    border-left-color: #fafafa; }
  html body.yp .ypw-portlet .k-editor .k-tool:focus {
    outline: 0;
    border-color: #dbdbdb;
    -webkit-box-shadow: 0 6px 17px 0 #c4c4c4;
    box-shadow: 0 6px 17px 0 #c4c4c4; }
  html body.yp .ypw-portlet .k-checkbox-label:before {
    border-color: #7f7f7f;
    background: #fff;
    border-radius: 1px; }
  html body.yp .ypw-portlet .k-checkbox-label:hover:before, html body.yp .ypw-portlet .k-checkbox:checked + .k-checkbox-label:hover:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-checkbox:checked + .k-checkbox-label:before {
    background-color: #3f51b5;
    border-color: #3f51b5;
    color: #fff; }
  html body.yp .ypw-portlet .k-checkbox-label:active:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #7f7f7f; }
  html body.yp .ypw-portlet .k-checkbox:checked + .k-checkbox-label:active:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #7f7f7f; }
  html body.yp .ypw-portlet .k-checkbox:disabled + .k-checkbox-label {
    color: #999; }
  html body.yp .ypw-portlet .k-checkbox:disabled + .k-checkbox-label:hover:before {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-checkbox:checked:disabled + .k-checkbox-label:active:before, html body.yp .ypw-portlet .k-checkbox:checked:disabled + .k-checkbox-label:before, html body.yp .ypw-portlet .k-checkbox:checked:disabled + .k-checkbox-label:hover:before, html body.yp .ypw-portlet .k-checkbox:disabled + .k-checkbox-label:before {
    color: #999;
    background: #f5f5f5;
    border-color: #bfbfbf;
    border-radius: 1px; }
  html body.yp .ypw-portlet .k-checkbox:focus + .k-checkbox-label:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #3f51b5;
    background-image: none;
    border-color: #3f51b5;
    border-radius: 0; }
  html body.yp .ypw-portlet .k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: #3f51b5;
    background-color: #3f51b5; }
  html body.yp .ypw-portlet .k-checkbox + .k-checkbox-label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    width: 1em;
    height: 1em; }
  html body.yp .ypw-portlet .k-checkbox:focus + .k-checkbox-label:after {
    -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); }
  html body.yp .ypw-portlet .k-checkbox + .k-checkbox-label:active:after {
    -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); }
  html body.yp .ypw-portlet .k-checkbox:checked + .k-checkbox-label:active:after {
    -webkit-box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
    box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3); }
  html body.yp .ypw-portlet .k-checkbox:disabled + .k-checkbox-label:active:after {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-checkbox:indeterminate + .k-checkbox-label:before {
    border-color: #3f51b5; }
  html body.yp .ypw-portlet .k-radio-label:before {
    border-color: #7f7f7f;
    border-radius: 50%;
    background-color: #fff;
    border-width: 2px; }
  html body.yp .ypw-portlet .k-radio-label:hover:before, html body.yp .ypw-portlet .k-radio:checked + .k-radio-label:hover:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-radio:checked + .k-radio-label:after {
    background-color: #3f51b5;
    border-radius: 50%; }
  html body.yp .ypw-portlet .k-radio-label:active:before {
    border-color: #6b7acb;
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb; }
  html body.yp .ypw-portlet .k-radio:checked + .k-radio-label:active:before {
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb;
    border-color: #6b7acb; }
  html body.yp .ypw-portlet .k-radio:disabled + .k-radio-label {
    color: #bfbfbf; }
  html body.yp .ypw-portlet .k-radio:disabled + .k-radio-label:active:before, html body.yp .ypw-portlet .k-radio:disabled + .k-radio-label:before, html body.yp .ypw-portlet .k-radio:disabled + .k-radio-label:hover:after, html body.yp .ypw-portlet .k-radio:disabled + .k-radio-label:hover:before {
    background: #fff;
    border-color: #bfbfbf;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-radio:disabled:checked + .k-radio-label:after {
    background-color: #3f51b5;
    opacity: .5; }
  html body.yp .ypw-portlet .k-radio:focus + .k-radio-label:before {
    border-color: #6b7acb;
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb; }
  html body.yp .ypw-portlet .k-radio:checked + .k-radio-label:before, html body.yp .ypw-portlet .k-radio:checked + .k-radio-label:hover:before {
    border-color: #3f51b5; }
  html body.yp .ypw-portlet .k-radio + .k-radio-label:active:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); }
  html body.yp .ypw-portlet .k-radio:checked + .k-radio-label:active:before {
    -webkit-box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
    box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3); }
  html body.yp .ypw-portlet .k-radio:focus + .k-radio-label:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); }
  html body.yp .ypw-portlet .k-radio:disabled:checked + .k-radio-label:before, html body.yp .ypw-portlet .k-radio:disabled:checked + .k-radio-label:hover:before {
    border-color: #bfbfbf; }
  html body.yp .ypw-portlet .k-radio:disabled:checked + .k-radio-label:active:before {
    -webkit-box-shadow: none;
    box-shadow: none; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
    html body.yp .ypw-portlet .k-callout, html body.yp .ypw-portlet .k-column-menu .k-sprite, html body.yp .ypw-portlet .k-drop-hint, html body.yp .ypw-portlet .k-grouping-dropclue, html body.yp .ypw-portlet .k-icon:not(.k-i-loading), html body.yp .ypw-portlet .k-icon:not(.k-loading), html body.yp .ypw-portlet .k-mobile-list .k-check:checked, html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=checkbox]:checked, html body.yp .ypw-portlet .k-mobile-list .k-edit-field [type=radio]:checked, html body.yp .ypw-portlet .k-state-active .k-tool-icon, html body.yp .ypw-portlet .k-state-active.k-state-hover .k-tool-icon, html body.yp .ypw-portlet .k-state-hover .k-tool-icon, html body.yp .ypw-portlet .k-state-selected .k-tool-icon, html body.yp .ypw-portlet .k-state-selected.k-state-hover .k-tool-icon, html body.yp .ypw-portlet .k-tool-icon {
      background-image: url(Material/sprite_2x.png);
      -webkit-background-size: 340px 336px;
      background-size: 340px 336px; }
    html body.yp .ypw-portlet .k-dropdown-wrap .k-input, html body.yp .ypw-portlet .k-numeric-wrap .k-input, html body.yp .ypw-portlet .k-picker-wrap .k-input {
      border-radius: 1px 0 0 1px; }
    html body.yp .ypw-portlet .k-i-kpi-decrease, html body.yp .ypw-portlet .k-i-kpi-denied, html body.yp .ypw-portlet .k-i-kpi-equal, html body.yp .ypw-portlet .k-i-kpi-hold, html body.yp .ypw-portlet .k-i-kpi-increase, html body.yp .ypw-portlet .k-i-kpi-open {
      background-image: url(Material/sprite_kpi_2x.png);
      -webkit-background-size: 96px 16px;
      background-size: 96px 16px; } }
  @media screen and (-ms-high-contrast: active) {
    html body.yp .ypw-portlet .k-editor-toolbar-wrap .k-button-group .k-tool:focus, html body.yp .ypw-portlet .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused {
      border-color: #fff; } }
  html body.yp .ypw-portlet .k-button:hover .k-icon, html body.yp .ypw-portlet .k-button:hover .k-tool-icon, html body.yp .ypw-portlet .k-field-actions .k-icon, html body.yp .ypw-portlet .k-gantt-toolbar .k-icon, html body.yp .ypw-portlet .k-grid-toolbar .k-button:hover > .k-i-excel, html body.yp .ypw-portlet .k-grid-toolbar .k-button:hover > .k-i-pdf, html body.yp .ypw-portlet .k-grid-toolbar .k-i-excel, html body.yp .ypw-portlet .k-grid-toolbar .k-i-pdf, html body.yp .ypw-portlet .k-grid-toolbar .k-icon, html body.yp .ypw-portlet .k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete, html body.yp .ypw-portlet .k-grouping-header .k-button-icon:hover > .k-icon.k-i-group-delete, html body.yp .ypw-portlet .k-grouping-header .k-group-delete, html body.yp .ypw-portlet .k-grouping-header .k-i-group-delete, html body.yp .ypw-portlet .k-grouping-header .k-i-sarrow-n, html body.yp .ypw-portlet .k-grouping-header .k-i-sarrow-s, html body.yp .ypw-portlet .k-grouping-header .k-link:hover > .k-icon.k-i-sarrow-n, html body.yp .ypw-portlet .k-grouping-header .k-link:hover > .k-icon.k-i-sarrow-s, html body.yp .ypw-portlet .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n, html body.yp .ypw-portlet .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s, html body.yp .ypw-portlet .k-grouping-header .k-si-arrow-n, html body.yp .ypw-portlet .k-grouping-header .k-si-arrow-s, html body.yp .ypw-portlet .k-notification .k-icon, html body.yp .ypw-portlet .k-pivot-configurator-settings .k-icon:hover, html body.yp .ypw-portlet .k-scheduler-content .k-icon, html body.yp .ypw-portlet .k-scheduler-footer .k-icon, html body.yp .ypw-portlet .k-scheduler-toolbar .k-icon, html body.yp .ypw-portlet .k-splitbar.k-splitbar-horizontal-hover .k-icon, html body.yp .ypw-portlet .k-splitbar.k-splitbar-vertical-hover .k-icon, html body.yp .ypw-portlet .k-state-focused .k-tool-icon, html body.yp .ypw-portlet .k-state-hover .k-tool-icon, html body.yp .ypw-portlet .k-state-selected .k-tool-icon, html body.yp .ypw-portlet .k-textbox:hover > .k-icon, html body.yp .ypw-portlet .k-tool-icon:hover, html body.yp .ypw-portlet .k-window-titlebar .k-icon, html body.yp .ypw-portlet div.k-splitbar.k-state-focused .k-icon {
    opacity: 1; }
  html body.yp .ypw-portlet .k-pivot-configurator-settings .k-icon, html body.yp .ypw-portlet .k-splitbar .k-icon, html body.yp .ypw-portlet .k-tool-icon {
    opacity: .7; }
  html body.yp .ypw-portlet .k-pager-wrap .k-link.k-state-disabled .k-icon {
    opacity: .25; }
  html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-button.k-state-focused, html body.yp .ypw-portlet .k-button.k-state-hover, html body.yp .ypw-portlet .k-button:focus, html body.yp .ypw-portlet .k-button:focus:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-button:hover {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .ypw-portlet .k-button, html body.yp .ypw-portlet .k-header {
    font-weight: 500; }
  html body.yp .ypw-portlet .k-button.k-state-active, html body.yp .ypw-portlet .k-button.k-state-focused, html body.yp .ypw-portlet .k-button:active, html body.yp .ypw-portlet .k-button:focus {
    color: #444;
    background-color: #dbdbdb;
    border-color: #dbdbdb; }
  html body.yp .ypw-portlet .k-button.k-state-active:hover, html body.yp .ypw-portlet .k-button:active:hover {
    color: #444;
    border-color: #dbdbdb;
    background-color: #dbdbdb;
    -webkit-box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
    box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3); }
  html body.yp .ypw-portlet .k-button.k-state-active:hover, html body.yp .ypw-portlet .k-button.k-state-hover, html body.yp .ypw-portlet .k-button:active:hover, html body.yp .ypw-portlet .k-button:hover {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-primary.k-state-active, html body.yp .ypw-portlet .k-primary.k-state-focused, html body.yp .ypw-portlet .k-primary:active, html body.yp .ypw-portlet .k-primary:focus {
    color: #fff;
    border-color: #283593;
    background-image: none;
    background-color: #283593;
    -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); }
  html body.yp .ypw-portlet .k-primary.k-state-active:hover, html body.yp .ypw-portlet .k-primary.k-state-hover, html body.yp .ypw-portlet .k-primary:active:hover, html body.yp .ypw-portlet .k-primary:hover {
    color: #fff;
    border-color: #5c6bc0;
    background-color: #5c6bc0; }
  html body.yp .ypw-portlet .k-primary:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-primary:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); }
  html body.yp .ypw-portlet .k-primary.k-state-disabled, html body.yp .ypw-portlet .k-primary.k-state-disabled:active, html body.yp .ypw-portlet .k-primary.k-state-disabled:hover, html body.yp .ypw-portlet .k-state-disabled .k-primary, html body.yp .ypw-portlet .k-state-disabled .k-primary:active, html body.yp .ypw-portlet .k-state-disabled .k-primary:hover {
    color: #a8a8a8;
    border-color: #eaeaea;
    background-color: #eaeaea;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-widget .k-button.k-state-active, html body.yp .ypw-portlet .k-widget .k-button:active {
    color: #444;
    background-color: #dbdbdb;
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-toolbar .k-overflow-anchor.k-state-active, html body.yp .ypw-portlet .k-toolbar .k-overflow-anchor.k-state-border-down {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-widget .k-button.k-state-active:hover, html body.yp .ypw-portlet .k-widget .k-button:active:hover {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-button.k-state-disabled, html body.yp .ypw-portlet .k-button.k-state-disabled:active, html body.yp .ypw-portlet .k-button.k-state-disabled:active:hover, html body.yp .ypw-portlet .k-button.k-state-disabled:hover, html body.yp .ypw-portlet .k-button[disabled], html body.yp .ypw-portlet .k-state-disabled .k-button, html body.yp .ypw-portlet .k-state-disabled .k-button:active, html body.yp .ypw-portlet .k-state-disabled .k-button:hover {
    color: #999;
    border-color: #fafafa;
    background-color: #fafafa;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-dropdown .k-state-default {
    border-color: #fafafa;
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-dropdown, html body.yp .ypw-portlet span.k-colorpicker {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-textbox {
    background-color: #fafafa;
    border-color: #f0f0f0; }
  html body.yp .ypw-portlet .k-combobox, html body.yp .ypw-portlet .k-datepicker, html body.yp .ypw-portlet .k-datetimepicker, html body.yp .ypw-portlet .k-timepicker {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-picker-wrap.k-state-default > .k-select {
    border-color: #fafafa; }
  html body.yp .ypw-portlet .k-datepicker .k-input, html body.yp .ypw-portlet .k-timepicker .k-input {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-active .k-input, html body.yp .ypw-portlet .k-numeric-wrap.k-state-active .k-input, html body.yp .ypw-portlet .k-picker-wrap.k-state-active .k-input {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-picker-wrap.k-state-focused > .k-select, html body.yp .ypw-portlet .k-picker-wrap.k-state-hover > .k-select {
    border-color: #fff; }
  html body.yp .ypw-portlet .k-picker-wrap.k-state-focused .k-input, html body.yp .ypw-portlet .k-picker-wrap.k-state-hover .k-input {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-hover, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-hover, html body.yp .ypw-portlet .k-numeric-wrap.k-state-hover, html body.yp .ypw-portlet .k-overflow-anchor:hover, html body.yp .ypw-portlet .k-picker-wrap.k-state-hover, html body.yp .ypw-portlet .k-textbox:hover {
    background-color: #fff;
    border-color: #f5f5f5;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .ypw-portlet .k-autocomplete.k-state-focused, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-focused, html body.yp .ypw-portlet .k-multiselect.k-header.k-state-focused, html body.yp .ypw-portlet .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .k-picker-wrap.k-state-focused, html body.yp .ypw-portlet .k-textbox:focus {
    background-color: #ebebeb;
    background-image: none;
    background-position: 50% 50%;
    border-color: #ebebeb;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .ypw-portlet .k-numeric-wrap.k-state-focused > .k-select {
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-autocomplete.k-state-active, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-active, html body.yp .ypw-portlet .k-multiselect.k-header.k-state-active, html body.yp .ypw-portlet .k-numeric-wrap.k-state-active, html body.yp .ypw-portlet .k-picker-wrap.k-state-active, html body.yp .ypw-portlet .k-textbox:focus {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #f5f5f5;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .ypw-portlet .k-autocomplete.k-state-disabled, html body.yp .ypw-portlet .k-dropdown-wrap.k-state-disabled, html body.yp .ypw-portlet .k-multiselect.k-header.k-state-disabled, html body.yp .ypw-portlet .k-numeric-wrap.k-state-disabled, html body.yp .ypw-portlet .k-numeric-wrap.k-state-disabled .k-input, html body.yp .ypw-portlet .k-numeric-wrap.k-state-disabled .k-select, html body.yp .ypw-portlet .k-picker-wrap.k-state-disabled {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-numeric-wrap.k-state-disabled .k-select {
    border-color: #fafafa; }
  html body.yp .ypw-portlet .k-numerictextbox .k-select {
    background-color: #fff;
    border-color: #fff; }
  html body.yp .ypw-portlet .k-list > .k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3f51b5; }
  html body.yp .ypw-portlet .k-list > .k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-list > .k-state-focused {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-list > .k-state-hover, html body.yp .ypw-portlet .k-list > .k-state-selected.k-state-hover {
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-list-container {
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-grid td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey; }
  html body.yp .ypw-portlet .k-calendar td.k-state-focused, html body.yp .ypw-portlet .k-calendar td.k-state-selected.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey; }
  html body.yp .ypw-portlet .k-calendar td.k-state-selected {
    background-color: #00b0ff;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-calendar td.k-state-selected.k-state-hover {
    background-color: #00a2eb; }
  html body.yp .ypw-portlet .k-calendar .k-state-selected > .k-link {
    color: #fff; }
  html body.yp .ypw-portlet .k-calendar .k-header .k-link {
    color: #fff; }
  html body.yp .ypw-portlet .k-calendar .k-footer {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-calendar td {
    border-radius: 50%; }
  html body.yp .ypw-portlet .k-calendar .k-content th {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-calendar .k-header .k-state-hover {
    background-color: #32408f; }
  html body.yp .ypw-portlet .k-calendar .k-footer .k-nav-today {
    color: #3f51b5; }
  html body.yp .ypw-portlet .k-calendar .k-nav-fast.k-state-hover {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-calendar .k-today {
    background-color: #3f51b5; }
  html body.yp .ypw-portlet .k-calendar .k-today .k-link {
    color: #fff; }
  html body.yp .ypw-portlet .k-calendar .k-today.k-state-hover {
    background-color: #32408f; }
  html body.yp .ypw-portlet .k-calendar .k-today:active {
    -webkit-box-shadow: inset 0 0 0 1px #2b387c;
    box-shadow: inset 0 0 0 1px #2b387c; }
  html body.yp .ypw-portlet .k-calendar .k-link.k-state-hover, html body.yp .ypw-portlet .k-window-titlebar .k-link {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-window-titlebar .k-state-hover {
    background-color: #5c6dc4;
    border-color: #5c6dc4; }
  html body.yp .ypw-portlet .k-tabstrip > .k-tabstrip-items > .k-item {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-panelbar .k-tabstrip-items .k-state-active, html body.yp .ypw-portlet .k-tabstrip-items .k-state-active {
    background-color: #3f51b5;
    background-image: none;
    border-bottom-color: #00b0ff; }
  html body.yp .ypw-portlet .k-tabstrip .k-content.k-state-active {
    border-color: transparent; }
  html body.yp .ypw-portlet .k-tabstrip-items .k-item.k-state-hover {
    background: #5c6dc4;
    border-color: #5c6dc4; }
  html body.yp .ypw-portlet .k-tabstrip-items .k-state-hover .k-link {
    color: #fff; }
  html body.yp .ypw-portlet .k-flatcolorpicker.k-group, html body.yp .ypw-portlet .k-group, html body.yp .ypw-portlet .k-menu, html body.yp .ypw-portlet .k-menu .k-group, html body.yp .ypw-portlet .k-popup.k-widget.k-context-menu {
    color: #444;
    background-color: #fff; }
  html body.yp .ypw-portlet .k-menu .k-group, html body.yp .ypw-portlet .k-popup.k-context-menu.k-group {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-menu .k-item, html body.yp .ypw-portlet .k-menu.k-header, html body.yp .ypw-portlet .k-widget.k-menu-horizontal > .k-item {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-menu .k-state-active, html body.yp .ypw-portlet .k-popup.k-context-menu.k-group .k-state-hover {
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-toolbar {
    background-color: #fafafa;
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-toolbar .k-toggle-button:focus {
    background-color: transparent;
    border-color: #b3b3b3; }
  html body.yp .ypw-portlet .k-toolbar .k-toggle-button:hover {
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-toolbar .k-toggle-button.k-state-active {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5; }
  html body.yp .ypw-portlet .k-toolbar .k-toggle-button.k-state-active:focus {
    background-color: #3f51b5;
    border-color: #2b387c; }
  html body.yp .ypw-portlet .k-toolbar .k-toggle-button.k-state-active:hover {
    color: #fff;
    background-color: #32408f;
    border-color: #32408f; }
  html body.yp .ypw-portlet .k-toolbar .k-button {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-gantt-toolbar .k-button, html body.yp .ypw-portlet .k-gantt > .k-header .k-link, html body.yp .ypw-portlet .k-gantt > .k-header li, html body.yp .ypw-portlet .k-grid .k-header .k-button, html body.yp .ypw-portlet .k-scheduler .k-header .k-button, html body.yp .ypw-portlet .k-scheduler .k-header .k-link, html body.yp .ypw-portlet .k-scheduler .k-header li, html body.yp .ypw-portlet .km-pane-wrapper .k-header .k-button {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-toolbar .k-button:hover, html body.yp .ypw-portlet .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, html body.yp .ypw-portlet .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, html body.yp .ypw-portlet .k-grid .k-header .k-button:hover, html body.yp .ypw-portlet .k-scheduler .k-header .k-button:hover, html body.yp .ypw-portlet .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, html body.yp .ypw-portlet .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link, html body.yp .ypw-portlet .km-pane-wrapper .k-header .k-button:hover {
    background-color: #5c6dc4;
    border-color: #5c6dc4; }
  html body.yp .ypw-portlet .km-pane-wrapper .k-header .k-button:active:hover {
    color: #fff; }
  html body.yp .ypw-portlet .k-gantt-toolbar .k-button, html body.yp .ypw-portlet .k-scheduler .k-scheduler-toolbar .k-state-selected, html body.yp .ypw-portlet .k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
    background-color: #3f51b5;
    border-color: #3f51b5; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-toolbar .k-button:active {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover, html body.yp .ypw-portlet .k-gantt-toolbar > .k-gantt-views > li.k-state-selected, html body.yp .ypw-portlet .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover, html body.yp .ypw-portlet .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
    border-bottom-color: #00b0ff; }
  html body.yp .ypw-portlet .k-scheduler-mark {
    border-radius: 50%; }
  html body.yp .ypw-portlet .k-grid .k-alt {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-grouping-row td, html body.yp .ypw-portlet .k-resize-handle-inner, html body.yp .ypw-portlet td.k-group-cell {
    color: #444;
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-grouping-header .k-group-indicator, html body.yp .ypw-portlet .k-pivot-toolbar .k-button {
    color: #fff;
    background-color: #32408f;
    border-color: #32408f;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-grid-footer, html body.yp .ypw-portlet .k-grid-footer td, html body.yp .ypw-portlet .k-grid-header, html body.yp .ypw-portlet .k-grid-header .k-header, html body.yp .ypw-portlet .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-pager-wrap, html body.yp .ypw-portlet .k-scheduler-header, html body.yp .ypw-portlet .km-pane-wrapper .k-grid-header .k-header {
    color: #444;
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-header.k-scheduler-footer .k-header, html body.yp .ypw-portlet .k-header.k-scheduler-footer ul.k-header li .k-link {
    color: #00b0ff;
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-header.k-scheduler-footer ul.k-header li {
    background-color: #fafafa;
    border-color: #fafafa; }
  html body.yp .ypw-portlet .k-gantt-toolbar .k-state-default, html body.yp .ypw-portlet .k-grid .k-grouping-header, html body.yp .ypw-portlet .k-grid-footer td, html body.yp .ypw-portlet .k-grid-header, html body.yp .ypw-portlet .k-grid-header-wrap, html body.yp .ypw-portlet .k-group-footer td, html body.yp .ypw-portlet .k-grouping-row td, html body.yp .ypw-portlet .k-header, html body.yp .ypw-portlet .k-pager-wrap, html body.yp .ypw-portlet .k-pager-wrap .k-link, html body.yp .ypw-portlet .k-pager-wrap .k-textbox {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-fieldselector .k-item.k-header, html body.yp .ypw-portlet .k-footer-template td, html body.yp .ypw-portlet .k-group-footer td {
    color: #444;
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-grid .k-grouping-header {
    color: rgba(255, 255, 255, 0.5); }
  html body.yp .ypw-portlet .k-editor-toolbar, html body.yp .ypw-portlet .k-pager-wrap {
    color: #444; }
  html body.yp .ypw-portlet .k-grouping-header .k-link, html body.yp .ypw-portlet .k-grouping-header .k-link:link {
    color: #fff; }
  html body.yp .ypw-portlet .k-gantt .k-treelist .k-alt.k-state-selected, html body.yp .ypw-portlet .k-gantt .k-treelist .k-alt.k-state-selected > td, html body.yp .ypw-portlet .k-gantt .k-treelist .k-state-selected, html body.yp .ypw-portlet .k-gantt .k-treelist .k-state-selected td, html body.yp .ypw-portlet .k-grid td.k-state-selected, html body.yp .ypw-portlet .k-grid td.k-state-selected.k-state-focused, html body.yp .ypw-portlet .k-grid tr.k-state-selected, html body.yp .ypw-portlet .k-listview > .k-state-selected, html body.yp .ypw-portlet .k-marquee-color, html body.yp .ypw-portlet .k-scheduler .k-today.k-state-selected, html body.yp .ypw-portlet .k-scheduler-layout .k-state-selected, html body.yp .ypw-portlet .k-state-selected.k-line {
    background-color: #00b0ff; }
  html body.yp .ypw-portlet .k-state-selected.k-line {
    color: #00b0ff; }
  html body.yp .ypw-portlet .k-grid td.k-state-selected, html body.yp .ypw-portlet .k-grid tr.k-state-selected, html body.yp .ypw-portlet .k-listview > .k-state-selected, html body.yp .ypw-portlet .k-state-selected .k-progress-status {
    color: #fff; }
  html body.yp .ypw-portlet .k-grid tr:hover {
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-pivot-rowheaders .k-grid tr:hover {
    background: 0 0; }
  html body.yp .ypw-portlet .k-grid td.k-state-selected, html body.yp .ypw-portlet .k-grid tr.k-state-selected > td {
    border-color: #008dcc; }
  html body.yp .ypw-portlet .k-grid td.k-state-selected:hover, html body.yp .ypw-portlet .k-grid tr.k-state-selected:hover td {
    background-color: #00a2eb; }
  html body.yp .ypw-portlet .k-grid-header .k-header, html body.yp .ypw-portlet .k-grid-header .k-header .k-link, html body.yp .ypw-portlet .k-grid-header .k-link, html body.yp .ypw-portlet .k-grid-header .k-link:link, html body.yp .ypw-portlet .k-pager-info, html body.yp .ypw-portlet .k-scheduler-agendaview .k-scheduler-datecolumn, html body.yp .ypw-portlet .k-scheduler-header {
    color: #a8a8a8; }
  html body.yp .ypw-portlet .k-gantt .k-task-draghandle {
    border-color: #00b0ff; }
  html body.yp .ypw-portlet .k-grid-pager .k-link, html body.yp .ypw-portlet .k-grid-pager .k-link:link {
    color: #444; }
  html body.yp .ypw-portlet .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-pager-wrap > .k-link {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-pager-numbers .k-state-selected {
    border-color: #3f51b5 transparent transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3f51b5; }
  html body.yp .ypw-portlet .k-pager-wrap .k-link {
    border-color: #fafafa;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-pager-wrap .k-link:hover {
    background-color: transparent;
    border-color: transparent; }
  html body.yp .ypw-portlet .k-gantt-toolbar li:first-child, html body.yp .ypw-portlet .k-gantt-toolbar li:first-child > .k-link, html body.yp .ypw-portlet .k-gantt-toolbar li:last-child, html body.yp .ypw-portlet .k-gantt-toolbar li:last-child > .k-link, html body.yp .ypw-portlet .k-scheduler-toolbar .k-nav-next, html body.yp .ypw-portlet .k-scheduler-toolbar .k-nav-next .k-link, html body.yp .ypw-portlet .k-scheduler-toolbar ul + ul li:last-child, html body.yp .ypw-portlet .k-scheduler-toolbar ul + ul li:last-child .k-link, html body.yp .ypw-portlet .k-scheduler-toolbar > ul li:first-child, html body.yp .ypw-portlet .k-scheduler-toolbar > ul li:first-child .k-link {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-grid, html body.yp .ypw-portlet .k-notification, html body.yp .ypw-portlet .k-panelbar, html body.yp .ypw-portlet .k-popup .k-autocomplete.k-state-focused, html body.yp .ypw-portlet .k-popup .k-autocomplete.k-state-hover, html body.yp .ypw-portlet .k-popup .k-dropdown-wrap.k-state-focused, html body.yp .ypw-portlet .k-popup .k-dropdown-wrap.k-state-hover, html body.yp .ypw-portlet .k-popup .k-multiselect.k-header.k-state-focused, html body.yp .ypw-portlet .k-popup .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .k-popup .k-numeric-wrap.k-state-hover, html body.yp .ypw-portlet .k-popup .k-picker-wrap.k-state-focused, html body.yp .ypw-portlet .k-popup .k-picker-wrap.k-state-hover, html body.yp .ypw-portlet .k-popup .k-textbox:focus, html body.yp .ypw-portlet .k-popup .k-textbox:hover {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-panel > li.k-item, html body.yp .ypw-portlet .k-panelbar, html body.yp .ypw-portlet .k-panelbar .k-content, html body.yp .ypw-portlet .k-panelbar .k-header, html body.yp .ypw-portlet .k-panelbar .k-state-selected {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-panelbar .k-grid-toolbar {
    background-color: #3f51b5; }
  html body.yp .ypw-portlet .k-panelbar > li.k-state-default > .k-link {
    color: #444; }
  html body.yp .ypw-portlet .k-panelbar > li > .k-state-hover {
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-panelbar .k-content, html body.yp .ypw-portlet .k-panelbar .k-item, html body.yp .ypw-portlet .k-panelbar .k-panel, html body.yp .ypw-portlet .k-panelbar.k-header, html body.yp .ypw-portlet .k-panelbar > .k-item > .k-link {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-splitbar {
    border-color: #fafafa; }
  html body.yp .ypw-portlet .k-splitbar.k-state-focused {
    background-color: #3f51b5;
    border-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-upload {
    color: #444;
    background-color: #fff; }
  html body.yp .ypw-portlet .k-upload-files .k-button {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-state-selected .k-task-summary-complete, html body.yp .ypw-portlet .k-state-selected.k-task-milestone, html body.yp .ypw-portlet .k-task-milestone, html body.yp .ypw-portlet .k-task-summary-complete {
    background-color: #3f51b5;
    border-color: #3f51b5; }
  html body.yp .ypw-portlet .k-task-single {
    background-color: #66d0ff; }
  html body.yp .ypw-portlet .k-task-complete {
    background: #00b0ff 0 -257px none repeat-x; }
  html body.yp .ypw-portlet .k-treelist .k-alt.k-state-selected, html body.yp .ypw-portlet .k-treelist .k-alt.k-state-selected > td, html body.yp .ypw-portlet .k-treelist .k-state-selected, html body.yp .ypw-portlet .k-treelist .k-state-selected td {
    background-color: #00b0ff;
    border-color: #00b0ff; }
  html body.yp .ypw-portlet .k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-gantt-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-group-indicator .k-button, html body.yp .ypw-portlet .k-group-indicator .k-button:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-group-indicator .k-button:focus:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-toolbar .k-button.k-state-active:hover, html body.yp .ypw-portlet .k-toolbar .k-button:active:hover, html body.yp .ypw-portlet .k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-multiselect .k-button:active:hover {
    color: #444;
    background-color: #dbdbdb;
    border-color: #dbdbdb; }
  html body.yp .ypw-portlet .k-multiselect-wrap > ul > .k-button {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet table.k-editor {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .editorToolbarWindow.k-header, html body.yp .ypw-portlet .k-editor.k-header, html body.yp .ypw-portlet .k-filebrowser .k-header {
    background-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-filebrowser .k-header {
    color: #444; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-tool, html body.yp .ypw-portlet .k-group-start.k-group-end.k-tool {
    border-color: #fafafa; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-dropdown, html body.yp .ypw-portlet .k-panelbar > li > .k-state-focused, html body.yp .ypw-portlet .k-treeview .k-state-focused, html body.yp .ypw-portlet .k-treeview .k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-panelbar > li > .k-state-focused, html body.yp .ypw-portlet .k-treeview .k-state-focused {
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-dropdown-wrap.k-state-default, html body.yp .ypw-portlet .k-toolbar .k-dropdown-wrap.k-state-default {
    border-color: #fafafa; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-dropdown-wrap.k-state-hover, html body.yp .ypw-portlet .k-editor-toolbar .k-tool.k-state-hover, html body.yp .ypw-portlet .k-toolbar .k-dropdown-wrap.k-state-hover, html body.yp .ypw-portlet .k-toolbar .k-tool.k-state-hover {
    color: #444;
    border-color: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-tool.k-state-selected, html body.yp .ypw-portlet .k-toolbar .k-button-group .k-button.k-state-active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #dbdbdb;
    border-color: #dbdbdb; }
  html body.yp .ypw-portlet .k-editor-toolbar .k-tool.k-state-hover, html body.yp .ypw-portlet .k-toolbar .k-button-group .k-button:hover {
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-progressbar {
    background-color: #fafafa;
    border-color: #fafafa; }
  html body.yp .ypw-portlet .k-progressbar .k-item, html body.yp .ypw-portlet .k-progressbar .k-item.k-state-selected {
    border-color: #fff; }
  html body.yp .ypw-portlet .k-progressbar .k-state-selected {
    background-color: #3f51b5;
    border-color: #3f51b5; }
  html body.yp .ypw-portlet .k-widget.k-tooltip-validation {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-grid.k-alt {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-gantt .k-header.k-nonwork-hour, html body.yp .ypw-portlet .k-gantt .k-treelist .k-alt {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-list > .k-state-focused, html body.yp .ypw-portlet .k-list > .k-state-hover {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-slider-track {
    background-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-slider-selection {
    background-color: #3f51b5;
    border-color: #3f51b5; }
  html body.yp .ypw-portlet .k-slider .k-button, html body.yp .ypw-portlet .k-slider .k-button.k-state-hover, html body.yp .ypw-portlet .k-slider .k-button:active, html body.yp .ypw-portlet .k-slider .k-button:active:hover, html body.yp .ypw-portlet .k-slider .k-button:focus {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-draghandle, html body.yp .ypw-portlet .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
    box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3); }
  html body.yp .ypw-portlet .k-draghandle.k-state-selected, html body.yp .ypw-portlet .k-draghandle.k-state-selected:hover, html body.yp .ypw-portlet .k-draghandle.k-state-selected:link, html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
    background-color: #ccc;
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-draghandle.k-state-focused, html body.yp .ypw-portlet .k-draghandle.k-state-focused:link, html body.yp .ypw-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused, html body.yp .ypw-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #3f51b5;
    background-color: #3f51b5; }
  html body.yp .ypw-portlet .k-edit-form-container .k-edit-buttons {
    background-color: #fafafa; }
  html body.yp .ypw-portlet .k-popup .k-button, html body.yp .ypw-portlet .k-popup .k-button:active:hover {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-edit-form-container .k-button, html body.yp .ypw-portlet .k-edit-form-container .k-primary:active, html body.yp .ypw-portlet .k-popup .k-button, html body.yp .ypw-portlet .k-popup .k-primary:active, html body.yp .ypw-portlet .k-popup .k-primary:active:hover {
    color: #444;
    background-color: #fafafa;
    border-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-edit-form-container .k-primary, html body.yp .ypw-portlet .k-popup .k-primary {
    color: #00b0ff;
    background-color: #fafafa;
    border-color: #fafafa; }
  html body.yp .ypw-portlet .k-filter-menu .k-button, html body.yp .ypw-portlet .k-overflow-container .k-button, html body.yp .ypw-portlet .k-split-wrapper .k-button {
    background: 0 0;
    border-color: transparent; }
  html body.yp .ypw-portlet .k-overflow-container .k-button, html body.yp .ypw-portlet .k-split-wrapper .k-button {
    text-transform: none; }
  html body.yp .ypw-portlet .k-overflow-container .k-button:hover, html body.yp .ypw-portlet .k-split-wrapper .k-button:hover {
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .ypw-portlet .k-overflow-container .k-button:focus, html body.yp .ypw-portlet .k-overflow-container .k-button:focus:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-split-wrapper .k-button:focus, html body.yp .ypw-portlet .k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]) {
    color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-filter-menu .k-button {
    background: 0 0;
    border-color: transparent; }
  html body.yp .ypw-portlet .k-filter-menu .k-primary {
    border-left-color: #f0f0f0; }
  html body.yp .ypw-portlet .k-filter-menu > div > div:last-child {
    border-color: #f0f0f0; }
  html body.yp .ypw-portlet .k-edit-form-container .k-button:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .ypw-portlet .k-popup .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-edit-form-container .k-scheduler-delete {
    color: #00b0ff; }
  html body.yp .ypw-portlet div.k-scheduler-marquee:after, html body.yp .ypw-portlet div.k-scheduler-marquee:before {
    border-color: #00b0ff; }
  html body.yp .ypw-portlet .km-pane-wrapper > .km-pane > .km-view > .km-content {
    color: #3f51b5;
    background-color: #fff; }
  html body.yp .ypw-portlet .km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link {
    color: #3f51b5; }
  html body.yp .ypw-portlet .k-popup.k-context-menu {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
  html body.yp .ypw-portlet .k-drag-clue {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb;
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey; }
  html body.yp .ypw-portlet .k-popup > .k-group-header, html body.yp .ypw-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    color: #444; }
  html body.yp .ypw-portlet .k-popup .k-item > .k-group {
    color: #444; }
  @media only screen and (max-width: 370px) {
    html body.yp .ypw-portlet .k-edge .k-pager-refresh, html body.yp .ypw-portlet .k-ff .k-pager-refresh, html body.yp .ypw-portlet .k-ie11 .k-pager-refresh, html body.yp .ypw-portlet .k-safari .k-pager-refresh, html body.yp .ypw-portlet .k-webkit .k-pager-refresh {
      display: none; } }
  @media only screen and (max-width: 590px) {
    html body.yp .ypw-portlet .k-edge .k-pager-refresh, html body.yp .ypw-portlet .k-ff .k-pager-refresh, html body.yp .ypw-portlet .k-ie11 .k-pager-refresh, html body.yp .ypw-portlet .k-safari .k-pager-refresh, html body.yp .ypw-portlet .k-webkit .k-pager-refresh {
      margin-right: 0; } }
  @media only screen and (max-width: 530px) {
    html body.yp .ypw-portlet .k-edge .k-pager-sizes, html body.yp .ypw-portlet .k-ff .k-pager-sizes, html body.yp .ypw-portlet .k-ie11 .k-pager-sizes, html body.yp .ypw-portlet .k-safari .k-pager-sizes, html body.yp .ypw-portlet .k-webkit .k-pager-sizes {
      display: none; } }
  @media only screen and (max-width: 687px) {
    html body.yp .ypw-portlet .k-edge .k-pager-info, html body.yp .ypw-portlet .k-ff .k-pager-info, html body.yp .ypw-portlet .k-ie11 .k-pager-info, html body.yp .ypw-portlet .k-safari .k-pager-info, html body.yp .ypw-portlet .k-webkit .k-pager-info {
      display: none; } }
  @media only screen and (max-width: 1024px) {
    html body.yp .ypw-portlet .k-scheduler-toolbar > ul.k-scheduler-views {
      right: 13px;
      top: 0; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
      right: 13px;
      top: 0; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
      background-image: none;
      background-position: 50% 50%;
      background-color: transparent;
      border-color: transparent;
      border-radius: 2px;
      text-align: right; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
      border-radius: 0; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
      border-radius: 1px 1px 0 0; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul li:first-child, html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li, html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul li:first-child, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul li:first-child, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul li:first-child, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul li:first-child, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
      border-radius: 0; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
      border-radius: 0 0 1px 1px; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
      border-color: transparent;
      background-image: none;
      background-color: transparent; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      color: #fff;
      min-width: 20px; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-views > li.k-state-selected > .k-link:after, html body.yp .ypw-portlet .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after, html body.yp .ypw-portlet .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after, html body.yp .ypw-portlet .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after, html body.yp .ypw-portlet .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.5em;
      right: .333em;
      width: 1.333em;
      height: 1.333em; }
    html body.yp .ypw-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .ypw-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      border-width: 1px;
      border-style: solid;
      border-color: transparent;
      background-image: none;
      background-color: #3f51b5;
      border-radius: 2px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
    html body.yp .ypw-portlet .k-edge .k-pager-wrap, html body.yp .ypw-portlet .k-ff .k-pager-wrap, html body.yp .ypw-portlet .k-ie11 .k-pager-wrap, html body.yp .ypw-portlet .k-safari .k-pager-wrap, html body.yp .ypw-portlet .k-webkit .k-pager-wrap {
      min-height: 2.56em; }
    html body.yp .ypw-portlet .k-edge .k-pager-input, html body.yp .ypw-portlet .k-edge .k-pager-wrap .k-pager-nav, html body.yp .ypw-portlet .k-ff .k-pager-input, html body.yp .ypw-portlet .k-ff .k-pager-wrap .k-pager-nav, html body.yp .ypw-portlet .k-ie11 .k-pager-input, html body.yp .ypw-portlet .k-ie11 .k-pager-wrap .k-pager-nav, html body.yp .ypw-portlet .k-safari .k-pager-input, html body.yp .ypw-portlet .k-safari .k-pager-wrap .k-pager-nav, html body.yp .ypw-portlet .k-webkit .k-pager-input, html body.yp .ypw-portlet .k-webkit .k-pager-wrap .k-pager-nav {
      display: inline-block;
      vertical-align: top; }
    html body.yp .ypw-portlet .k-edge .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-edge .k-pager-numbers, html body.yp .ypw-portlet .k-ff .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ff .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers, html body.yp .ypw-portlet .k-safari .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-safari .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .k-pager-numbers {
      position: absolute;
      left: 5.6em;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      overflow: visible;
      height: auto; }
    html body.yp .ypw-portlet .k-edge .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ff .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-safari .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-webkit .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded {
      -webkit-transform: translatey(-100%);
      -ms-transform: translatey(-100%);
      transform: translatey(-100%); }
    html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-numbers {
      position: relative;
      left: 50%;
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0); }
    html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded {
      -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%); }
    html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .ypw-portlet .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
      padding-top: 0;
      padding-bottom: 0; }
    html body.yp .ypw-portlet .k-edge .k-rtl .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-edge .k-rtl .k-pager-numbers, html body.yp .ypw-portlet .k-ff .k-rtl .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ff .k-rtl .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-pager-numbers, html body.yp .ypw-portlet .k-safari .k-rtl .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-safari .k-rtl .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .k-rtl .k-grid .k-pager-numbers, html body.yp .ypw-portlet .k-webkit .k-rtl .k-pager-numbers {
      right: 5.6em;
      width: 5.15em; }
    html body.yp .ypw-portlet .k-edge .k-grid .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-edge .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-ff .k-grid .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-ff .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-ie11 .k-grid .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-safari .k-grid .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-safari .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-webkit .k-grid .k-pager-numbers .k-current-page, html body.yp .ypw-portlet .k-webkit .k-pager-numbers .k-current-page {
      display: block;
      border-left: 0; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers li:not(.k-current-page), html body.yp .ypw-portlet .k-ff .k-pager-numbers li:not(.k-current-page), html body.yp .ypw-portlet .k-ie11 .k-pager-numbers li:not(.k-current-page), html body.yp .ypw-portlet .k-safari .k-pager-numbers li:not(.k-current-page), html body.yp .ypw-portlet .k-webkit .k-pager-numbers li:not(.k-current-page) {
      display: none; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers .k-current-page .k-link, html body.yp .ypw-portlet .k-ff .k-pager-numbers .k-current-page .k-link, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers .k-current-page .k-link, html body.yp .ypw-portlet .k-safari .k-pager-numbers .k-current-page .k-link, html body.yp .ypw-portlet .k-webkit .k-pager-numbers .k-current-page .k-link {
      width: 3.8em;
      line-height: 2.564em;
      padding: 0 .429em 0 .8em;
      border-radius: 2px;
      background-image: none;
      background-position: 50% 50%;
      background-color: #fafafa;
      border: 1px solid transparent;
      border-top: 0;
      -webkit-box-shadow: 0 2px 2px 0 #fafafa;
      box-shadow: 0 2px 2px 0 #fafafa; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers .k-current-page:hover .k-link, html body.yp .ypw-portlet .k-ff .k-pager-numbers .k-current-page:hover .k-link, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers .k-current-page:hover .k-link, html body.yp .ypw-portlet .k-safari .k-pager-numbers .k-current-page:hover .k-link, html body.yp .ypw-portlet .k-webkit .k-pager-numbers .k-current-page:hover .k-link {
      border-radius: 2px;
      background-color: #fff;
      border: 1px solid #ebebeb;
      border-top: 0;
      -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-ff .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-safari .k-pager-numbers .k-current-page .k-link:after, html body.yp .ypw-portlet .k-webkit .k-pager-numbers .k-current-page .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .6em;
      width: 1.333em;
      height: 1.333em;
      background-position: 0 -30px; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-ff .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-safari .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-webkit .k-pager-numbers + .k-link {
      margin-left: 5.4em; }
    html body.yp .ypw-portlet .k-edge .k-rtl .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-ff .k-rtl .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-ie11 .k-rtl .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-safari .k-rtl .k-pager-numbers + .k-link, html body.yp .ypw-portlet .k-webkit .k-rtl .k-pager-numbers + .k-link {
      margin-right: 5.4em;
      margin-left: 0; }
    html body.yp .ypw-portlet .k-edge .k-pager-wrap .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-edge .k-pager-wrap .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-ff .k-pager-wrap .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-ie11 .k-pager-wrap .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-safari .k-pager-wrap .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected, html body.yp .ypw-portlet .k-webkit .k-pager-wrap .k-pager-numbers .k-link, html body.yp .ypw-portlet .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected {
      display: block;
      margin-top: 0;
      margin-right: 0;
      padding: 1px 5px 1px .8em;
      text-align: left;
      border-top: 0;
      border-radius: 1px; }
    html body.yp .ypw-portlet .k-edge .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, html body.yp .ypw-portlet .k-ff .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, html body.yp .ypw-portlet .k-ie11 .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, html body.yp .ypw-portlet .k-safari .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, html body.yp .ypw-portlet .k-webkit .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover {
      background-color: #ebebeb; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 2px 0 0;
      border-width: 1px 1px 0 1px;
      border-style: solid;
      border-color: #ebebeb;
      background-color: #fff;
      border-radius: 2px 2px 0 0;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
      margin: -2.2em -1px 0;
      padding: 0; }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
      border-radius: 0 0 2px 2px;
      background-color: #fff;
      border: 1px solid #ebebeb;
      border-top: 0;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
    html body.yp .ypw-portlet .k-edge .k-pager-numbers.k-state-expanded li, html body.yp .ypw-portlet .k-ff .k-pager-numbers.k-state-expanded li, html body.yp .ypw-portlet .k-ie11 .k-pager-numbers.k-state-expanded li, html body.yp .ypw-portlet .k-safari .k-pager-numbers.k-state-expanded li, html body.yp .ypw-portlet .k-webkit .k-pager-numbers.k-state-expanded li {
      display: inline-block; }
    html body.yp .ypw-portlet .k-edge .k-gantt-toolbar > ul.k-gantt-views, html body.yp .ypw-portlet .k-ff .k-gantt-toolbar > ul.k-gantt-views, html body.yp .ypw-portlet .k-ie11 .k-gantt-toolbar > ul.k-gantt-views, html body.yp .ypw-portlet .k-safari .k-gantt-toolbar > ul.k-gantt-views, html body.yp .ypw-portlet .k-webkit .k-gantt-toolbar > ul.k-gantt-views {
      top: 0; } }
  @media only screen and (max-width: 755px) {
    html body.yp .ypw-portlet .k-edge .k-pager-info, html body.yp .ypw-portlet .k-ff .k-pager-info, html body.yp .ypw-portlet .k-ie11 .k-pager-info, html body.yp .ypw-portlet .k-safari .k-pager-info, html body.yp .ypw-portlet .k-webkit .k-pager-info {
      display: none; } }
  @media only screen and (max-width: 572px) {
    html body.yp .ypw-portlet .k-edge .k-pager-sizes, html body.yp .ypw-portlet .k-ff .k-pager-sizes, html body.yp .ypw-portlet .k-ie11 .k-pager-sizes, html body.yp .ypw-portlet .k-safari .k-pager-sizes, html body.yp .ypw-portlet .k-webkit .k-pager-sizes {
      display: none; } }
  html body.yp .ypw-portlet .k-chart .k-mask {
    background-color: #fff;
    filter: alpha(opacity=68);
    opacity: .68; }
  html body.yp .ypw-portlet .k-chart .k-selection {
    border-color: #e5e5e5; }
  html body.yp .ypw-portlet .k-chart .k-handle {
    width: 15px;
    height: 15px;
    background-color: #3f51b5;
    border-radius: 10px; }
  html body.yp .ypw-portlet .k-chart .k-leftHandle {
    left: -8px; }
  html body.yp .ypw-portlet .k-chart .k-rightHandle {
    right: -8px; }
  html body.yp .ypw-portlet .k-chart .k-handle:hover {
    background-color: #00b0ff;
    border-color: #00b0ff; }
  html body.yp .ypw-portlet .k-chart .k-navigator-hint .k-tooltip {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    background: #fff;
    color: #242424; }
  html body.yp .ypw-portlet .k-chart .k-navigator-hint .k-scroll {
    background: #3f51b5;
    height: 4px; }
  html body.yp .ypw-portlet .k-chart-tooltip {
    background-image: none; }
  html body.yp .ypw-portlet .k-map .k-marker {
    background-image: url(Material/markers.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
    html body.yp .ypw-portlet .k-map .k-marker {
      background-image: url(Material/markers_2x.png); } }
  html body.yp .ypw-portlet .k-map .k-attribution {
    color: #666; }
  html body.yp .ypw-portlet .k-map .k-shadow {
    background-color: #f9f9f9;
    border-color: #f9f9f9; }
  html body.yp .ypw-portlet .k-map .k-zoom-control {
    border-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px; }
  html body.yp .ypw-portlet .k-map .k-map-controls .k-button {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-map .k-map-controls .k-button:active, html body.yp .ypw-portlet .k-map .k-map-controls .k-button:focus, html body.yp .ypw-portlet .k-map .k-map-controls .k-button:focus:active {
    background-color: #d6d6d6;
    border-color: #d6d6d6;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-buttons-horizontal .k-zoom-out {
    border-radius: 0 2px 2px 0; }
  html body.yp .ypw-portlet .k-buttons-horizontal :first-child {
    border-radius: 2px 0 0 2px; }
  html body.yp .ypw-portlet .k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 2px 0 0 2px; }
  html body.yp .ypw-portlet .k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 2px 2px 0; }
  html body.yp .ypw-portlet .k-button-wrap .k-button {
    font-size: 21px;
    padding: 7px 13px; }
  html body.yp .ypw-portlet .k-spreadsheet-column-header, html body.yp .ypw-portlet .k-spreadsheet-row-header {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-spreadsheet-column-header, html body.yp .ypw-portlet .k-spreadsheet-row-header, html body.yp .ypw-portlet .k-spreadsheet-top-corner {
    background-color: #fff;
    background-image: none;
    color: #000;
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-spreadsheet-top-corner {
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-spreadsheet-top-corner:after {
    border-color: transparent #ccc #ccc transparent; }
  html body.yp .ypw-portlet .k-spreadsheet-pane {
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-spreadsheet-pane .k-spreadsheet-haxis, html body.yp .ypw-portlet .k-spreadsheet-pane .k-spreadsheet-vaxis {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-pane .k-spreadsheet-column-header, html body.yp .ypw-portlet .k-spreadsheet-pane .k-spreadsheet-row-header {
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-spreadsheet-pane .k-spreadsheet-merged-cell {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-spreadsheet-pane .k-selection-full, html body.yp .ypw-portlet .k-spreadsheet-pane .k-selection-partial {
    border-color: rgba(0, 176, 255, 0.2);
    background-color: rgba(0, 176, 255, 0.2); }
  html body.yp .ypw-portlet .k-spreadsheet-pane .k-filter-range {
    border-color: #00b0ff; }
  html body.yp .ypw-portlet .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full, html body.yp .ypw-portlet .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial {
    border-bottom-color: #00b0ff; }
  html body.yp .ypw-portlet .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full, html body.yp .ypw-portlet .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial {
    border-right-color: #00b0ff; }
  html body.yp .ypw-portlet .k-auto-fill, html body.yp .ypw-portlet .k-spreadsheet-selection {
    border-color: #00b0ff;
    -webkit-box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #00b0ff;
    box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #00b0ff; }
  html body.yp .ypw-portlet .k-spreadsheet-selection {
    background-color: rgba(0, 176, 255, 0.2); }
  html body.yp .ypw-portlet .k-spreadsheet-active-cell {
    border-color: #00b0ff !important;
    background-color: #fff; }
  html body.yp .ypw-portlet .k-spreadsheet-active-cell.k-single {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar {
    background-color: #fff;
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
    border-color: #ccc; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #fff;
    color: #444; }
  html body.yp .ypw-portlet .k-spreadsheet .k-resize-handle, html body.yp .ypw-portlet .k-spreadsheet .k-resize-hint-handle, html body.yp .ypw-portlet .k-spreadsheet .k-resize-hint-marker {
    background-color: #00b0ff; }
  html body.yp .ypw-portlet .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle, html body.yp .ypw-portlet .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
    background-color: #00b0ff; }
  html body.yp .ypw-portlet .k-spreadsheet .k-single-selection::after {
    background-color: #00b0ff;
    border-color: #fff; }
  html body.yp .ypw-portlet .k-spreadsheet .k-auto-fill-punch {
    background-color: rgba(255, 255, 255, 0.5); }
  html body.yp .ypw-portlet .k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
    background-color: rgba(0, 176, 255, 0.5); }
  html body.yp .ypw-portlet .k-spreadsheet-format-cells .k-spreadsheet-preview {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-filter {
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #e6e6e6;
    box-shadow: inset 0 0 0 1px #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-filter.k-state-active {
    color: #3f51b5;
    background-color: #00b0ff; }
  html body.yp .ypw-portlet .k-spreadsheet-filter:hover {
    color: #444;
    background: #ebebeb;
    border-color: #d7d7d7; }
  html body.yp .ypw-portlet .k-action-window .k-action-buttons {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-sample {
    color: #919191; }
  html body.yp .ypw-portlet .k-state-selected .k-spreadsheet-sample {
    color: inherit; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-list, html body.yp .ypw-portlet .k-spreadsheet-window .k-list-wrapper {
    border-color: #e6e6e6;
    border-radius: 2px; }
  html body.yp .ypw-portlet .k-spreadsheet-window .export-config, html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field > .k-orientation-label {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-edit-field > input[type=radio]:checked + .k-orientation-label {
    background-image: none;
    background-color: #3f51b5;
    color: #6776ca; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-page-orientation {
    border-color: #e6e6e6;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-page-orientation:before {
    background: #fff;
    border-color: transparent;
    border-bottom-color: #e6e6e6;
    border-left-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-window .k-margins-horizontal, html body.yp .ypw-portlet .k-spreadsheet-window .k-margins-vertical {
    background: 0 0;
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-window .hint-wrapper:before {
    background: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
    border-radius: 2px; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-button, html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-button-group, html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-widget {
    border-radius: 2px; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-separator {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar .k-overflow-anchor {
    border-radius: 0; }
  html body.yp .ypw-portlet .k-spreadsheet-popup {
    border-radius: 2px; }
  html body.yp .ypw-portlet .k-spreadsheet-popup .k-separator {
    background-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-popup .k-button {
    background-color: transparent; }
  html body.yp .ypw-portlet .k-spreadsheet-popup .k-button:hover {
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-spreadsheet-popup .k-state-active {
    background-color: #00b0ff;
    color: #fff; }
  html body.yp .ypw-portlet .k-spreadsheet-popup .k-state-active:hover {
    background-color: #008dcc; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-details {
    border-color: #e6e6e6; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-color: #fff; }
  html body.yp .ypw-portlet .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    background-color: #fff;
    border-color: #e6e6e6;
    border-radius: 2px 0 0 2px; }
  html body.yp .ypw-portlet .k-syntax-ref {
    color: #f82; }
  html body.yp .ypw-portlet .k-syntax-num {
    color: #09f; }
  html body.yp .ypw-portlet .k-syntax-func {
    font-weight: 700; }
  html body.yp .ypw-portlet .k-syntax-str {
    color: #38b714; }
  html body.yp .ypw-portlet .k-syntax-error {
    color: red; }
  html body.yp .ypw-portlet .k-syntax-bool {
    color: #a9169c; }
  html body.yp .ypw-portlet .k-syntax-startexp {
    font-weight: 700; }
  html body.yp .ypw-portlet .k-syntax-paren-match {
    background-color: #caf200; }
  html body.yp .ypw-portlet .k-series-a {
    border-color: #3f51b5;
    background-color: rgba(63, 81, 181, 0.15); }
  html body.yp .ypw-portlet .k-series-b {
    border-color: #03a9f4;
    background-color: rgba(3, 169, 244, 0.15); }
  html body.yp .ypw-portlet .k-series-c {
    border-color: #4caf50;
    background-color: rgba(76, 175, 80, 0.15); }
  html body.yp .ypw-portlet .k-series-d {
    border-color: #f9ce1d;
    background-color: rgba(249, 206, 29, 0.15); }
  html body.yp .ypw-portlet .k-series-e {
    border-color: #ff9800;
    background-color: rgba(255, 152, 0, 0.15); }
  html body.yp .ypw-portlet .k-series-f {
    border-color: #ff5722;
    background-color: rgba(255, 87, 34, 0.15); }
  html body.yp .ypw-portlet .k-spreadsheet-sheets-remove:hover .k-icon {
    color: #c22; }
  html body.yp .ypw-portlet .k-spreadsheet-formula-list .k-state-focused {
    background-color: #00b0ff;
    color: #3f51b5; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    html body.yp .ypw-portlet .k-icon.k-font-icon {
      background-image: none; } }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button, html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-radius: 0;
    line-height: 2.6em;
    width: 3em; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button:hover, html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-sheets-bar .k-button:hover {
    background-color: #324191;
    border-color: #324191; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
    left: 0;
    bottom: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    line-height: 2.2em; }
  html body.yp .ypw-portlet .k-spreadsheet .k-spreadsheet-sheets-remove {
    margin: 0 0 0 -1em; }
  html body.yp .ypw-portlet .k-spreadsheet-sheets-items .k-state-default .k-link, html body.yp .ypw-portlet .k-spreadsheet-tabstrip .k-state-default .k-link {
    color: #9fa8da; }
  html body.yp .ypw-portlet .k-spreadsheet-sheets-items .k-item.k-state-active, html body.yp .ypw-portlet .k-spreadsheet-sheets-items .k-item.k-state-focused, html body.yp .ypw-portlet .k-spreadsheet-sheets-items .k-item.k-state-hover, html body.yp .ypw-portlet .k-spreadsheet-tabstrip .k-item.k-state-active, html body.yp .ypw-portlet .k-spreadsheet-tabstrip .k-item.k-state-focused, html body.yp .ypw-portlet .k-spreadsheet-tabstrip .k-item.k-state-hover {
    background-color: transparent; }
  html body.yp .ypw-portlet .k-spreadsheet-sheets-items .k-item.k-state-active .k-link, html body.yp .ypw-portlet .k-spreadsheet-sheets-items .k-item.k-state-focused .k-link, html body.yp .ypw-portlet .k-spreadsheet-sheets-items .k-item.k-state-hover .k-link, html body.yp .ypw-portlet .k-spreadsheet-tabstrip .k-item.k-state-active .k-link, html body.yp .ypw-portlet .k-spreadsheet-tabstrip .k-item.k-state-focused .k-link, html body.yp .ypw-portlet .k-spreadsheet-tabstrip .k-item.k-state-hover .k-link {
    color: #fff; }
  html body.yp .ypw-portlet .k-spreadsheet-sheets-items .k-state-active .k-link, html body.yp .ypw-portlet .k-spreadsheet-tabstrip .k-state-active .k-link {
    color: #fff; }
  html body.yp .ypw-portlet .k-spreadsheet-toolbar > .k-button:not(.k-overflow-anchor) {
    line-height: 2em; }
  html body.yp .ypw-portlet .k-dialog .k-content {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  html body.yp .ypw-portlet .k-dialog.k-dialog-titleless .k-content {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px; }
  html body.yp .ypw-portlet .k-dialog .k-window-titlebar {
    border-width: 0;
    color: #444; }
  html body.yp .ypw-portlet .k-dialog .k-header {
    background: 0 0; }
  html body.yp .ypw-portlet .k-dialog.k-alert .k-window-titlebar, html body.yp .ypw-portlet .k-dialog.k-confirm .k-window-titlebar, html body.yp .ypw-portlet .k-dialog.k-prompt .k-window-titlebar {
    border-bottom: none; }
  html body.yp .ypw-portlet .k-dialog.k-alert .k-window-titlebar .k-dialog-title, html body.yp .ypw-portlet .k-dialog.k-confirm .k-window-titlebar .k-dialog-title, html body.yp .ypw-portlet .k-dialog.k-prompt .k-window-titlebar .k-dialog-title {
    color: #444; }
  html body.yp .ypw-portlet .k-dialog a.k-dialog-action.k-dialog-close.k-button-bare:before {
    content: normal; }
  html body.yp .ypw-portlet .k-dialog a.k-dialog-action.k-dialog-close {
    top: .3em;
    right: 0; }
  html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup .k-button:active, html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup .k-button:focus, html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup .k-button:focus:active {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched {
    width: 100%; }
  html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
    display: inline-block;
    padding: 1.5em 0;
    border-radius: 0;
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:first-child {
    border-bottom-left-radius: 2px;
    border-left: 0; }
  html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:last-child {
    border-bottom-right-radius: 2px;
    border-right: 0; }
  html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
    width: auto;
    margin: 0;
    padding: 1em;
    text-align: right; }
  html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
    margin-left: .5em;
    background: 0 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
    margin-left: 0; }
  html body.yp .ypw-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button.k-primary {
    color: #00b0ff; }
  html body.yp .ypw-portlet .k-rtl .k-dialog a.k-dialog-action.k-dialog-close {
    left: 0; }
  html body.yp .ypw-portlet .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:first-child {
    border-bottom-right-radius: 2px; }
  html body.yp .ypw-portlet .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:last-child {
    border-bottom-left-radius: 2px; }
  html body.yp .ypw-portlet .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
    text-align: left; }
  html body.yp .ypw-portlet .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
    margin-left: 0;
    margin-right: .5em; }
  html body.yp .ypw-portlet .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
    margin-right: 0; }
  html body.yp .ypw-portlet .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  html body.yp .ypw-portlet .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  html body.yp .ypw-portlet .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  html body.yp .ypw-portlet .animated.bounceIn, html body.yp .ypw-portlet .animated.bounceOut, html body.yp .ypw-portlet .animated.flipOutX, html body.yp .ypw-portlet .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
  html body.yp .ypw-portlet .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
  html body.yp .ypw-portlet .flash {
    -webkit-animation-name: flash;
    animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  html body.yp .ypw-portlet .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  html body.yp .ypw-portlet .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
  html body.yp .ypw-portlet .shake {
    -webkit-animation-name: shake;
    animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
  html body.yp .ypw-portlet .headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
  html body.yp .ypw-portlet .swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  html body.yp .ypw-portlet .tada {
    -webkit-animation-name: tada;
    animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble; }

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
  html body.yp .ypw-portlet .jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  html body.yp .ypw-portlet .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  html body.yp .ypw-portlet .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
  html body.yp .ypw-portlet .bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
  html body.yp .ypw-portlet .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
  html body.yp .ypw-portlet .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
  html body.yp .ypw-portlet .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
  html body.yp .ypw-portlet .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
  html body.yp .ypw-portlet .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
  html body.yp .ypw-portlet .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
  html body.yp .ypw-portlet .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
  html body.yp .ypw-portlet .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
  html body.yp .ypw-portlet .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
  html body.yp .ypw-portlet .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
  html body.yp .ypw-portlet .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
  html body.yp .ypw-portlet .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
  html body.yp .ypw-portlet .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
  html body.yp .ypw-portlet .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
  html body.yp .ypw-portlet .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
  html body.yp .ypw-portlet .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
  html body.yp .ypw-portlet .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
  html body.yp .ypw-portlet .flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
  html body.yp .ypw-portlet .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% {
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% {
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .ypw-portlet .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
  html body.yp .ypw-portlet .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .ypw-portlet .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .ypw-portlet .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .ypw-portlet .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .ypw-portlet .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .ypw-portlet .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
  html body.yp .ypw-portlet .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
  html body.yp .ypw-portlet .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
  html body.yp .ypw-portlet .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
  html body.yp .ypw-portlet .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
  html body.yp .ypw-portlet .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    transform-origin: top left; }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    transform-origin: top left; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    transform-origin: top left; }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    transform-origin: top left; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
  html body.yp .ypw-portlet .hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .ypw-portlet .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
  html body.yp .ypw-portlet .rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
  html body.yp .ypw-portlet .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .ypw-portlet .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .ypw-portlet .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .ypw-portlet .zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .ypw-portlet .zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to {
    opacity: 0; } }
  html body.yp .ypw-portlet .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .ypw-portlet .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
  html body.yp .ypw-portlet .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
  html body.yp .ypw-portlet .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .ypw-portlet .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  html body.yp .ypw-portlet .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  html body.yp .ypw-portlet .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  html body.yp .ypw-portlet .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  html body.yp .ypw-portlet .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
  html body.yp .ypw-portlet .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
  html body.yp .ypw-portlet .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
  html body.yp .ypw-portlet .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
  html body.yp .ypw-portlet .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp; }

@font-face {
  html body.yp .ypw-portlet {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.6.1);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.6.1) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.6.1) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.6.1) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal; } }
  html body.yp .ypw-portlet .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  html body.yp .ypw-portlet .fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%; }
  html body.yp .ypw-portlet .fa-2x {
    font-size: 2em; }
  html body.yp .ypw-portlet .fa-3x {
    font-size: 3em; }
  html body.yp .ypw-portlet .fa-4x {
    font-size: 4em; }
  html body.yp .ypw-portlet .fa-5x {
    font-size: 5em; }
  html body.yp .ypw-portlet .fa-fw {
    width: 1.28571429em;
    text-align: center; }
  html body.yp .ypw-portlet .fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none; }
  html body.yp .ypw-portlet .fa-ul > li {
    position: relative; }
  html body.yp .ypw-portlet .fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center; }
  html body.yp .ypw-portlet .fa-li.fa-lg {
    left: -1.85714286em; }
  html body.yp .ypw-portlet .fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em; }
  html body.yp .ypw-portlet .fa-pull-left {
    float: left; }
  html body.yp .ypw-portlet .fa-pull-right {
    float: right; }
  html body.yp .ypw-portlet .fa.fa-pull-left {
    margin-right: .3em; }
  html body.yp .ypw-portlet .fa.fa-pull-right {
    margin-left: .3em; }
  html body.yp .ypw-portlet .pull-right {
    float: right; }
  html body.yp .ypw-portlet .pull-left {
    float: left; }
  html body.yp .ypw-portlet .fa.pull-left {
    margin-right: .3em; }
  html body.yp .ypw-portlet .fa.pull-right {
    margin-left: .3em; }
  html body.yp .ypw-portlet .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear; }
  html body.yp .ypw-portlet .fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
  html body.yp .ypw-portlet .fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  html body.yp .ypw-portlet .fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  html body.yp .ypw-portlet .fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  html body.yp .ypw-portlet .fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  html body.yp .ypw-portlet .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1); }
  html body.yp .ypw-portlet :root .fa-flip-horizontal, html body.yp .ypw-portlet :root .fa-flip-vertical, html body.yp .ypw-portlet :root .fa-rotate-180, html body.yp .ypw-portlet :root .fa-rotate-270, html body.yp .ypw-portlet :root .fa-rotate-90 {
    filter: none; }
  html body.yp .ypw-portlet .fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle; }
  html body.yp .ypw-portlet .fa-stack-1x, html body.yp .ypw-portlet .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center; }
  html body.yp .ypw-portlet .fa-stack-1x {
    line-height: inherit; }
  html body.yp .ypw-portlet .fa-stack-2x {
    font-size: 2em; }
  html body.yp .ypw-portlet .fa-inverse {
    color: #fff; }
  html body.yp .ypw-portlet .fa-glass:before {
    content: "\f000"; }
  html body.yp .ypw-portlet .fa-music:before {
    content: "\f001"; }
  html body.yp .ypw-portlet .fa-search:before {
    content: "\f002"; }
  html body.yp .ypw-portlet .fa-envelope-o:before {
    content: "\f003"; }
  html body.yp .ypw-portlet .fa-heart:before {
    content: "\f004"; }
  html body.yp .ypw-portlet .fa-star:before {
    content: "\f005"; }
  html body.yp .ypw-portlet .fa-star-o:before {
    content: "\f006"; }
  html body.yp .ypw-portlet .fa-user:before {
    content: "\f007"; }
  html body.yp .ypw-portlet .fa-film:before {
    content: "\f008"; }
  html body.yp .ypw-portlet .fa-th-large:before {
    content: "\f009"; }
  html body.yp .ypw-portlet .fa-th:before {
    content: "\f00a"; }
  html body.yp .ypw-portlet .fa-th-list:before {
    content: "\f00b"; }
  html body.yp .ypw-portlet .fa-check:before {
    content: "\f00c"; }
  html body.yp .ypw-portlet .fa-close:before, html body.yp .ypw-portlet .fa-remove:before, html body.yp .ypw-portlet .fa-times:before {
    content: "\f00d"; }
  html body.yp .ypw-portlet .fa-search-plus:before {
    content: "\f00e"; }
  html body.yp .ypw-portlet .fa-search-minus:before {
    content: "\f010"; }
  html body.yp .ypw-portlet .fa-power-off:before {
    content: "\f011"; }
  html body.yp .ypw-portlet .fa-signal:before {
    content: "\f012"; }
  html body.yp .ypw-portlet .fa-cog:before, html body.yp .ypw-portlet .fa-gear:before {
    content: "\f013"; }
  html body.yp .ypw-portlet .fa-trash-o:before {
    content: "\f014"; }
  html body.yp .ypw-portlet .fa-home:before {
    content: "\f015"; }
  html body.yp .ypw-portlet .fa-file-o:before {
    content: "\f016"; }
  html body.yp .ypw-portlet .fa-clock-o:before {
    content: "\f017"; }
  html body.yp .ypw-portlet .fa-road:before {
    content: "\f018"; }
  html body.yp .ypw-portlet .fa-download:before {
    content: "\f019"; }
  html body.yp .ypw-portlet .fa-arrow-circle-o-down:before {
    content: "\f01a"; }
  html body.yp .ypw-portlet .fa-arrow-circle-o-up:before {
    content: "\f01b"; }
  html body.yp .ypw-portlet .fa-inbox:before {
    content: "\f01c"; }
  html body.yp .ypw-portlet .fa-play-circle-o:before {
    content: "\f01d"; }
  html body.yp .ypw-portlet .fa-repeat:before, html body.yp .ypw-portlet .fa-rotate-right:before {
    content: "\f01e"; }
  html body.yp .ypw-portlet .fa-refresh:before {
    content: "\f021"; }
  html body.yp .ypw-portlet .fa-list-alt:before {
    content: "\f022"; }
  html body.yp .ypw-portlet .fa-lock:before {
    content: "\f023"; }
  html body.yp .ypw-portlet .fa-flag:before {
    content: "\f024"; }
  html body.yp .ypw-portlet .fa-headphones:before {
    content: "\f025"; }
  html body.yp .ypw-portlet .fa-volume-off:before {
    content: "\f026"; }
  html body.yp .ypw-portlet .fa-volume-down:before {
    content: "\f027"; }
  html body.yp .ypw-portlet .fa-volume-up:before {
    content: "\f028"; }
  html body.yp .ypw-portlet .fa-qrcode:before {
    content: "\f029"; }
  html body.yp .ypw-portlet .fa-barcode:before {
    content: "\f02a"; }
  html body.yp .ypw-portlet .fa-tag:before {
    content: "\f02b"; }
  html body.yp .ypw-portlet .fa-tags:before {
    content: "\f02c"; }
  html body.yp .ypw-portlet .fa-book:before {
    content: "\f02d"; }
  html body.yp .ypw-portlet .fa-bookmark:before {
    content: "\f02e"; }
  html body.yp .ypw-portlet .fa-print:before {
    content: "\f02f"; }
  html body.yp .ypw-portlet .fa-camera:before {
    content: "\f030"; }
  html body.yp .ypw-portlet .fa-font:before {
    content: "\f031"; }
  html body.yp .ypw-portlet .fa-bold:before {
    content: "\f032"; }
  html body.yp .ypw-portlet .fa-italic:before {
    content: "\f033"; }
  html body.yp .ypw-portlet .fa-text-height:before {
    content: "\f034"; }
  html body.yp .ypw-portlet .fa-text-width:before {
    content: "\f035"; }
  html body.yp .ypw-portlet .fa-align-left:before {
    content: "\f036"; }
  html body.yp .ypw-portlet .fa-align-center:before {
    content: "\f037"; }
  html body.yp .ypw-portlet .fa-align-right:before {
    content: "\f038"; }
  html body.yp .ypw-portlet .fa-align-justify:before {
    content: "\f039"; }
  html body.yp .ypw-portlet .fa-list:before {
    content: "\f03a"; }
  html body.yp .ypw-portlet .fa-dedent:before, html body.yp .ypw-portlet .fa-outdent:before {
    content: "\f03b"; }
  html body.yp .ypw-portlet .fa-indent:before {
    content: "\f03c"; }
  html body.yp .ypw-portlet .fa-video-camera:before {
    content: "\f03d"; }
  html body.yp .ypw-portlet .fa-image:before, html body.yp .ypw-portlet .fa-photo:before, html body.yp .ypw-portlet .fa-picture-o:before {
    content: "\f03e"; }
  html body.yp .ypw-portlet .fa-pencil:before {
    content: "\f040"; }
  html body.yp .ypw-portlet .fa-map-marker:before {
    content: "\f041"; }
  html body.yp .ypw-portlet .fa-adjust:before {
    content: "\f042"; }
  html body.yp .ypw-portlet .fa-tint:before {
    content: "\f043"; }
  html body.yp .ypw-portlet .fa-edit:before, html body.yp .ypw-portlet .fa-pencil-square-o:before {
    content: "\f044"; }
  html body.yp .ypw-portlet .fa-share-square-o:before {
    content: "\f045"; }
  html body.yp .ypw-portlet .fa-check-square-o:before {
    content: "\f046"; }
  html body.yp .ypw-portlet .fa-arrows:before {
    content: "\f047"; }
  html body.yp .ypw-portlet .fa-step-backward:before {
    content: "\f048"; }
  html body.yp .ypw-portlet .fa-fast-backward:before {
    content: "\f049"; }
  html body.yp .ypw-portlet .fa-backward:before {
    content: "\f04a"; }
  html body.yp .ypw-portlet .fa-play:before {
    content: "\f04b"; }
  html body.yp .ypw-portlet .fa-pause:before {
    content: "\f04c"; }
  html body.yp .ypw-portlet .fa-stop:before {
    content: "\f04d"; }
  html body.yp .ypw-portlet .fa-forward:before {
    content: "\f04e"; }
  html body.yp .ypw-portlet .fa-fast-forward:before {
    content: "\f050"; }
  html body.yp .ypw-portlet .fa-step-forward:before {
    content: "\f051"; }
  html body.yp .ypw-portlet .fa-eject:before {
    content: "\f052"; }
  html body.yp .ypw-portlet .fa-chevron-left:before {
    content: "\f053"; }
  html body.yp .ypw-portlet .fa-chevron-right:before {
    content: "\f054"; }
  html body.yp .ypw-portlet .fa-plus-circle:before {
    content: "\f055"; }
  html body.yp .ypw-portlet .fa-minus-circle:before {
    content: "\f056"; }
  html body.yp .ypw-portlet .fa-times-circle:before {
    content: "\f057"; }
  html body.yp .ypw-portlet .fa-check-circle:before {
    content: "\f058"; }
  html body.yp .ypw-portlet .fa-question-circle:before {
    content: "\f059"; }
  html body.yp .ypw-portlet .fa-info-circle:before {
    content: "\f05a"; }
  html body.yp .ypw-portlet .fa-crosshairs:before {
    content: "\f05b"; }
  html body.yp .ypw-portlet .fa-times-circle-o:before {
    content: "\f05c"; }
  html body.yp .ypw-portlet .fa-check-circle-o:before {
    content: "\f05d"; }
  html body.yp .ypw-portlet .fa-ban:before {
    content: "\f05e"; }
  html body.yp .ypw-portlet .fa-arrow-left:before {
    content: "\f060"; }
  html body.yp .ypw-portlet .fa-arrow-right:before {
    content: "\f061"; }
  html body.yp .ypw-portlet .fa-arrow-up:before {
    content: "\f062"; }
  html body.yp .ypw-portlet .fa-arrow-down:before {
    content: "\f063"; }
  html body.yp .ypw-portlet .fa-mail-forward:before, html body.yp .ypw-portlet .fa-share:before {
    content: "\f064"; }
  html body.yp .ypw-portlet .fa-expand:before {
    content: "\f065"; }
  html body.yp .ypw-portlet .fa-compress:before {
    content: "\f066"; }
  html body.yp .ypw-portlet .fa-plus:before {
    content: "\f067"; }
  html body.yp .ypw-portlet .fa-minus:before {
    content: "\f068"; }
  html body.yp .ypw-portlet .fa-asterisk:before {
    content: "\f069"; }
  html body.yp .ypw-portlet .fa-exclamation-circle:before {
    content: "\f06a"; }
  html body.yp .ypw-portlet .fa-gift:before {
    content: "\f06b"; }
  html body.yp .ypw-portlet .fa-leaf:before {
    content: "\f06c"; }
  html body.yp .ypw-portlet .fa-fire:before {
    content: "\f06d"; }
  html body.yp .ypw-portlet .fa-eye:before {
    content: "\f06e"; }
  html body.yp .ypw-portlet .fa-eye-slash:before {
    content: "\f070"; }
  html body.yp .ypw-portlet .fa-exclamation-triangle:before, html body.yp .ypw-portlet .fa-warning:before {
    content: "\f071"; }
  html body.yp .ypw-portlet .fa-plane:before {
    content: "\f072"; }
  html body.yp .ypw-portlet .fa-calendar:before {
    content: "\f073"; }
  html body.yp .ypw-portlet .fa-random:before {
    content: "\f074"; }
  html body.yp .ypw-portlet .fa-comment:before {
    content: "\f075"; }
  html body.yp .ypw-portlet .fa-magnet:before {
    content: "\f076"; }
  html body.yp .ypw-portlet .fa-chevron-up:before {
    content: "\f077"; }
  html body.yp .ypw-portlet .fa-chevron-down:before {
    content: "\f078"; }
  html body.yp .ypw-portlet .fa-retweet:before {
    content: "\f079"; }
  html body.yp .ypw-portlet .fa-shopping-cart:before {
    content: "\f07a"; }
  html body.yp .ypw-portlet .fa-folder:before {
    content: "\f07b"; }
  html body.yp .ypw-portlet .fa-folder-open:before {
    content: "\f07c"; }
  html body.yp .ypw-portlet .fa-arrows-v:before {
    content: "\f07d"; }
  html body.yp .ypw-portlet .fa-arrows-h:before {
    content: "\f07e"; }
  html body.yp .ypw-portlet .fa-bar-chart-o:before, html body.yp .ypw-portlet .fa-bar-chart:before {
    content: "\f080"; }
  html body.yp .ypw-portlet .fa-twitter-square:before {
    content: "\f081"; }
  html body.yp .ypw-portlet .fa-facebook-square:before {
    content: "\f082"; }
  html body.yp .ypw-portlet .fa-camera-retro:before {
    content: "\f083"; }
  html body.yp .ypw-portlet .fa-key:before {
    content: "\f084"; }
  html body.yp .ypw-portlet .fa-cogs:before, html body.yp .ypw-portlet .fa-gears:before {
    content: "\f085"; }
  html body.yp .ypw-portlet .fa-comments:before {
    content: "\f086"; }
  html body.yp .ypw-portlet .fa-thumbs-o-up:before {
    content: "\f087"; }
  html body.yp .ypw-portlet .fa-thumbs-o-down:before {
    content: "\f088"; }
  html body.yp .ypw-portlet .fa-star-half:before {
    content: "\f089"; }
  html body.yp .ypw-portlet .fa-heart-o:before {
    content: "\f08a"; }
  html body.yp .ypw-portlet .fa-sign-out:before {
    content: "\f08b"; }
  html body.yp .ypw-portlet .fa-linkedin-square:before {
    content: "\f08c"; }
  html body.yp .ypw-portlet .fa-thumb-tack:before {
    content: "\f08d"; }
  html body.yp .ypw-portlet .fa-external-link:before {
    content: "\f08e"; }
  html body.yp .ypw-portlet .fa-sign-in:before {
    content: "\f090"; }
  html body.yp .ypw-portlet .fa-trophy:before {
    content: "\f091"; }
  html body.yp .ypw-portlet .fa-github-square:before {
    content: "\f092"; }
  html body.yp .ypw-portlet .fa-upload:before {
    content: "\f093"; }
  html body.yp .ypw-portlet .fa-lemon-o:before {
    content: "\f094"; }
  html body.yp .ypw-portlet .fa-phone:before {
    content: "\f095"; }
  html body.yp .ypw-portlet .fa-square-o:before {
    content: "\f096"; }
  html body.yp .ypw-portlet .fa-bookmark-o:before {
    content: "\f097"; }
  html body.yp .ypw-portlet .fa-phone-square:before {
    content: "\f098"; }
  html body.yp .ypw-portlet .fa-twitter:before {
    content: "\f099"; }
  html body.yp .ypw-portlet .fa-facebook-f:before, html body.yp .ypw-portlet .fa-facebook:before {
    content: "\f09a"; }
  html body.yp .ypw-portlet .fa-github:before {
    content: "\f09b"; }
  html body.yp .ypw-portlet .fa-unlock:before {
    content: "\f09c"; }
  html body.yp .ypw-portlet .fa-credit-card:before {
    content: "\f09d"; }
  html body.yp .ypw-portlet .fa-feed:before, html body.yp .ypw-portlet .fa-rss:before {
    content: "\f09e"; }
  html body.yp .ypw-portlet .fa-hdd-o:before {
    content: "\f0a0"; }
  html body.yp .ypw-portlet .fa-bullhorn:before {
    content: "\f0a1"; }
  html body.yp .ypw-portlet .fa-bell:before {
    content: "\f0f3"; }
  html body.yp .ypw-portlet .fa-certificate:before {
    content: "\f0a3"; }
  html body.yp .ypw-portlet .fa-hand-o-right:before {
    content: "\f0a4"; }
  html body.yp .ypw-portlet .fa-hand-o-left:before {
    content: "\f0a5"; }
  html body.yp .ypw-portlet .fa-hand-o-up:before {
    content: "\f0a6"; }
  html body.yp .ypw-portlet .fa-hand-o-down:before {
    content: "\f0a7"; }
  html body.yp .ypw-portlet .fa-arrow-circle-left:before {
    content: "\f0a8"; }
  html body.yp .ypw-portlet .fa-arrow-circle-right:before {
    content: "\f0a9"; }
  html body.yp .ypw-portlet .fa-arrow-circle-up:before {
    content: "\f0aa"; }
  html body.yp .ypw-portlet .fa-arrow-circle-down:before {
    content: "\f0ab"; }
  html body.yp .ypw-portlet .fa-globe:before {
    content: "\f0ac"; }
  html body.yp .ypw-portlet .fa-wrench:before {
    content: "\f0ad"; }
  html body.yp .ypw-portlet .fa-tasks:before {
    content: "\f0ae"; }
  html body.yp .ypw-portlet .fa-filter:before {
    content: "\f0b0"; }
  html body.yp .ypw-portlet .fa-briefcase:before {
    content: "\f0b1"; }
  html body.yp .ypw-portlet .fa-arrows-alt:before {
    content: "\f0b2"; }
  html body.yp .ypw-portlet .fa-group:before, html body.yp .ypw-portlet .fa-users:before {
    content: "\f0c0"; }
  html body.yp .ypw-portlet .fa-chain:before, html body.yp .ypw-portlet .fa-link:before {
    content: "\f0c1"; }
  html body.yp .ypw-portlet .fa-cloud:before {
    content: "\f0c2"; }
  html body.yp .ypw-portlet .fa-flask:before {
    content: "\f0c3"; }
  html body.yp .ypw-portlet .fa-cut:before, html body.yp .ypw-portlet .fa-scissors:before {
    content: "\f0c4"; }
  html body.yp .ypw-portlet .fa-copy:before, html body.yp .ypw-portlet .fa-files-o:before {
    content: "\f0c5"; }
  html body.yp .ypw-portlet .fa-paperclip:before {
    content: "\f0c6"; }
  html body.yp .ypw-portlet .fa-floppy-o:before, html body.yp .ypw-portlet .fa-save:before {
    content: "\f0c7"; }
  html body.yp .ypw-portlet .fa-square:before {
    content: "\f0c8"; }
  html body.yp .ypw-portlet .fa-bars:before, html body.yp .ypw-portlet .fa-navicon:before, html body.yp .ypw-portlet .fa-reorder:before {
    content: "\f0c9"; }
  html body.yp .ypw-portlet .fa-list-ul:before {
    content: "\f0ca"; }
  html body.yp .ypw-portlet .fa-list-ol:before {
    content: "\f0cb"; }
  html body.yp .ypw-portlet .fa-strikethrough:before {
    content: "\f0cc"; }
  html body.yp .ypw-portlet .fa-underline:before {
    content: "\f0cd"; }
  html body.yp .ypw-portlet .fa-table:before {
    content: "\f0ce"; }
  html body.yp .ypw-portlet .fa-magic:before {
    content: "\f0d0"; }
  html body.yp .ypw-portlet .fa-truck:before {
    content: "\f0d1"; }
  html body.yp .ypw-portlet .fa-pinterest:before {
    content: "\f0d2"; }
  html body.yp .ypw-portlet .fa-pinterest-square:before {
    content: "\f0d3"; }
  html body.yp .ypw-portlet .fa-google-plus-square:before {
    content: "\f0d4"; }
  html body.yp .ypw-portlet .fa-google-plus:before {
    content: "\f0d5"; }
  html body.yp .ypw-portlet .fa-money:before {
    content: "\f0d6"; }
  html body.yp .ypw-portlet .fa-caret-down:before {
    content: "\f0d7"; }
  html body.yp .ypw-portlet .fa-caret-up:before {
    content: "\f0d8"; }
  html body.yp .ypw-portlet .fa-caret-left:before {
    content: "\f0d9"; }
  html body.yp .ypw-portlet .fa-caret-right:before {
    content: "\f0da"; }
  html body.yp .ypw-portlet .fa-columns:before {
    content: "\f0db"; }
  html body.yp .ypw-portlet .fa-sort:before, html body.yp .ypw-portlet .fa-unsorted:before {
    content: "\f0dc"; }
  html body.yp .ypw-portlet .fa-sort-desc:before, html body.yp .ypw-portlet .fa-sort-down:before {
    content: "\f0dd"; }
  html body.yp .ypw-portlet .fa-sort-asc:before, html body.yp .ypw-portlet .fa-sort-up:before {
    content: "\f0de"; }
  html body.yp .ypw-portlet .fa-envelope:before {
    content: "\f0e0"; }
  html body.yp .ypw-portlet .fa-linkedin:before {
    content: "\f0e1"; }
  html body.yp .ypw-portlet .fa-rotate-left:before, html body.yp .ypw-portlet .fa-undo:before {
    content: "\f0e2"; }
  html body.yp .ypw-portlet .fa-gavel:before, html body.yp .ypw-portlet .fa-legal:before {
    content: "\f0e3"; }
  html body.yp .ypw-portlet .fa-dashboard:before, html body.yp .ypw-portlet .fa-tachometer:before {
    content: "\f0e4"; }
  html body.yp .ypw-portlet .fa-comment-o:before {
    content: "\f0e5"; }
  html body.yp .ypw-portlet .fa-comments-o:before {
    content: "\f0e6"; }
  html body.yp .ypw-portlet .fa-bolt:before, html body.yp .ypw-portlet .fa-flash:before {
    content: "\f0e7"; }
  html body.yp .ypw-portlet .fa-sitemap:before {
    content: "\f0e8"; }
  html body.yp .ypw-portlet .fa-umbrella:before {
    content: "\f0e9"; }
  html body.yp .ypw-portlet .fa-clipboard:before, html body.yp .ypw-portlet .fa-paste:before {
    content: "\f0ea"; }
  html body.yp .ypw-portlet .fa-lightbulb-o:before {
    content: "\f0eb"; }
  html body.yp .ypw-portlet .fa-exchange:before {
    content: "\f0ec"; }
  html body.yp .ypw-portlet .fa-cloud-download:before {
    content: "\f0ed"; }
  html body.yp .ypw-portlet .fa-cloud-upload:before {
    content: "\f0ee"; }
  html body.yp .ypw-portlet .fa-user-md:before {
    content: "\f0f0"; }
  html body.yp .ypw-portlet .fa-stethoscope:before {
    content: "\f0f1"; }
  html body.yp .ypw-portlet .fa-suitcase:before {
    content: "\f0f2"; }
  html body.yp .ypw-portlet .fa-bell-o:before {
    content: "\f0a2"; }
  html body.yp .ypw-portlet .fa-coffee:before {
    content: "\f0f4"; }
  html body.yp .ypw-portlet .fa-cutlery:before {
    content: "\f0f5"; }
  html body.yp .ypw-portlet .fa-file-text-o:before {
    content: "\f0f6"; }
  html body.yp .ypw-portlet .fa-building-o:before {
    content: "\f0f7"; }
  html body.yp .ypw-portlet .fa-hospital-o:before {
    content: "\f0f8"; }
  html body.yp .ypw-portlet .fa-ambulance:before {
    content: "\f0f9"; }
  html body.yp .ypw-portlet .fa-medkit:before {
    content: "\f0fa"; }
  html body.yp .ypw-portlet .fa-fighter-jet:before {
    content: "\f0fb"; }
  html body.yp .ypw-portlet .fa-beer:before {
    content: "\f0fc"; }
  html body.yp .ypw-portlet .fa-h-square:before {
    content: "\f0fd"; }
  html body.yp .ypw-portlet .fa-plus-square:before {
    content: "\f0fe"; }
  html body.yp .ypw-portlet .fa-angle-double-left:before {
    content: "\f100"; }
  html body.yp .ypw-portlet .fa-angle-double-right:before {
    content: "\f101"; }
  html body.yp .ypw-portlet .fa-angle-double-up:before {
    content: "\f102"; }
  html body.yp .ypw-portlet .fa-angle-double-down:before {
    content: "\f103"; }
  html body.yp .ypw-portlet .fa-angle-left:before {
    content: "\f104"; }
  html body.yp .ypw-portlet .fa-angle-right:before {
    content: "\f105"; }
  html body.yp .ypw-portlet .fa-angle-up:before {
    content: "\f106"; }
  html body.yp .ypw-portlet .fa-angle-down:before {
    content: "\f107"; }
  html body.yp .ypw-portlet .fa-desktop:before {
    content: "\f108"; }
  html body.yp .ypw-portlet .fa-laptop:before {
    content: "\f109"; }
  html body.yp .ypw-portlet .fa-tablet:before {
    content: "\f10a"; }
  html body.yp .ypw-portlet .fa-mobile-phone:before, html body.yp .ypw-portlet .fa-mobile:before {
    content: "\f10b"; }
  html body.yp .ypw-portlet .fa-circle-o:before {
    content: "\f10c"; }
  html body.yp .ypw-portlet .fa-quote-left:before {
    content: "\f10d"; }
  html body.yp .ypw-portlet .fa-quote-right:before {
    content: "\f10e"; }
  html body.yp .ypw-portlet .fa-spinner:before {
    content: "\f110"; }
  html body.yp .ypw-portlet .fa-circle:before {
    content: "\f111"; }
  html body.yp .ypw-portlet .fa-mail-reply:before, html body.yp .ypw-portlet .fa-reply:before {
    content: "\f112"; }
  html body.yp .ypw-portlet .fa-github-alt:before {
    content: "\f113"; }
  html body.yp .ypw-portlet .fa-folder-o:before {
    content: "\f114"; }
  html body.yp .ypw-portlet .fa-folder-open-o:before {
    content: "\f115"; }
  html body.yp .ypw-portlet .fa-smile-o:before {
    content: "\f118"; }
  html body.yp .ypw-portlet .fa-frown-o:before {
    content: "\f119"; }
  html body.yp .ypw-portlet .fa-meh-o:before {
    content: "\f11a"; }
  html body.yp .ypw-portlet .fa-gamepad:before {
    content: "\f11b"; }
  html body.yp .ypw-portlet .fa-keyboard-o:before {
    content: "\f11c"; }
  html body.yp .ypw-portlet .fa-flag-o:before {
    content: "\f11d"; }
  html body.yp .ypw-portlet .fa-flag-checkered:before {
    content: "\f11e"; }
  html body.yp .ypw-portlet .fa-terminal:before {
    content: "\f120"; }
  html body.yp .ypw-portlet .fa-code:before {
    content: "\f121"; }
  html body.yp .ypw-portlet .fa-mail-reply-all:before, html body.yp .ypw-portlet .fa-reply-all:before {
    content: "\f122"; }
  html body.yp .ypw-portlet .fa-star-half-empty:before, html body.yp .ypw-portlet .fa-star-half-full:before, html body.yp .ypw-portlet .fa-star-half-o:before {
    content: "\f123"; }
  html body.yp .ypw-portlet .fa-location-arrow:before {
    content: "\f124"; }
  html body.yp .ypw-portlet .fa-crop:before {
    content: "\f125"; }
  html body.yp .ypw-portlet .fa-code-fork:before {
    content: "\f126"; }
  html body.yp .ypw-portlet .fa-chain-broken:before, html body.yp .ypw-portlet .fa-unlink:before {
    content: "\f127"; }
  html body.yp .ypw-portlet .fa-question:before {
    content: "\f128"; }
  html body.yp .ypw-portlet .fa-info:before {
    content: "\f129"; }
  html body.yp .ypw-portlet .fa-exclamation:before {
    content: "\f12a"; }
  html body.yp .ypw-portlet .fa-superscript:before {
    content: "\f12b"; }
  html body.yp .ypw-portlet .fa-subscript:before {
    content: "\f12c"; }
  html body.yp .ypw-portlet .fa-eraser:before {
    content: "\f12d"; }
  html body.yp .ypw-portlet .fa-puzzle-piece:before {
    content: "\f12e"; }
  html body.yp .ypw-portlet .fa-microphone:before {
    content: "\f130"; }
  html body.yp .ypw-portlet .fa-microphone-slash:before {
    content: "\f131"; }
  html body.yp .ypw-portlet .fa-shield:before {
    content: "\f132"; }
  html body.yp .ypw-portlet .fa-calendar-o:before {
    content: "\f133"; }
  html body.yp .ypw-portlet .fa-fire-extinguisher:before {
    content: "\f134"; }
  html body.yp .ypw-portlet .fa-rocket:before {
    content: "\f135"; }
  html body.yp .ypw-portlet .fa-maxcdn:before {
    content: "\f136"; }
  html body.yp .ypw-portlet .fa-chevron-circle-left:before {
    content: "\f137"; }
  html body.yp .ypw-portlet .fa-chevron-circle-right:before {
    content: "\f138"; }
  html body.yp .ypw-portlet .fa-chevron-circle-up:before {
    content: "\f139"; }
  html body.yp .ypw-portlet .fa-chevron-circle-down:before {
    content: "\f13a"; }
  html body.yp .ypw-portlet .fa-html5:before {
    content: "\f13b"; }
  html body.yp .ypw-portlet .fa-css3:before {
    content: "\f13c"; }
  html body.yp .ypw-portlet .fa-anchor:before {
    content: "\f13d"; }
  html body.yp .ypw-portlet .fa-unlock-alt:before {
    content: "\f13e"; }
  html body.yp .ypw-portlet .fa-bullseye:before {
    content: "\f140"; }
  html body.yp .ypw-portlet .fa-ellipsis-h:before {
    content: "\f141"; }
  html body.yp .ypw-portlet .fa-ellipsis-v:before {
    content: "\f142"; }
  html body.yp .ypw-portlet .fa-rss-square:before {
    content: "\f143"; }
  html body.yp .ypw-portlet .fa-play-circle:before {
    content: "\f144"; }
  html body.yp .ypw-portlet .fa-ticket:before {
    content: "\f145"; }
  html body.yp .ypw-portlet .fa-minus-square:before {
    content: "\f146"; }
  html body.yp .ypw-portlet .fa-minus-square-o:before {
    content: "\f147"; }
  html body.yp .ypw-portlet .fa-level-up:before {
    content: "\f148"; }
  html body.yp .ypw-portlet .fa-level-down:before {
    content: "\f149"; }
  html body.yp .ypw-portlet .fa-check-square:before {
    content: "\f14a"; }
  html body.yp .ypw-portlet .fa-pencil-square:before {
    content: "\f14b"; }
  html body.yp .ypw-portlet .fa-external-link-square:before {
    content: "\f14c"; }
  html body.yp .ypw-portlet .fa-share-square:before {
    content: "\f14d"; }
  html body.yp .ypw-portlet .fa-compass:before {
    content: "\f14e"; }
  html body.yp .ypw-portlet .fa-caret-square-o-down:before, html body.yp .ypw-portlet .fa-toggle-down:before {
    content: "\f150"; }
  html body.yp .ypw-portlet .fa-caret-square-o-up:before, html body.yp .ypw-portlet .fa-toggle-up:before {
    content: "\f151"; }
  html body.yp .ypw-portlet .fa-caret-square-o-right:before, html body.yp .ypw-portlet .fa-toggle-right:before {
    content: "\f152"; }
  html body.yp .ypw-portlet .fa-eur:before, html body.yp .ypw-portlet .fa-euro:before {
    content: "\f153"; }
  html body.yp .ypw-portlet .fa-gbp:before {
    content: "\f154"; }
  html body.yp .ypw-portlet .fa-dollar:before, html body.yp .ypw-portlet .fa-usd:before {
    content: "\f155"; }
  html body.yp .ypw-portlet .fa-inr:before, html body.yp .ypw-portlet .fa-rupee:before {
    content: "\f156"; }
  html body.yp .ypw-portlet .fa-cny:before, html body.yp .ypw-portlet .fa-jpy:before, html body.yp .ypw-portlet .fa-rmb:before, html body.yp .ypw-portlet .fa-yen:before {
    content: "\f157"; }
  html body.yp .ypw-portlet .fa-rouble:before, html body.yp .ypw-portlet .fa-rub:before, html body.yp .ypw-portlet .fa-ruble:before {
    content: "\f158"; }
  html body.yp .ypw-portlet .fa-krw:before, html body.yp .ypw-portlet .fa-won:before {
    content: "\f159"; }
  html body.yp .ypw-portlet .fa-bitcoin:before, html body.yp .ypw-portlet .fa-btc:before {
    content: "\f15a"; }
  html body.yp .ypw-portlet .fa-file:before {
    content: "\f15b"; }
  html body.yp .ypw-portlet .fa-file-text:before {
    content: "\f15c"; }
  html body.yp .ypw-portlet .fa-sort-alpha-asc:before {
    content: "\f15d"; }
  html body.yp .ypw-portlet .fa-sort-alpha-desc:before {
    content: "\f15e"; }
  html body.yp .ypw-portlet .fa-sort-amount-asc:before {
    content: "\f160"; }
  html body.yp .ypw-portlet .fa-sort-amount-desc:before {
    content: "\f161"; }
  html body.yp .ypw-portlet .fa-sort-numeric-asc:before {
    content: "\f162"; }
  html body.yp .ypw-portlet .fa-sort-numeric-desc:before {
    content: "\f163"; }
  html body.yp .ypw-portlet .fa-thumbs-up:before {
    content: "\f164"; }
  html body.yp .ypw-portlet .fa-thumbs-down:before {
    content: "\f165"; }
  html body.yp .ypw-portlet .fa-youtube-square:before {
    content: "\f166"; }
  html body.yp .ypw-portlet .fa-youtube:before {
    content: "\f167"; }
  html body.yp .ypw-portlet .fa-xing:before {
    content: "\f168"; }
  html body.yp .ypw-portlet .fa-xing-square:before {
    content: "\f169"; }
  html body.yp .ypw-portlet .fa-youtube-play:before {
    content: "\f16a"; }
  html body.yp .ypw-portlet .fa-dropbox:before {
    content: "\f16b"; }
  html body.yp .ypw-portlet .fa-stack-overflow:before {
    content: "\f16c"; }
  html body.yp .ypw-portlet .fa-instagram:before {
    content: "\f16d"; }
  html body.yp .ypw-portlet .fa-flickr:before {
    content: "\f16e"; }
  html body.yp .ypw-portlet .fa-adn:before {
    content: "\f170"; }
  html body.yp .ypw-portlet .fa-bitbucket:before {
    content: "\f171"; }
  html body.yp .ypw-portlet .fa-bitbucket-square:before {
    content: "\f172"; }
  html body.yp .ypw-portlet .fa-tumblr:before {
    content: "\f173"; }
  html body.yp .ypw-portlet .fa-tumblr-square:before {
    content: "\f174"; }
  html body.yp .ypw-portlet .fa-long-arrow-down:before {
    content: "\f175"; }
  html body.yp .ypw-portlet .fa-long-arrow-up:before {
    content: "\f176"; }
  html body.yp .ypw-portlet .fa-long-arrow-left:before {
    content: "\f177"; }
  html body.yp .ypw-portlet .fa-long-arrow-right:before {
    content: "\f178"; }
  html body.yp .ypw-portlet .fa-apple:before {
    content: "\f179"; }
  html body.yp .ypw-portlet .fa-windows:before {
    content: "\f17a"; }
  html body.yp .ypw-portlet .fa-android:before {
    content: "\f17b"; }
  html body.yp .ypw-portlet .fa-linux:before {
    content: "\f17c"; }
  html body.yp .ypw-portlet .fa-dribbble:before {
    content: "\f17d"; }
  html body.yp .ypw-portlet .fa-skype:before {
    content: "\f17e"; }
  html body.yp .ypw-portlet .fa-foursquare:before {
    content: "\f180"; }
  html body.yp .ypw-portlet .fa-trello:before {
    content: "\f181"; }
  html body.yp .ypw-portlet .fa-female:before {
    content: "\f182"; }
  html body.yp .ypw-portlet .fa-male:before {
    content: "\f183"; }
  html body.yp .ypw-portlet .fa-gittip:before, html body.yp .ypw-portlet .fa-gratipay:before {
    content: "\f184"; }
  html body.yp .ypw-portlet .fa-sun-o:before {
    content: "\f185"; }
  html body.yp .ypw-portlet .fa-moon-o:before {
    content: "\f186"; }
  html body.yp .ypw-portlet .fa-archive:before {
    content: "\f187"; }
  html body.yp .ypw-portlet .fa-bug:before {
    content: "\f188"; }
  html body.yp .ypw-portlet .fa-vk:before {
    content: "\f189"; }
  html body.yp .ypw-portlet .fa-weibo:before {
    content: "\f18a"; }
  html body.yp .ypw-portlet .fa-renren:before {
    content: "\f18b"; }
  html body.yp .ypw-portlet .fa-pagelines:before {
    content: "\f18c"; }
  html body.yp .ypw-portlet .fa-stack-exchange:before {
    content: "\f18d"; }
  html body.yp .ypw-portlet .fa-arrow-circle-o-right:before {
    content: "\f18e"; }
  html body.yp .ypw-portlet .fa-arrow-circle-o-left:before {
    content: "\f190"; }
  html body.yp .ypw-portlet .fa-caret-square-o-left:before, html body.yp .ypw-portlet .fa-toggle-left:before {
    content: "\f191"; }
  html body.yp .ypw-portlet .fa-dot-circle-o:before {
    content: "\f192"; }
  html body.yp .ypw-portlet .fa-wheelchair:before {
    content: "\f193"; }
  html body.yp .ypw-portlet .fa-vimeo-square:before {
    content: "\f194"; }
  html body.yp .ypw-portlet .fa-try:before, html body.yp .ypw-portlet .fa-turkish-lira:before {
    content: "\f195"; }
  html body.yp .ypw-portlet .fa-plus-square-o:before {
    content: "\f196"; }
  html body.yp .ypw-portlet .fa-space-shuttle:before {
    content: "\f197"; }
  html body.yp .ypw-portlet .fa-slack:before {
    content: "\f198"; }
  html body.yp .ypw-portlet .fa-envelope-square:before {
    content: "\f199"; }
  html body.yp .ypw-portlet .fa-wordpress:before {
    content: "\f19a"; }
  html body.yp .ypw-portlet .fa-openid:before {
    content: "\f19b"; }
  html body.yp .ypw-portlet .fa-bank:before, html body.yp .ypw-portlet .fa-institution:before, html body.yp .ypw-portlet .fa-university:before {
    content: "\f19c"; }
  html body.yp .ypw-portlet .fa-graduation-cap:before, html body.yp .ypw-portlet .fa-mortar-board:before {
    content: "\f19d"; }
  html body.yp .ypw-portlet .fa-yahoo:before {
    content: "\f19e"; }
  html body.yp .ypw-portlet .fa-google:before {
    content: "\f1a0"; }
  html body.yp .ypw-portlet .fa-reddit:before {
    content: "\f1a1"; }
  html body.yp .ypw-portlet .fa-reddit-square:before {
    content: "\f1a2"; }
  html body.yp .ypw-portlet .fa-stumbleupon-circle:before {
    content: "\f1a3"; }
  html body.yp .ypw-portlet .fa-stumbleupon:before {
    content: "\f1a4"; }
  html body.yp .ypw-portlet .fa-delicious:before {
    content: "\f1a5"; }
  html body.yp .ypw-portlet .fa-digg:before {
    content: "\f1a6"; }
  html body.yp .ypw-portlet .fa-pied-piper:before {
    content: "\f1a7"; }
  html body.yp .ypw-portlet .fa-pied-piper-alt:before {
    content: "\f1a8"; }
  html body.yp .ypw-portlet .fa-drupal:before {
    content: "\f1a9"; }
  html body.yp .ypw-portlet .fa-joomla:before {
    content: "\f1aa"; }
  html body.yp .ypw-portlet .fa-language:before {
    content: "\f1ab"; }
  html body.yp .ypw-portlet .fa-fax:before {
    content: "\f1ac"; }
  html body.yp .ypw-portlet .fa-building:before {
    content: "\f1ad"; }
  html body.yp .ypw-portlet .fa-child:before {
    content: "\f1ae"; }
  html body.yp .ypw-portlet .fa-paw:before {
    content: "\f1b0"; }
  html body.yp .ypw-portlet .fa-spoon:before {
    content: "\f1b1"; }
  html body.yp .ypw-portlet .fa-cube:before {
    content: "\f1b2"; }
  html body.yp .ypw-portlet .fa-cubes:before {
    content: "\f1b3"; }
  html body.yp .ypw-portlet .fa-behance:before {
    content: "\f1b4"; }
  html body.yp .ypw-portlet .fa-behance-square:before {
    content: "\f1b5"; }
  html body.yp .ypw-portlet .fa-steam:before {
    content: "\f1b6"; }
  html body.yp .ypw-portlet .fa-steam-square:before {
    content: "\f1b7"; }
  html body.yp .ypw-portlet .fa-recycle:before {
    content: "\f1b8"; }
  html body.yp .ypw-portlet .fa-automobile:before, html body.yp .ypw-portlet .fa-car:before {
    content: "\f1b9"; }
  html body.yp .ypw-portlet .fa-cab:before, html body.yp .ypw-portlet .fa-taxi:before {
    content: "\f1ba"; }
  html body.yp .ypw-portlet .fa-tree:before {
    content: "\f1bb"; }
  html body.yp .ypw-portlet .fa-spotify:before {
    content: "\f1bc"; }
  html body.yp .ypw-portlet .fa-deviantart:before {
    content: "\f1bd"; }
  html body.yp .ypw-portlet .fa-soundcloud:before {
    content: "\f1be"; }
  html body.yp .ypw-portlet .fa-database:before {
    content: "\f1c0"; }
  html body.yp .ypw-portlet .fa-file-pdf-o:before {
    content: "\f1c1"; }
  html body.yp .ypw-portlet .fa-file-word-o:before {
    content: "\f1c2"; }
  html body.yp .ypw-portlet .fa-file-excel-o:before {
    content: "\f1c3"; }
  html body.yp .ypw-portlet .fa-file-powerpoint-o:before {
    content: "\f1c4"; }
  html body.yp .ypw-portlet .fa-file-image-o:before, html body.yp .ypw-portlet .fa-file-photo-o:before, html body.yp .ypw-portlet .fa-file-picture-o:before {
    content: "\f1c5"; }
  html body.yp .ypw-portlet .fa-file-archive-o:before, html body.yp .ypw-portlet .fa-file-zip-o:before {
    content: "\f1c6"; }
  html body.yp .ypw-portlet .fa-file-audio-o:before, html body.yp .ypw-portlet .fa-file-sound-o:before {
    content: "\f1c7"; }
  html body.yp .ypw-portlet .fa-file-movie-o:before, html body.yp .ypw-portlet .fa-file-video-o:before {
    content: "\f1c8"; }
  html body.yp .ypw-portlet .fa-file-code-o:before {
    content: "\f1c9"; }
  html body.yp .ypw-portlet .fa-vine:before {
    content: "\f1ca"; }
  html body.yp .ypw-portlet .fa-codepen:before {
    content: "\f1cb"; }
  html body.yp .ypw-portlet .fa-jsfiddle:before {
    content: "\f1cc"; }
  html body.yp .ypw-portlet .fa-life-bouy:before, html body.yp .ypw-portlet .fa-life-buoy:before, html body.yp .ypw-portlet .fa-life-ring:before, html body.yp .ypw-portlet .fa-life-saver:before, html body.yp .ypw-portlet .fa-support:before {
    content: "\f1cd"; }
  html body.yp .ypw-portlet .fa-circle-o-notch:before {
    content: "\f1ce"; }
  html body.yp .ypw-portlet .fa-ra:before, html body.yp .ypw-portlet .fa-rebel:before {
    content: "\f1d0"; }
  html body.yp .ypw-portlet .fa-empire:before, html body.yp .ypw-portlet .fa-ge:before {
    content: "\f1d1"; }
  html body.yp .ypw-portlet .fa-git-square:before {
    content: "\f1d2"; }
  html body.yp .ypw-portlet .fa-git:before {
    content: "\f1d3"; }
  html body.yp .ypw-portlet .fa-hacker-news:before, html body.yp .ypw-portlet .fa-y-combinator-square:before, html body.yp .ypw-portlet .fa-yc-square:before {
    content: "\f1d4"; }
  html body.yp .ypw-portlet .fa-tencent-weibo:before {
    content: "\f1d5"; }
  html body.yp .ypw-portlet .fa-qq:before {
    content: "\f1d6"; }
  html body.yp .ypw-portlet .fa-wechat:before, html body.yp .ypw-portlet .fa-weixin:before {
    content: "\f1d7"; }
  html body.yp .ypw-portlet .fa-paper-plane:before, html body.yp .ypw-portlet .fa-send:before {
    content: "\f1d8"; }
  html body.yp .ypw-portlet .fa-paper-plane-o:before, html body.yp .ypw-portlet .fa-send-o:before {
    content: "\f1d9"; }
  html body.yp .ypw-portlet .fa-history:before {
    content: "\f1da"; }
  html body.yp .ypw-portlet .fa-circle-thin:before {
    content: "\f1db"; }
  html body.yp .ypw-portlet .fa-header:before {
    content: "\f1dc"; }
  html body.yp .ypw-portlet .fa-paragraph:before {
    content: "\f1dd"; }
  html body.yp .ypw-portlet .fa-sliders:before {
    content: "\f1de"; }
  html body.yp .ypw-portlet .fa-share-alt:before {
    content: "\f1e0"; }
  html body.yp .ypw-portlet .fa-share-alt-square:before {
    content: "\f1e1"; }
  html body.yp .ypw-portlet .fa-bomb:before {
    content: "\f1e2"; }
  html body.yp .ypw-portlet .fa-futbol-o:before, html body.yp .ypw-portlet .fa-soccer-ball-o:before {
    content: "\f1e3"; }
  html body.yp .ypw-portlet .fa-tty:before {
    content: "\f1e4"; }
  html body.yp .ypw-portlet .fa-binoculars:before {
    content: "\f1e5"; }
  html body.yp .ypw-portlet .fa-plug:before {
    content: "\f1e6"; }
  html body.yp .ypw-portlet .fa-slideshare:before {
    content: "\f1e7"; }
  html body.yp .ypw-portlet .fa-twitch:before {
    content: "\f1e8"; }
  html body.yp .ypw-portlet .fa-yelp:before {
    content: "\f1e9"; }
  html body.yp .ypw-portlet .fa-newspaper-o:before {
    content: "\f1ea"; }
  html body.yp .ypw-portlet .fa-wifi:before {
    content: "\f1eb"; }
  html body.yp .ypw-portlet .fa-calculator:before {
    content: "\f1ec"; }
  html body.yp .ypw-portlet .fa-paypal:before {
    content: "\f1ed"; }
  html body.yp .ypw-portlet .fa-google-wallet:before {
    content: "\f1ee"; }
  html body.yp .ypw-portlet .fa-cc-visa:before {
    content: "\f1f0"; }
  html body.yp .ypw-portlet .fa-cc-mastercard:before {
    content: "\f1f1"; }
  html body.yp .ypw-portlet .fa-cc-discover:before {
    content: "\f1f2"; }
  html body.yp .ypw-portlet .fa-cc-amex:before {
    content: "\f1f3"; }
  html body.yp .ypw-portlet .fa-cc-paypal:before {
    content: "\f1f4"; }
  html body.yp .ypw-portlet .fa-cc-stripe:before {
    content: "\f1f5"; }
  html body.yp .ypw-portlet .fa-bell-slash:before {
    content: "\f1f6"; }
  html body.yp .ypw-portlet .fa-bell-slash-o:before {
    content: "\f1f7"; }
  html body.yp .ypw-portlet .fa-trash:before {
    content: "\f1f8"; }
  html body.yp .ypw-portlet .fa-copyright:before {
    content: "\f1f9"; }
  html body.yp .ypw-portlet .fa-at:before {
    content: "\f1fa"; }
  html body.yp .ypw-portlet .fa-eyedropper:before {
    content: "\f1fb"; }
  html body.yp .ypw-portlet .fa-paint-brush:before {
    content: "\f1fc"; }
  html body.yp .ypw-portlet .fa-birthday-cake:before {
    content: "\f1fd"; }
  html body.yp .ypw-portlet .fa-area-chart:before {
    content: "\f1fe"; }
  html body.yp .ypw-portlet .fa-pie-chart:before {
    content: "\f200"; }
  html body.yp .ypw-portlet .fa-line-chart:before {
    content: "\f201"; }
  html body.yp .ypw-portlet .fa-lastfm:before {
    content: "\f202"; }
  html body.yp .ypw-portlet .fa-lastfm-square:before {
    content: "\f203"; }
  html body.yp .ypw-portlet .fa-toggle-off:before {
    content: "\f204"; }
  html body.yp .ypw-portlet .fa-toggle-on:before {
    content: "\f205"; }
  html body.yp .ypw-portlet .fa-bicycle:before {
    content: "\f206"; }
  html body.yp .ypw-portlet .fa-bus:before {
    content: "\f207"; }
  html body.yp .ypw-portlet .fa-ioxhost:before {
    content: "\f208"; }
  html body.yp .ypw-portlet .fa-angellist:before {
    content: "\f209"; }
  html body.yp .ypw-portlet .fa-cc:before {
    content: "\f20a"; }
  html body.yp .ypw-portlet .fa-ils:before, html body.yp .ypw-portlet .fa-shekel:before, html body.yp .ypw-portlet .fa-sheqel:before {
    content: "\f20b"; }
  html body.yp .ypw-portlet .fa-meanpath:before {
    content: "\f20c"; }
  html body.yp .ypw-portlet .fa-buysellads:before {
    content: "\f20d"; }
  html body.yp .ypw-portlet .fa-connectdevelop:before {
    content: "\f20e"; }
  html body.yp .ypw-portlet .fa-dashcube:before {
    content: "\f210"; }
  html body.yp .ypw-portlet .fa-forumbee:before {
    content: "\f211"; }
  html body.yp .ypw-portlet .fa-leanpub:before {
    content: "\f212"; }
  html body.yp .ypw-portlet .fa-sellsy:before {
    content: "\f213"; }
  html body.yp .ypw-portlet .fa-shirtsinbulk:before {
    content: "\f214"; }
  html body.yp .ypw-portlet .fa-simplybuilt:before {
    content: "\f215"; }
  html body.yp .ypw-portlet .fa-skyatlas:before {
    content: "\f216"; }
  html body.yp .ypw-portlet .fa-cart-plus:before {
    content: "\f217"; }
  html body.yp .ypw-portlet .fa-cart-arrow-down:before {
    content: "\f218"; }
  html body.yp .ypw-portlet .fa-diamond:before {
    content: "\f219"; }
  html body.yp .ypw-portlet .fa-ship:before {
    content: "\f21a"; }
  html body.yp .ypw-portlet .fa-user-secret:before {
    content: "\f21b"; }
  html body.yp .ypw-portlet .fa-motorcycle:before {
    content: "\f21c"; }
  html body.yp .ypw-portlet .fa-street-view:before {
    content: "\f21d"; }
  html body.yp .ypw-portlet .fa-heartbeat:before {
    content: "\f21e"; }
  html body.yp .ypw-portlet .fa-venus:before {
    content: "\f221"; }
  html body.yp .ypw-portlet .fa-mars:before {
    content: "\f222"; }
  html body.yp .ypw-portlet .fa-mercury:before {
    content: "\f223"; }
  html body.yp .ypw-portlet .fa-intersex:before, html body.yp .ypw-portlet .fa-transgender:before {
    content: "\f224"; }
  html body.yp .ypw-portlet .fa-transgender-alt:before {
    content: "\f225"; }
  html body.yp .ypw-portlet .fa-venus-double:before {
    content: "\f226"; }
  html body.yp .ypw-portlet .fa-mars-double:before {
    content: "\f227"; }
  html body.yp .ypw-portlet .fa-venus-mars:before {
    content: "\f228"; }
  html body.yp .ypw-portlet .fa-mars-stroke:before {
    content: "\f229"; }
  html body.yp .ypw-portlet .fa-mars-stroke-v:before {
    content: "\f22a"; }
  html body.yp .ypw-portlet .fa-mars-stroke-h:before {
    content: "\f22b"; }
  html body.yp .ypw-portlet .fa-neuter:before {
    content: "\f22c"; }
  html body.yp .ypw-portlet .fa-genderless:before {
    content: "\f22d"; }
  html body.yp .ypw-portlet .fa-facebook-official:before {
    content: "\f230"; }
  html body.yp .ypw-portlet .fa-pinterest-p:before {
    content: "\f231"; }
  html body.yp .ypw-portlet .fa-whatsapp:before {
    content: "\f232"; }
  html body.yp .ypw-portlet .fa-server:before {
    content: "\f233"; }
  html body.yp .ypw-portlet .fa-user-plus:before {
    content: "\f234"; }
  html body.yp .ypw-portlet .fa-user-times:before {
    content: "\f235"; }
  html body.yp .ypw-portlet .fa-bed:before, html body.yp .ypw-portlet .fa-hotel:before {
    content: "\f236"; }
  html body.yp .ypw-portlet .fa-viacoin:before {
    content: "\f237"; }
  html body.yp .ypw-portlet .fa-train:before {
    content: "\f238"; }
  html body.yp .ypw-portlet .fa-subway:before {
    content: "\f239"; }
  html body.yp .ypw-portlet .fa-medium:before {
    content: "\f23a"; }
  html body.yp .ypw-portlet .fa-y-combinator:before, html body.yp .ypw-portlet .fa-yc:before {
    content: "\f23b"; }
  html body.yp .ypw-portlet .fa-optin-monster:before {
    content: "\f23c"; }
  html body.yp .ypw-portlet .fa-opencart:before {
    content: "\f23d"; }
  html body.yp .ypw-portlet .fa-expeditedssl:before {
    content: "\f23e"; }
  html body.yp .ypw-portlet .fa-battery-4:before, html body.yp .ypw-portlet .fa-battery-full:before {
    content: "\f240"; }
  html body.yp .ypw-portlet .fa-battery-3:before, html body.yp .ypw-portlet .fa-battery-three-quarters:before {
    content: "\f241"; }
  html body.yp .ypw-portlet .fa-battery-2:before, html body.yp .ypw-portlet .fa-battery-half:before {
    content: "\f242"; }
  html body.yp .ypw-portlet .fa-battery-1:before, html body.yp .ypw-portlet .fa-battery-quarter:before {
    content: "\f243"; }
  html body.yp .ypw-portlet .fa-battery-0:before, html body.yp .ypw-portlet .fa-battery-empty:before {
    content: "\f244"; }
  html body.yp .ypw-portlet .fa-mouse-pointer:before {
    content: "\f245"; }
  html body.yp .ypw-portlet .fa-i-cursor:before {
    content: "\f246"; }
  html body.yp .ypw-portlet .fa-object-group:before {
    content: "\f247"; }
  html body.yp .ypw-portlet .fa-object-ungroup:before {
    content: "\f248"; }
  html body.yp .ypw-portlet .fa-sticky-note:before {
    content: "\f249"; }
  html body.yp .ypw-portlet .fa-sticky-note-o:before {
    content: "\f24a"; }
  html body.yp .ypw-portlet .fa-cc-jcb:before {
    content: "\f24b"; }
  html body.yp .ypw-portlet .fa-cc-diners-club:before {
    content: "\f24c"; }
  html body.yp .ypw-portlet .fa-clone:before {
    content: "\f24d"; }
  html body.yp .ypw-portlet .fa-balance-scale:before {
    content: "\f24e"; }
  html body.yp .ypw-portlet .fa-hourglass-o:before {
    content: "\f250"; }
  html body.yp .ypw-portlet .fa-hourglass-1:before, html body.yp .ypw-portlet .fa-hourglass-start:before {
    content: "\f251"; }
  html body.yp .ypw-portlet .fa-hourglass-2:before, html body.yp .ypw-portlet .fa-hourglass-half:before {
    content: "\f252"; }
  html body.yp .ypw-portlet .fa-hourglass-3:before, html body.yp .ypw-portlet .fa-hourglass-end:before {
    content: "\f253"; }
  html body.yp .ypw-portlet .fa-hourglass:before {
    content: "\f254"; }
  html body.yp .ypw-portlet .fa-hand-grab-o:before, html body.yp .ypw-portlet .fa-hand-rock-o:before {
    content: "\f255"; }
  html body.yp .ypw-portlet .fa-hand-paper-o:before, html body.yp .ypw-portlet .fa-hand-stop-o:before {
    content: "\f256"; }
  html body.yp .ypw-portlet .fa-hand-scissors-o:before {
    content: "\f257"; }
  html body.yp .ypw-portlet .fa-hand-lizard-o:before {
    content: "\f258"; }
  html body.yp .ypw-portlet .fa-hand-spock-o:before {
    content: "\f259"; }
  html body.yp .ypw-portlet .fa-hand-pointer-o:before {
    content: "\f25a"; }
  html body.yp .ypw-portlet .fa-hand-peace-o:before {
    content: "\f25b"; }
  html body.yp .ypw-portlet .fa-trademark:before {
    content: "\f25c"; }
  html body.yp .ypw-portlet .fa-registered:before {
    content: "\f25d"; }
  html body.yp .ypw-portlet .fa-creative-commons:before {
    content: "\f25e"; }
  html body.yp .ypw-portlet .fa-gg:before {
    content: "\f260"; }
  html body.yp .ypw-portlet .fa-gg-circle:before {
    content: "\f261"; }
  html body.yp .ypw-portlet .fa-tripadvisor:before {
    content: "\f262"; }
  html body.yp .ypw-portlet .fa-odnoklassniki:before {
    content: "\f263"; }
  html body.yp .ypw-portlet .fa-odnoklassniki-square:before {
    content: "\f264"; }
  html body.yp .ypw-portlet .fa-get-pocket:before {
    content: "\f265"; }
  html body.yp .ypw-portlet .fa-wikipedia-w:before {
    content: "\f266"; }
  html body.yp .ypw-portlet .fa-safari:before {
    content: "\f267"; }
  html body.yp .ypw-portlet .fa-chrome:before {
    content: "\f268"; }
  html body.yp .ypw-portlet .fa-firefox:before {
    content: "\f269"; }
  html body.yp .ypw-portlet .fa-opera:before {
    content: "\f26a"; }
  html body.yp .ypw-portlet .fa-internet-explorer:before {
    content: "\f26b"; }
  html body.yp .ypw-portlet .fa-television:before, html body.yp .ypw-portlet .fa-tv:before {
    content: "\f26c"; }
  html body.yp .ypw-portlet .fa-contao:before {
    content: "\f26d"; }
  html body.yp .ypw-portlet .fa-500px:before {
    content: "\f26e"; }
  html body.yp .ypw-portlet .fa-amazon:before {
    content: "\f270"; }
  html body.yp .ypw-portlet .fa-calendar-plus-o:before {
    content: "\f271"; }
  html body.yp .ypw-portlet .fa-calendar-minus-o:before {
    content: "\f272"; }
  html body.yp .ypw-portlet .fa-calendar-times-o:before {
    content: "\f273"; }
  html body.yp .ypw-portlet .fa-calendar-check-o:before {
    content: "\f274"; }
  html body.yp .ypw-portlet .fa-industry:before {
    content: "\f275"; }
  html body.yp .ypw-portlet .fa-map-pin:before {
    content: "\f276"; }
  html body.yp .ypw-portlet .fa-map-signs:before {
    content: "\f277"; }
  html body.yp .ypw-portlet .fa-map-o:before {
    content: "\f278"; }
  html body.yp .ypw-portlet .fa-map:before {
    content: "\f279"; }
  html body.yp .ypw-portlet .fa-commenting:before {
    content: "\f27a"; }
  html body.yp .ypw-portlet .fa-commenting-o:before {
    content: "\f27b"; }
  html body.yp .ypw-portlet .fa-houzz:before {
    content: "\f27c"; }
  html body.yp .ypw-portlet .fa-vimeo:before {
    content: "\f27d"; }
  html body.yp .ypw-portlet .fa-black-tie:before {
    content: "\f27e"; }
  html body.yp .ypw-portlet .fa-fonticons:before {
    content: "\f280"; }
  html body.yp .ypw-portlet .fa-reddit-alien:before {
    content: "\f281"; }
  html body.yp .ypw-portlet .fa-edge:before {
    content: "\f282"; }
  html body.yp .ypw-portlet .fa-credit-card-alt:before {
    content: "\f283"; }
  html body.yp .ypw-portlet .fa-codiepie:before {
    content: "\f284"; }
  html body.yp .ypw-portlet .fa-modx:before {
    content: "\f285"; }
  html body.yp .ypw-portlet .fa-fort-awesome:before {
    content: "\f286"; }
  html body.yp .ypw-portlet .fa-usb:before {
    content: "\f287"; }
  html body.yp .ypw-portlet .fa-product-hunt:before {
    content: "\f288"; }
  html body.yp .ypw-portlet .fa-mixcloud:before {
    content: "\f289"; }
  html body.yp .ypw-portlet .fa-scribd:before {
    content: "\f28a"; }
  html body.yp .ypw-portlet .fa-pause-circle:before {
    content: "\f28b"; }
  html body.yp .ypw-portlet .fa-pause-circle-o:before {
    content: "\f28c"; }
  html body.yp .ypw-portlet .fa-stop-circle:before {
    content: "\f28d"; }
  html body.yp .ypw-portlet .fa-stop-circle-o:before {
    content: "\f28e"; }
  html body.yp .ypw-portlet .fa-shopping-bag:before {
    content: "\f290"; }
  html body.yp .ypw-portlet .fa-shopping-basket:before {
    content: "\f291"; }
  html body.yp .ypw-portlet .fa-hashtag:before {
    content: "\f292"; }
  html body.yp .ypw-portlet .fa-bluetooth:before {
    content: "\f293"; }
  html body.yp .ypw-portlet .fa-bluetooth-b:before {
    content: "\f294"; }
  html body.yp .ypw-portlet .fa-percent:before {
    content: "\f295"; }
  html body.yp .ypw-portlet .fa-gitlab:before {
    content: "\f296"; }
  html body.yp .ypw-portlet .fa-wpbeginner:before {
    content: "\f297"; }
  html body.yp .ypw-portlet .fa-wpforms:before {
    content: "\f298"; }
  html body.yp .ypw-portlet .fa-envira:before {
    content: "\f299"; }
  html body.yp .ypw-portlet .fa-universal-access:before {
    content: "\f29a"; }
  html body.yp .ypw-portlet .fa-wheelchair-alt:before {
    content: "\f29b"; }
  html body.yp .ypw-portlet .fa-question-circle-o:before {
    content: "\f29c"; }
  html body.yp .ypw-portlet .fa-blind:before {
    content: "\f29d"; }
  html body.yp .ypw-portlet .fa-audio-description:before {
    content: "\f29e"; }
  html body.yp .ypw-portlet .fa-volume-control-phone:before {
    content: "\f2a0"; }
  html body.yp .ypw-portlet .fa-braille:before {
    content: "\f2a1"; }
  html body.yp .ypw-portlet .fa-assistive-listening-systems:before {
    content: "\f2a2"; }
  html body.yp .ypw-portlet .fa-american-sign-language-interpreting:before, html body.yp .ypw-portlet .fa-asl-interpreting:before {
    content: "\f2a3"; }
  html body.yp .ypw-portlet .fa-deaf:before, html body.yp .ypw-portlet .fa-deafness:before, html body.yp .ypw-portlet .fa-hard-of-hearing:before {
    content: "\f2a4"; }
  html body.yp .ypw-portlet .fa-glide:before {
    content: "\f2a5"; }
  html body.yp .ypw-portlet .fa-glide-g:before {
    content: "\f2a6"; }
  html body.yp .ypw-portlet .fa-sign-language:before, html body.yp .ypw-portlet .fa-signing:before {
    content: "\f2a7"; }
  html body.yp .ypw-portlet .fa-low-vision:before {
    content: "\f2a8"; }
  html body.yp .ypw-portlet .fa-viadeo:before {
    content: "\f2a9"; }
  html body.yp .ypw-portlet .fa-viadeo-square:before {
    content: "\f2aa"; }
  html body.yp .ypw-portlet .fa-snapchat:before {
    content: "\f2ab"; }
  html body.yp .ypw-portlet .fa-snapchat-ghost:before {
    content: "\f2ac"; }
  html body.yp .ypw-portlet .fa-snapchat-square:before {
    content: "\f2ad"; }
  html body.yp .ypw-portlet .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  html body.yp .ypw-portlet .sr-only-focusable:active, html body.yp .ypw-portlet .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto; }
  html body.yp .ypw-portlet .p-t-100 {
    padding-top: 100px !important; }
  html body.yp .ypw-portlet .p-b-100 {
    padding-bottom: 100px !important; }
  html body.yp .ypw-portlet .p-l-100 {
    padding-left: 100px !important; }
  html body.yp .ypw-portlet .p-r-100 {
    padding-right: 100px !important; }
  html body.yp .ypw-portlet .p-t-95 {
    padding-top: 95px !important; }
  html body.yp .ypw-portlet .p-b-95 {
    padding-bottom: 95px !important; }
  html body.yp .ypw-portlet .p-l-95 {
    padding-left: 95px !important; }
  html body.yp .ypw-portlet .p-r-95 {
    padding-right: 95px !important; }
  html body.yp .ypw-portlet .p-t-90 {
    padding-top: 90px !important; }
  html body.yp .ypw-portlet .p-b-90 {
    padding-bottom: 90px !important; }
  html body.yp .ypw-portlet .p-l-90 {
    padding-left: 90px !important; }
  html body.yp .ypw-portlet .p-r-90 {
    padding-right: 90px !important; }
  html body.yp .ypw-portlet .p-t-85 {
    padding-top: 85px !important; }
  html body.yp .ypw-portlet .p-b-85 {
    padding-bottom: 85px !important; }
  html body.yp .ypw-portlet .p-l-85 {
    padding-left: 85px !important; }
  html body.yp .ypw-portlet .p-r-85 {
    padding-right: 85px !important; }
  html body.yp .ypw-portlet .p-t-80 {
    padding-top: 80px !important; }
  html body.yp .ypw-portlet .p-b-80 {
    padding-bottom: 80px !important; }
  html body.yp .ypw-portlet .p-l-80 {
    padding-left: 80px !important; }
  html body.yp .ypw-portlet .p-r-80 {
    padding-right: 80px !important; }
  html body.yp .ypw-portlet .p-t-75 {
    padding-top: 75px !important; }
  html body.yp .ypw-portlet .p-b-75 {
    padding-bottom: 75px !important; }
  html body.yp .ypw-portlet .p-l-75 {
    padding-left: 75px !important; }
  html body.yp .ypw-portlet .p-r-75 {
    padding-right: 75px !important; }
  html body.yp .ypw-portlet .p-t-70 {
    padding-top: 70px !important; }
  html body.yp .ypw-portlet .p-b-70 {
    padding-bottom: 70px !important; }
  html body.yp .ypw-portlet .p-l-70 {
    padding-left: 70px !important; }
  html body.yp .ypw-portlet .p-r-70 {
    padding-right: 70px !important; }
  html body.yp .ypw-portlet .p-t-65 {
    padding-top: 65px !important; }
  html body.yp .ypw-portlet .p-b-65 {
    padding-bottom: 65px !important; }
  html body.yp .ypw-portlet .p-l-65 {
    padding-left: 65px !important; }
  html body.yp .ypw-portlet .p-r-65 {
    padding-right: 65px !important; }
  html body.yp .ypw-portlet .p-t-60 {
    padding-top: 60px !important; }
  html body.yp .ypw-portlet .p-b-60 {
    padding-bottom: 60px !important; }
  html body.yp .ypw-portlet .p-l-60 {
    padding-left: 60px !important; }
  html body.yp .ypw-portlet .p-r-60 {
    padding-right: 60px !important; }
  html body.yp .ypw-portlet .p-t-55 {
    padding-top: 55px !important; }
  html body.yp .ypw-portlet .p-b-55 {
    padding-bottom: 55px !important; }
  html body.yp .ypw-portlet .p-l-55 {
    padding-left: 55px !important; }
  html body.yp .ypw-portlet .p-r-55 {
    padding-right: 55px !important; }
  html body.yp .ypw-portlet .p-t-50 {
    padding-top: 50px !important; }
  html body.yp .ypw-portlet .p-b-50 {
    padding-bottom: 50px !important; }
  html body.yp .ypw-portlet .p-l-50 {
    padding-left: 50px !important; }
  html body.yp .ypw-portlet .p-r-50 {
    padding-right: 50px !important; }
  html body.yp .ypw-portlet .p-t-45 {
    padding-top: 45px !important; }
  html body.yp .ypw-portlet .p-b-45 {
    padding-bottom: 45px !important; }
  html body.yp .ypw-portlet .p-l-45 {
    padding-left: 45px !important; }
  html body.yp .ypw-portlet .p-r-45 {
    padding-right: 45px !important; }
  html body.yp .ypw-portlet .p-t-40 {
    padding-top: 40px !important; }
  html body.yp .ypw-portlet .p-b-40 {
    padding-bottom: 40px !important; }
  html body.yp .ypw-portlet .p-l-40 {
    padding-left: 40px !important; }
  html body.yp .ypw-portlet .p-r-40 {
    padding-right: 40px !important; }
  html body.yp .ypw-portlet .p-t-35 {
    padding-top: 35px !important; }
  html body.yp .ypw-portlet .p-b-35 {
    padding-bottom: 35px !important; }
  html body.yp .ypw-portlet .p-l-35 {
    padding-left: 35px !important; }
  html body.yp .ypw-portlet .p-r-35 {
    padding-right: 35px !important; }
  html body.yp .ypw-portlet .p-t-30 {
    padding-top: 30px !important; }
  html body.yp .ypw-portlet .p-b-30 {
    padding-bottom: 30px !important; }
  html body.yp .ypw-portlet .p-l-30 {
    padding-left: 30px !important; }
  html body.yp .ypw-portlet .p-r-30 {
    padding-right: 30px !important; }
  html body.yp .ypw-portlet .p-t-25 {
    padding-top: 25px !important; }
  html body.yp .ypw-portlet .p-b-25 {
    padding-bottom: 25px !important; }
  html body.yp .ypw-portlet .p-l-25 {
    padding-left: 25px !important; }
  html body.yp .ypw-portlet .p-r-25 {
    padding-right: 25px !important; }
  html body.yp .ypw-portlet .p-t-20 {
    padding-top: 20px !important; }
  html body.yp .ypw-portlet .p-b-20 {
    padding-bottom: 20px !important; }
  html body.yp .ypw-portlet .p-l-20 {
    padding-left: 20px !important; }
  html body.yp .ypw-portlet .p-r-20 {
    padding-right: 20px !important; }
  html body.yp .ypw-portlet .p-t-15 {
    padding-top: 15px !important; }
  html body.yp .ypw-portlet .p-b-15 {
    padding-bottom: 15px !important; }
  html body.yp .ypw-portlet .p-l-15 {
    padding-left: 15px !important; }
  html body.yp .ypw-portlet .p-r-15 {
    padding-right: 15px !important; }
  html body.yp .ypw-portlet .p-t-10 {
    padding-top: 10px !important; }
  html body.yp .ypw-portlet .p-b-10 {
    padding-bottom: 10px !important; }
  html body.yp .ypw-portlet .p-l-10 {
    padding-left: 10px !important; }
  html body.yp .ypw-portlet .p-r-10 {
    padding-right: 10px !important; }
  html body.yp .ypw-portlet .p-t-5 {
    padding-top: 5px !important; }
  html body.yp .ypw-portlet .p-b-5 {
    padding-bottom: 5px !important; }
  html body.yp .ypw-portlet .p-l-5 {
    padding-left: 5px !important; }
  html body.yp .ypw-portlet .p-r-5 {
    padding-right: 5px !important; }
  html body.yp .ypw-portlet .p-t-0 {
    padding-top: 0 !important; }
  html body.yp .ypw-portlet .p-b-0 {
    padding-bottom: 0 !important; }
  html body.yp .ypw-portlet .p-l-0 {
    padding-left: 0 !important; }
  html body.yp .ypw-portlet .p-r-0 {
    padding-right: 0 !important; }
  html body.yp .ypw-portlet .m-t-100 {
    margin-top: 100px !important; }
  html body.yp .ypw-portlet .m-b-100 {
    margin-bottom: 100px !important; }
  html body.yp .ypw-portlet .m-l-100 {
    margin-left: 100px !important; }
  html body.yp .ypw-portlet .m-r-100 {
    margin-right: 100px !important; }
  html body.yp .ypw-portlet .m-t-95 {
    margin-top: 95px !important; }
  html body.yp .ypw-portlet .m-b-95 {
    margin-bottom: 95px !important; }
  html body.yp .ypw-portlet .m-l-95 {
    margin-left: 95px !important; }
  html body.yp .ypw-portlet .m-r-95 {
    margin-right: 95px !important; }
  html body.yp .ypw-portlet .m-t-90 {
    margin-top: 90px !important; }
  html body.yp .ypw-portlet .m-b-90 {
    margin-bottom: 90px !important; }
  html body.yp .ypw-portlet .m-l-90 {
    margin-left: 90px !important; }
  html body.yp .ypw-portlet .m-r-90 {
    margin-right: 90px !important; }
  html body.yp .ypw-portlet .m-t-85 {
    margin-top: 85px !important; }
  html body.yp .ypw-portlet .m-b-85 {
    margin-bottom: 85px !important; }
  html body.yp .ypw-portlet .m-l-85 {
    margin-left: 85px !important; }
  html body.yp .ypw-portlet .m-r-85 {
    margin-right: 85px !important; }
  html body.yp .ypw-portlet .m-t-80 {
    margin-top: 80px !important; }
  html body.yp .ypw-portlet .m-b-80 {
    margin-bottom: 80px !important; }
  html body.yp .ypw-portlet .m-l-80 {
    margin-left: 80px !important; }
  html body.yp .ypw-portlet .m-r-80 {
    margin-right: 80px !important; }
  html body.yp .ypw-portlet .m-t-75 {
    margin-top: 75px !important; }
  html body.yp .ypw-portlet .m-b-75 {
    margin-bottom: 75px !important; }
  html body.yp .ypw-portlet .m-l-75 {
    margin-left: 75px !important; }
  html body.yp .ypw-portlet .m-r-75 {
    margin-right: 75px !important; }
  html body.yp .ypw-portlet .m-t-70 {
    margin-top: 70px !important; }
  html body.yp .ypw-portlet .m-b-70 {
    margin-bottom: 70px !important; }
  html body.yp .ypw-portlet .m-l-70 {
    margin-left: 70px !important; }
  html body.yp .ypw-portlet .m-r-70 {
    margin-right: 70px !important; }
  html body.yp .ypw-portlet .m-t-65 {
    margin-top: 65px !important; }
  html body.yp .ypw-portlet .m-b-65 {
    margin-bottom: 65px !important; }
  html body.yp .ypw-portlet .m-l-65 {
    margin-left: 65px !important; }
  html body.yp .ypw-portlet .m-r-65 {
    margin-right: 65px !important; }
  html body.yp .ypw-portlet .m-t-60 {
    margin-top: 60px !important; }
  html body.yp .ypw-portlet .m-b-60 {
    margin-bottom: 60px !important; }
  html body.yp .ypw-portlet .m-l-60 {
    margin-left: 60px !important; }
  html body.yp .ypw-portlet .m-r-60 {
    margin-right: 60px !important; }
  html body.yp .ypw-portlet .m-t-55 {
    margin-top: 55px !important; }
  html body.yp .ypw-portlet .m-b-55 {
    margin-bottom: 55px !important; }
  html body.yp .ypw-portlet .m-l-55 {
    margin-left: 55px !important; }
  html body.yp .ypw-portlet .m-r-55 {
    margin-right: 55px !important; }
  html body.yp .ypw-portlet .m-t-50 {
    margin-top: 50px !important; }
  html body.yp .ypw-portlet .m-b-50 {
    margin-bottom: 50px !important; }
  html body.yp .ypw-portlet .m-l-50 {
    margin-left: 50px !important; }
  html body.yp .ypw-portlet .m-r-50 {
    margin-right: 50px !important; }
  html body.yp .ypw-portlet .m-t-45 {
    margin-top: 45px !important; }
  html body.yp .ypw-portlet .m-b-45 {
    margin-bottom: 45px !important; }
  html body.yp .ypw-portlet .m-l-45 {
    margin-left: 45px !important; }
  html body.yp .ypw-portlet .m-r-45 {
    margin-right: 45px !important; }
  html body.yp .ypw-portlet .m-t-40 {
    margin-top: 40px !important; }
  html body.yp .ypw-portlet .m-b-40 {
    margin-bottom: 40px !important; }
  html body.yp .ypw-portlet .m-l-40 {
    margin-left: 40px !important; }
  html body.yp .ypw-portlet .m-r-40 {
    margin-right: 40px !important; }
  html body.yp .ypw-portlet .m-t-35 {
    margin-top: 35px !important; }
  html body.yp .ypw-portlet .m-b-35 {
    margin-bottom: 35px !important; }
  html body.yp .ypw-portlet .m-l-35 {
    margin-left: 35px !important; }
  html body.yp .ypw-portlet .m-r-35 {
    margin-right: 35px !important; }
  html body.yp .ypw-portlet .m-t-30 {
    margin-top: 30px !important; }
  html body.yp .ypw-portlet .m-b-30 {
    margin-bottom: 30px !important; }
  html body.yp .ypw-portlet .m-l-30 {
    margin-left: 30px !important; }
  html body.yp .ypw-portlet .m-r-30 {
    margin-right: 30px !important; }
  html body.yp .ypw-portlet .m-t-25 {
    margin-top: 25px !important; }
  html body.yp .ypw-portlet .m-b-25 {
    margin-bottom: 25px !important; }
  html body.yp .ypw-portlet .m-l-25 {
    margin-left: 25px !important; }
  html body.yp .ypw-portlet .m-r-25 {
    margin-right: 25px !important; }
  html body.yp .ypw-portlet .m-t-20 {
    margin-top: 20px !important; }
  html body.yp .ypw-portlet .m-b-20 {
    margin-bottom: 20px !important; }
  html body.yp .ypw-portlet .m-l-20 {
    margin-left: 20px !important; }
  html body.yp .ypw-portlet .m-r-20 {
    margin-right: 20px !important; }
  html body.yp .ypw-portlet .m-t-15 {
    margin-top: 15px !important; }
  html body.yp .ypw-portlet .m-b-15 {
    margin-bottom: 15px !important; }
  html body.yp .ypw-portlet .m-l-15 {
    margin-left: 15px !important; }
  html body.yp .ypw-portlet .m-r-15 {
    margin-right: 15px !important; }
  html body.yp .ypw-portlet .m-t-10 {
    margin-top: 10px !important; }
  html body.yp .ypw-portlet .m-b-10 {
    margin-bottom: 10px !important; }
  html body.yp .ypw-portlet .m-l-10 {
    margin-left: 10px !important; }
  html body.yp .ypw-portlet .m-r-10 {
    margin-right: 10px !important; }
  html body.yp .ypw-portlet .m-t-5 {
    margin-top: 5px !important; }
  html body.yp .ypw-portlet .m-b-5 {
    margin-bottom: 5px !important; }
  html body.yp .ypw-portlet .m-l-5 {
    margin-left: 5px !important; }
  html body.yp .ypw-portlet .m-r-5 {
    margin-right: 5px !important; }
  html body.yp .ypw-portlet .m-t-0 {
    margin-top: 0 !important; }
  html body.yp .ypw-portlet .m-b-0 {
    margin-bottom: 0 !important; }
  html body.yp .ypw-portlet .m-l-0 {
    margin-left: 0 !important; }
  html body.yp .ypw-portlet .m-r-0 {
    margin-right: 0 !important; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-100 {
      margin-top: 100px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-100 {
      margin-bottom: 100px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-100 {
      margin-left: 100px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-100 {
      margin-right: 100px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-95 {
      margin-top: 95px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-95 {
      margin-bottom: 95px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-95 {
      margin-left: 95px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-95 {
      margin-right: 95px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-90 {
      margin-top: 90px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-90 {
      margin-bottom: 90px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-90 {
      margin-left: 90px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-90 {
      margin-right: 90px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-85 {
      margin-top: 85px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-85 {
      margin-bottom: 85px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-85 {
      margin-left: 85px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-85 {
      margin-right: 85px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-80 {
      margin-top: 80px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-80 {
      margin-bottom: 80px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-80 {
      margin-left: 80px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-80 {
      margin-right: 80px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-75 {
      margin-top: 75px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-75 {
      margin-bottom: 75px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-75 {
      margin-left: 75px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-75 {
      margin-right: 75px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-70 {
      margin-top: 70px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-70 {
      margin-bottom: 70px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-70 {
      margin-left: 70px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-70 {
      margin-right: 70px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-65 {
      margin-top: 65px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-65 {
      margin-bottom: 65px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-65 {
      margin-left: 65px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-65 {
      margin-right: 65px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-60 {
      margin-top: 60px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-60 {
      margin-bottom: 60px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-60 {
      margin-left: 60px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-60 {
      margin-right: 60px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-55 {
      margin-top: 55px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-55 {
      margin-bottom: 55px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-55 {
      margin-left: 55px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-55 {
      margin-right: 55px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-50 {
      margin-top: 50px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-50 {
      margin-bottom: 50px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-50 {
      margin-left: 50px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-50 {
      margin-right: 50px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-45 {
      margin-top: 45px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-45 {
      margin-bottom: 45px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-45 {
      margin-left: 45px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-45 {
      margin-right: 45px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-40 {
      margin-top: 40px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-40 {
      margin-bottom: 40px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-40 {
      margin-left: 40px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-40 {
      margin-right: 40px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-35 {
      margin-top: 35px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-35 {
      margin-bottom: 35px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-35 {
      margin-left: 35px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-35 {
      margin-right: 35px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-30 {
      margin-top: 30px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-30 {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-30 {
      margin-left: 30px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-30 {
      margin-right: 30px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-25 {
      margin-top: 25px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-25 {
      margin-bottom: 25px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-25 {
      margin-left: 25px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-25 {
      margin-right: 25px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-20 {
      margin-top: 20px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-20 {
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-20 {
      margin-left: 20px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-20 {
      margin-right: 20px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-15 {
      margin-top: 15px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-15 {
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-15 {
      margin-left: 15px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-15 {
      margin-right: 15px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-10 {
      margin-top: 10px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-10 {
      margin-bottom: 10px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-10 {
      margin-left: 10px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-10 {
      margin-right: 10px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-5 {
      margin-top: 5px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-5 {
      margin-bottom: 5px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-5 {
      margin-left: 5px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-5 {
      margin-right: 5px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-t-0 {
      margin-top: 0; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-b-0 {
      margin-bottom: 0; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-l-0 {
      margin-left: 0; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .mobile-m-r-0 {
      margin-right: 0; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-100 {
      margin-top: 100px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-100 {
      margin-bottom: 100px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-100 {
      margin-left: 100px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-100 {
      margin-right: 100px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-95 {
      margin-top: 95px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-95 {
      margin-bottom: 95px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-95 {
      margin-left: 95px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-95 {
      margin-right: 95px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-90 {
      margin-top: 90px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-90 {
      margin-bottom: 90px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-90 {
      margin-left: 90px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-90 {
      margin-right: 90px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-85 {
      margin-top: 85px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-85 {
      margin-bottom: 85px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-85 {
      margin-left: 85px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-85 {
      margin-right: 85px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-80 {
      margin-top: 80px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-80 {
      margin-bottom: 80px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-80 {
      margin-left: 80px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-80 {
      margin-right: 80px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-75 {
      margin-top: 75px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-75 {
      margin-bottom: 75px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-75 {
      margin-left: 75px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-75 {
      margin-right: 75px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-70 {
      margin-top: 70px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-70 {
      margin-bottom: 70px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-70 {
      margin-left: 70px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-70 {
      margin-right: 70px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-65 {
      margin-top: 65px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-65 {
      margin-bottom: 65px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-65 {
      margin-left: 65px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-65 {
      margin-right: 65px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-60 {
      margin-top: 60px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-60 {
      margin-bottom: 60px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-60 {
      margin-left: 60px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-60 {
      margin-right: 60px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-55 {
      margin-top: 55px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-55 {
      margin-bottom: 55px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-55 {
      margin-left: 55px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-55 {
      margin-right: 55px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-50 {
      margin-top: 50px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-50 {
      margin-bottom: 50px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-50 {
      margin-left: 50px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-50 {
      margin-right: 50px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-45 {
      margin-top: 45px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-45 {
      margin-bottom: 45px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-45 {
      margin-left: 45px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-45 {
      margin-right: 45px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-40 {
      margin-top: 40px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-40 {
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-40 {
      margin-left: 40px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-40 {
      margin-right: 40px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-35 {
      margin-top: 35px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-35 {
      margin-bottom: 35px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-35 {
      margin-left: 35px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-35 {
      margin-right: 35px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-30 {
      margin-top: 30px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-30 {
      margin-bottom: 30px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-30 {
      margin-left: 30px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-30 {
      margin-right: 30px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-25 {
      margin-top: 25px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-25 {
      margin-bottom: 25px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-25 {
      margin-left: 25px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-25 {
      margin-right: 25px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-20 {
      margin-top: 20px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-20 {
      margin-bottom: 20px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-20 {
      margin-left: 20px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-20 {
      margin-right: 20px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-15 {
      margin-top: 15px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-15 {
      margin-bottom: 15px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-15 {
      margin-left: 15px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-15 {
      margin-right: 15px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-10 {
      margin-top: 10px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-10 {
      margin-bottom: 10px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-10 {
      margin-left: 10px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-10 {
      margin-right: 10px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-5 {
      margin-top: 5px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-5 {
      margin-bottom: 5px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-5 {
      margin-left: 5px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-5 {
      margin-right: 5px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-t-0 {
      margin-top: 0; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-b-0 {
      margin-bottom: 0; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-l-0 {
      margin-left: 0; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .desktop-m-r-0 {
      margin-right: 0; } }
  html body.yp .ypw-portlet html body {
    background-color: #F4F4F4; }
  html body.yp .ypw-portlet html body.homepage {
    height: 100vh;
    padding-top: 0; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet html body.homepage {
      height: auto; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet html body.homepage .wrapper .header {
      height: 80px; }
    html body.yp .ypw-portlet html body.homepage .wrapper .header .navbar {
      top: 0; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet html body.homepage .wrapper .content {
      min-height: calc(100vh - 80px); } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet html body.homepage .wrapper .content {
      min-height: calc(100vh - 80px); } }
  html body.yp .ypw-portlet html body.homepage .wrapper .content .linkBoxWrapper {
    height: 290px; }
  html body.yp .ypw-portlet html body:not(.homepage):not(.signin) .wrapper {
    padding-bottom: 109px; }
  html body.yp .ypw-portlet html body .wrapper {
    height: 100%;
    position: relative;
    min-height: 100vh; }
  html body.yp .ypw-portlet html body .wrapper .content .contentWrapper {
    max-width: 100%;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px; }
  html body.yp .ypw-portlet html body .wrapper .content .contentWrapper .row + .row {
    margin-top: 25px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet html body .wrapper .content .contentWrapper .row [class^=col-]:nth-child(n+1) {
      margin-top: 15px; } }
  html body.yp .ypw-portlet html body .wrapper .content .contentMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(244, 244, 244, 0.61);
    display: none;
    z-index: 500; }
  html body.yp .ypw-portlet html body.overflowHidden {
    overflow: hidden; }
  html body.yp .ypw-portlet html body.fixedBody, html body.yp .ypw-portlet html body.overflowHidden_GridFilter {
    position: fixed; }
  html body.yp .ypw-portlet html body .body-mask {
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 49;
    display: none;
    overflow: hidden; }
  html body.yp .ypw-portlet html body .body-mask.showing {
    display: block; }
  html body.yp .ypw-portlet html.k-webkit .btn:focus, html body.yp .ypw-portlet html.k-webkit div:focus {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .ypw-portlet html.k-webkit div:focus[role=dialog], html body.yp .ypw-portlet html.k-webkit div:focus[role=tablist] {
    outline: 0 !important; }
  html body.yp .ypw-portlet html.k-webkit .checkbox-elt-wrapper > input:focus + label > span, html body.yp .ypw-portlet html.k-webkit .radio-elt-wrapper > input:focus + label > span, html body.yp .ypw-portlet html.k-webkit i:focus {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .ypw-portlet .tableOfContent .tableOfContent-list li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    display: block; }
  html body.yp .ypw-portlet .tableOfContent .tableOfContent-list li a {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    color: #000; }
  html body.yp .ypw-portlet .tableOfContent .tableOfContent-list li ul {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table; }
  html body.yp .ypw-portlet .components {
    padding: 10px 0;
    width: calc(100% - 20px); }
  html body.yp .ypw-portlet .components .hiddenAnchor {
    display: block;
    position: relative;
    top: -64px;
    visibility: hidden; }
  html body.yp .ypw-portlet .components .components-title {
    position: relative; }
  html body.yp .ypw-portlet .components .components-title:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .ypw-portlet .components .components-title h2 {
    padding-bottom: 5px; }
  html body.yp .ypw-portlet .components .components-title a {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  html body.yp .ypw-portlet .components .components-title a i {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #333;
    font-size: 19px;
    line-height: 49px; }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-description, html body.yp .ypw-portlet .components .components-wrapper .component .component-type {
    margin-bottom: 15px; }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation {
    width: 90%;
    height: auto !important;
    margin: auto;
    padding: 20px 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    box-sizing: content-box; }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation[data-container-title] {
    margin-top: 40px !important; }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation:before {
    content: attr(data-container-title);
    position: absolute;
    top: -30px;
    left: 0;
    font-weight: 700; }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation + .component-simulation {
    margin-top: 20px; }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation.mobile-container {
    max-width: 320px;
    margin-left: 0; }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation.tablet-container {
    max-width: 768px;
    margin-left: 0; }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation.desktop-container {
    margin-left: 0; }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation.resizable_component_simulation {
    width: calc(100% - 7px);
    box-sizing: border-box;
    margin-left: 0; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation.resizable_component_simulation {
      width: 100%; } }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation.coloredBg {
    background-color: rgba(57, 173, 210, 0.08); }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation .ui-resizable-handle.ui-resizable-e {
    background-color: #999;
    opacity: .8;
    z-index: 1 !important; }
  html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation .ui-resizable-handle.ui-resizable-se {
    display: none !important; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation .ui-resizable-handle {
      display: none; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation[data-container-title="Small Breakpoint"] {
      width: 100% !important; }
    html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation[data-container-title="Small Breakpoint"]:before {
      content: none; }
    html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation[data-container-title="Small Breakpoint"] .ui-resizable-handle {
      display: none; }
    html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation[data-container-title="Medium Breakpoint"], html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation[data-container-title="Large Breakpoint"] {
      position: absolute;
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      -o-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0); } }
  html body.yp .ypw-portlet .components .components-wrapper .component + .component {
    margin-top: 50px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .components .components-wrapper .component .component-simulation {
      width: calc(100% - 20px); } }
  html body.yp .ypw-portlet .components + .components {
    margin-top: 30px; }
  html body.yp .ypw-portlet .ui-resizable-helper {
    border: 2px dotted #333; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet html body {
      padding-top: 45px; }
    html body.yp .ypw-portlet html body .row > div[class^=col-]:nth-child(n+2) {
      margin-top: 12px !important; }
    html body.yp .ypw-portlet html body .row > div[class^=col-]:first-child {
      margin-top: 0 !important; } }
  @media (max-width: 991px) {
    html body.yp .ypw-portlet html body .row > div:nth-child(n+2)[class^=col-] {
      margin-top: 12px; } }
  html body.yp .ypw-portlet .unMaskedItem {
    position: relative;
    z-index: 600 !important; }
  html body.yp .ypw-portlet .k-loading, html body.yp .ypw-portlet .k-state-hover .k-loading {
    background-image: url(vendors/kendo/Material/loading-image.gif);
    background-size: contain; }
  html body.yp .ypw-portlet #componentPage {
    padding: 64px 45px 30px; }
  html body.yp .ypw-portlet #componentPage > .header {
    position: fixed;
    width: 100%;
    height: 64px;
    top: 0;
    left: 0;
    z-index: 48; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet #componentPage {
      padding: 64px 10px 30px; } }
  html body.yp .ypw-portlet #componentPage .pageTitle {
    font-size: 35px;
    text-align: center; }
  html body.yp .ypw-portlet #componentPage .pageContent {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; }
  html body.yp .ypw-portlet #componentPage .pageContent .componentsListWrapper {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }
  html body.yp .ypw-portlet #componentPage .pageContent .componentsListWrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet #componentPage .pageContent .componentsListWrapper .componentsTitle {
    float: left;
    width: 100%; }
  html body.yp .ypw-portlet #componentPage .pageContent .componentsListWrapper .componentsList:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet #componentPage .pageContent .componentsListWrapper .componentsList > a {
    float: left;
    clear: both; }
  html body.yp .ypw-portlet #mainComponentPage {
    padding: 30px; }
  html body.yp .ypw-portlet #mainComponentPage .pageTitle {
    font-size: 35px;
    text-align: center;
    margin-bottom: 20px;
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet #mainComponentPage .pageContent {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    background-color: #FFF;
    padding: 20px;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3); }
  html body.yp .ypw-portlet #mainComponentPage .pageContent .componentsListWrapper {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }
  html body.yp .ypw-portlet #mainComponentPage .pageContent .componentsListWrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet #mainComponentPage .pageContent .componentsListWrapper .componentsTitle {
    float: left;
    width: 100%;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 14px; }
  html body.yp .ypw-portlet #mainComponentPage .pageContent .componentsListWrapper .componentsList:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet #mainComponentPage .pageContent .componentsListWrapper .componentsList > a {
    float: left;
    clear: both;
    color: #666 !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    -o-transition: color 350ms;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    transition: color 350ms; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet #mainComponentPage .pageContent .componentsListWrapper .componentsList > a:hover {
      text-decoration: none !important;
      opacity: .6;
      -o-transition: color 350ms;
      -webkit-transition: color 350ms;
      -moz-transition: color 350ms;
      transition: color 350ms; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet #mainComponentPage {
      padding: 15px; }
    html body.yp .ypw-portlet #mainComponentPage .pageContent {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1; }
    html body.yp .ypw-portlet #mainComponentPage .pageContent .componentsListWrapper + .componentsListWrapper {
      margin-top: 25px; } }
  html body.yp .ypw-portlet .demo-container {
    margin-top: 20px;
    position: relative; }
  html body.yp .ypw-portlet .demo-container:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .demo-container .yp-responsive {
    margin: 20px;
    position: relative;
    float: left;
    background-color: transparent; }
  html body.yp .ypw-portlet .demo-container .yp-responsive:first-child {
    width: calc(70% - 40px); }
  html body.yp .ypw-portlet .demo-container .yp-responsive:last-child {
    width: calc(30% - 40px); }
  html body.yp .ypw-portlet .demo-container .yp-responsive:only-child {
    width: calc(100% - 40px); }
  html body.yp .ypw-portlet .group:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .header {
      height: auto; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .header {
      height: 45px;
      position: relative; }
    html body.yp .ypw-portlet .header > .navbar .nav.navbar-nav {
      max-height: calc(100vh - 64px);
      overflow: scroll; }
    html body.yp .ypw-portlet body:not(.homepage) .header {
      height: 100px; } }
  html body.yp .ypw-portlet .navbar.levelOne {
    margin-bottom: 0;
    box-shadow: none; }
  html body.yp .ypw-portlet .navbar.levelOne .container-fluid {
    max-width: 1200px;
    padding: 0 15px !important; }
  html body.yp .ypw-portlet .navbar.levelOne .container-fluid:after {
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .navbar.levelOne .container-fluid:after, html body.yp .ypw-portlet .navbar.levelOne .container-fluid:before {
    content: none; }
  html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-toggle {
    margin-top: 4px;
    margin-bottom: 4px; }
  html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-toggle .icon-bar {
    height: 3px;
    background-color: #777; }
  html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav li a {
    font-size: 14px;
    color: rgba(18, 43, 74, 0.88);
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav li a .zmdi {
    color: #96BE0F;
    font-size: 15px;
    margin-left: 5px; }
  html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav li a.btn {
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.846;
    color: #fff;
    padding: 6px 16px; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav li a.btn:hover {
      color: #fff;
      background-color: rgba(150, 190, 15, 0.7) !important;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms; } }
  html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:hover {
      color: rgba(18, 43, 74, 0.6);
      -o-transition: 350ms color;
      -webkit-transition: 350ms color;
      -moz-transition: 350ms color;
      transition: 350ms color; } }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li ul.dropdown-menu li a:hover {
      color: rgba(18, 43, 74, 0.5);
      -o-transition: 350ms color;
      -webkit-transition: 350ms color;
      -moz-transition: 350ms color;
      transition: 350ms color; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .navbar.levelOne {
      position: relative;
      height: 80px;
      display: block; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid {
      padding: 0; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-header {
      display: block !important; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 26px 15px;
      height: 80px; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav .btn {
      margin: 23px 0; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a {
      padding-top: 29px;
      padding-bottom: 28px; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li > ul {
      opacity: 0;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms;
      display: block;
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      -o-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0);
      -moz-transform-origin: top;
      -o-transform-origin: top;
      -webkit-transform-origin: top;
      -ms-transform-origin: top;
      transform-origin: top; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li > ul li {
      opacity: 0;
      -o-transition: opacity 350ms 350ms;
      -webkit-transition: opacity 350ms 350ms;
      -moz-transition: opacity 350ms 350ms;
      transition: opacity 350ms 350ms; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li.open > ul {
      opacity: 1;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms;
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      -o-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1); }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li.open > ul li {
      opacity: 1;
      -o-transition: opacity 350ms 250ms;
      -webkit-transition: opacity 350ms 250ms;
      -moz-transition: opacity 350ms 250ms;
      transition: opacity 350ms 250ms; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .navbar.levelOne {
      min-height: 45px;
      position: fixed;
      width: 100%;
      left: 0;
      top: 0;
      z-index: 601; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid {
      background-color: #fff; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      height: auto;
      padding: 12px 15px; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-toggle {
      padding-right: 0;
      border-right: 0 none; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav {
      max-height: 80vh;
      overflow-y: scroll; }
    html body.yp .ypw-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav .btn {
      margin: 0 15px; } }
  html body.yp .ypw-portlet .subNavbar {
    background-image: url(../images/subMenuLevelTwoBg.png);
    background-size: cover;
    background-position: top;
    width: 100%; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper {
    max-width: 100%;
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar {
    top: auto;
    margin-bottom: 0; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar .container-fluid:after, html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar .container-fluid:before, html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar:after, html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar:before {
    content: none; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 880px;
    width: 74%;
    float: left; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a {
    color: rgba(255, 255, 255, 0.8);
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a .counter {
    display: none; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li:not(.active) a:hover {
      -o-transition: all 350ms;
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      transition: all 350ms;
      color: #122b4a; } }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 320px;
    width: 26%;
    float: right; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger {
    float: left;
    float: right; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn {
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #ebebf0;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    padding: 33px 20px;
    padding-left: 0; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn .zmdi-account {
    margin-right: 5px;
    font-size: 20px;
    line-height: 24px;
    vertical-align: bottom; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn .zmdi-chevron-down {
    margin-left: 5px;
    font-size: 20px;
    line-height: 24px;
    vertical-align: bottom; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu {
    padding-top: 15px;
    padding-bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li * {
    text-align: center; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li a, html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li div {
    padding: 12px 0;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li a:hover, html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li div:hover {
    background-color: transparent;
    opacity: .8;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li a.logout, html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li div.logout {
    background-color: #eaeaea; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li.divider {
    margin: 0 15px;
    background-color: rgba(195, 195, 195, 0.56); }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li.divider.hideDesktop {
    display: none; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
    float: left;
    float: right;
    padding: 33px 20px;
    padding-top: 32px !important; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper .zmdi {
    color: #ebecf0;
    font-size: 20px;
    cursor: pointer; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper .zmdi.zmdi-power {
    color: #96BE0F; }
  html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper:first-child {
    padding-right: 0 !important; }
  html body.yp .ypw-portlet .subNavbar.stick {
    position: fixed;
    top: 0;
    margin-top: 0;
    z-index: 20; }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .subNavbar .navbar-brand {
      display: none; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper {
      padding: 0 15px; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse {
      padding: 13px 0;
      padding-bottom: 0; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a {
      padding: 4px 8px;
      margin: 16px 0; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li.active.dropdown a {
      background-color: rgba(0, 0, 0, 0.19); }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li.active:not(.dropdown) a {
      border: 1px solid #FFF; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li + li {
      margin-left: 20px; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu {
      top: calc(100% - 18px); } }
  @media (min-width: 768px) and (min-width: 769px) {
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li.active:not(.dropdown) a:hover {
      border: 1px solid #FFF;
      -o-transition: all 350ms;
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      transition: all 350ms;
      color: #122b4a; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li.active:not(.dropdown) a:hover:after {
      opacity: 0;
      -o-transition: all 350ms;
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      transition: all 350ms; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .subNavbar {
      position: fixed;
      z-index: 600;
      top: 45px;
      margin-top: 0;
      background-image: url(../images/subMenuLevelTwoBgMobile.png); }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper {
      padding-top: 50px; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo {
      height: 50px;
      padding: 0 15px;
      width: 100%;
      min-height: 0; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-header {
      height: 33px;
      background-color: rgba(255, 255, 255, 0.15);
      -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-header .navbar-toggle {
      padding: 5px 10px;
      margin: 0;
      border: 0;
      color: #fff; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-header .navbar-toggle .zmdi {
      line-height: 26px; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-header .navbar-brand {
      font-family: Roboto,sans-serif;
      font-weight: 700;
      font-size: 9px;
      color: #FFF;
      padding: 5px 10px;
      height: auto;
      line-height: 26px; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse {
      padding: 0;
      overflow: visible;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav {
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      background-color: #f5f5f5;
      border: 2px solid #fff;
      width: calc(100% + 10px);
      margin: 3px 0 0 -5px; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a {
      font-family: Roboto,sans-serif;
      font-weight: 700;
      color: #666;
      font-size: 13px;
      position: relative;
      margin: 0 15px;
      padding-left: 0;
      padding-right: 0; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a .counter {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      height: 21px;
      color: #fff;
      min-width: 38px;
      width: auto;
      display: inline;
      padding: 2px 10px;
      line-height: 17px;
      font-size: 11px;
      font-family: Roboto,sans-serif;
      font-weight: 400;
      position: absolute;
      right: 0;
      text-align: center; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a .counter.tertiaryCounter {
      background-color: #959cb0; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a .counter.secondaryCounter {
      background-color: #39acd2; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a .counter.primaryCounter {
      background-color: #96be0d; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a:after {
      content: "";
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      margin: 0;
      height: 1px;
      background-color: #FFF;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li:last-child a:after {
      content: none; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree {
      position: absolute;
      top: 0;
      width: 100%;
      padding: 0 15px;
      max-width: none; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger {
      position: static;
      float: left; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn {
      padding-top: 15px;
      padding-bottom: 11px; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn .accountName {
      display: none; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn .zmdi.zmdi-chevron-down {
      margin-left: 0; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger.open .btn {
      color: #96BE0F; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu {
      width: calc(100% - 10px);
      margin: -23px 5px 0;
      left: 0;
      -ms-transform: none;
      -webkit-transform: none;
      -o-transform: none;
      -moz-transform: none;
      transform: none;
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      background-color: #f5f5f5;
      border: 2px solid #fff;
      padding-left: 15px;
      padding-right: 15px; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li a, html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li div {
      color: #666;
      text-align: left;
      font-family: Roboto,sans-serif;
      font-weight: 700; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li a.logout, html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li div.logout {
      background-color: transparent; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li.divider {
      margin: 0;
      height: 1px;
      background-color: #FFF;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li.divider.hideDesktop {
      display: block; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow {
      float: right; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
      padding-top: 15px !important;
      padding: 10px 15px;
      height: 25px;
      box-sizing: content-box; } }
  @media (min-width: 768px) and (max-width: 1180px) {
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo {
      width: 60%; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a {
      padding-left: 5px;
      padding-right: 5px; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree {
      width: 40%; } }
  html body.yp .ypw-portlet .subNavbarInner {
    background-color: rgba(0, 0, 0, 0.19);
    width: 100%;
    height: 80px;
    margin-top: -13px; }
  html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour {
    margin-bottom: 0;
    box-shadow: none;
    max-width: 100%;
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse {
    padding-left: 0; }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour {
      height: 80px; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse {
      padding: 23px 0; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a {
      font-family: Roboto,sans-serif;
      font-weight: 400;
      position: relative;
      font-size: 13px;
      color: rgba(250, 250, 250, 0.88);
      border: 1px solid transparent;
      padding: 4px 8px; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li:not(.active) a:after {
      content: "";
      width: calc(100% - 16px);
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 8px;
      background-color: rgba(153, 153, 153, 0.62); }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li.active a {
      border: 1px solid #FFF; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li + li {
      margin-left: 20px; } }
  @media (min-width: 768px) and (min-width: 769px) {
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a:hover {
      border: 1px solid #FFF;
      -o-transition: all 350ms;
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      transition: all 350ms;
      color: #122b4a; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a:hover:after {
      opacity: 0;
      -o-transition: all 350ms;
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      transition: all 350ms; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .subNavbarInner {
      background-color: transparent; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-header {
      height: 33px;
      background-color: rgba(255, 255, 255, 0.15);
      -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-header .navbar-toggle {
      padding: 5px 10px;
      margin: 0;
      border: 0;
      color: #fff; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-header .navbar-brand {
      font-family: Roboto,sans-serif;
      font-weight: 700;
      font-size: 9px;
      color: #FFF;
      padding: 5px 10px;
      height: auto;
      text-transform: uppercase; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse {
      padding: 0;
      overflow: visible;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav {
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      background-color: #f5f5f5;
      border: 2px solid #fff;
      width: calc(100% + 10px);
      margin: 3px 0 0 -5px; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a {
      font-family: Roboto,sans-serif;
      font-weight: 700;
      color: #666;
      font-size: 13px;
      position: relative;
      margin: 0 15px;
      padding-left: 0;
      padding-right: 0;
      text-transform: uppercase; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a .counter {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      height: 21px;
      color: #fff;
      min-width: 38px;
      width: auto;
      display: inline;
      padding: 2px 10px;
      line-height: 17px;
      font-size: 11px;
      font-family: Roboto,sans-serif;
      font-weight: 400;
      position: absolute;
      right: 0;
      text-align: center; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a .counter.tertiaryCounter {
      background-color: #959cb0; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a .counter.secondaryCounter {
      background-color: #39acd2; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a .counter.primaryCounter {
      background-color: #96be0d; }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a:after {
      content: "";
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      margin: 0;
      height: 1px;
      background-color: #FFF;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
    html body.yp .ypw-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li:last-child a:after {
      content: none; }
    html body.yp .ypw-portlet .subNavbarInner:before {
      content: "\203a\203a";
      position: absolute;
      left: -11px;
      color: rgba(243, 243, 243, 0.51);
      text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.07);
      font-size: 13px;
      top: 4px; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .subNavbar.has-LevelTwo .subNavbarWrapper {
      height: 77px; }
    html body.yp .ypw-portlet .subNavbar.has-LevelTwo .subNavbarWrapper .navbar.levelThree #accountTrigger .btn {
      padding: 32px 20px;
      padding-left: 0; }
    html body.yp .ypw-portlet .subNavbar.has-LevelTwo .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
      padding: 33px 19px; }
    html body.yp .ypw-portlet .subNavbar.has-LevelTwo .subNavbarInner {
      margin-top: 0;
      padding: 0 15px; }
    html body.yp .ypw-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
      padding: 33px 19px; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .subNavbar.has-LevelTwo .subNavbarWrapper .navbar.levelTwo {
      width: 50%; }
    html body.yp .ypw-portlet .subNavbar.has-LevelTwo .subNavbarInner {
      width: calc(50% - 15px);
      position: absolute;
      right: 15px;
      top: 63px; }
    html body.yp .ypw-portlet .subNavbar.has-LevelTwo .subNavbarInner .navbar.levelFour {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 785px) {
    html body.yp .ypw-portlet .homepage .navbar .container-fluid {
      margin: 0 5px; } }
  @media (min-width: 1125px) {
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid {
      margin: auto !important; } }
  @media (min-width: 1020px) and (max-width: 1124px) {
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 31px 15px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 22px 28px;
      font-size: 14px; } }
  @media (min-width: 940px) and (max-width: 1019px) {
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 31px 15px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 14px 28px;
      font-size: 14px; } }
  @media (min-width: 799px) and (max-width: 939px) {
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 31px 15px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 4px 28px;
      font-size: 13px; } }
  @media (min-width: 768px) and (max-width: 798px) {
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 32px 5px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 79px; }
    html body.yp .ypw-portlet body.homepage .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 4px 28px;
      font-size: 13px; } }
  @media (min-width: 810px) and (max-width: 950px) {
    html body.yp .ypw-portlet body .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .ypw-portlet body .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 31px 15px;
      padding-left: 0; }
    html body.yp .ypw-portlet body .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .ypw-portlet body .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 14px 28px;
      font-size: 14px; } }
  @media (min-width: 768px) and (max-width: 811px) {
    html body.yp .ypw-portlet body .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .ypw-portlet body .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 31px 15px;
      padding-left: 0; }
    html body.yp .ypw-portlet body .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .ypw-portlet body .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 4px 28px;
      font-size: 13px; }
    html body.yp .ypw-portlet body .subNavbar.has-LevelTwo .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
      padding: 26px 17px; }
    html body.yp .ypw-portlet body .subNavbar:not(.has-LevelTwo) .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
      padding: 33px 18px; } }
  html body.yp .ypw-portlet .wrapper.stickedOneLevel {
    margin-top: 90px; }
  html body.yp .ypw-portlet .headerMask {
    position: absolute;
    top: -45px;
    left: 0;
    width: 100%;
    height: calc(100% + 45px);
    background-color: rgba(244, 244, 244, 0.61);
    display: none;
    z-index: 500; }
  html body.yp .ypw-portlet .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 72px;
    border-top: 3px solid #ADDB11;
    background-color: #344266;
    margin-top: 40px; }
  html body.yp .ypw-portlet .footer .footer-container {
    width: 1200px;
    max-width: 100%;
    margin: auto;
    height: 100%;
    padding: 0 15px; }
  html body.yp .ypw-portlet .footer .footer-container:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .footer .footer-container .footer-navigation {
    width: calc(100% - 104px);
    float: left; }
  html body.yp .ypw-portlet .footer .footer-container .footer-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  html body.yp .ypw-portlet .footer .footer-container .footer-navigation ul:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .footer .footer-container .footer-navigation ul li {
    float: left; }
  html body.yp .ypw-portlet .footer .footer-container .footer-navigation ul li a {
    color: rgba(171, 177, 183, 0.72);
    font-size: 14px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    padding: 19px 30px;
    display: block;
    padding-top: 25px !important;
    text-decoration: none !important;
    cursor: pointer;
    -o-transition: color 350ms;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    transition: color 350ms; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .footer .footer-container .footer-navigation ul li a:hover {
      color: #abb1b7;
      -o-transition: color 350ms;
      -webkit-transition: color 350ms;
      -moz-transition: color 350ms;
      transition: color 350ms; } }
  html body.yp .ypw-portlet .footer .footer-container .footer-navigation ul li:first-child a {
    padding-left: 0; }
  html body.yp .ypw-portlet .footer .footer-container .footer-navigation ul li:last-child a {
    padding-right: 0; }
  html body.yp .ypw-portlet .footer .footer-container .footer-logo {
    width: 104px;
    float: right;
    font-size: 14px;
    color: #ABB1B7;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    position: relative;
    height: 100%; }
  html body.yp .ypw-portlet .footer .footer-container .footer-logo span {
    line-height: 77px;
    padding-left: 16px; }
  html body.yp .ypw-portlet .footer .footer-container .footer-logo img {
    position: absolute;
    top: 16px;
    right: 0; }
  @media (min-width: 768px) and (max-width: 990px) {
    html body.yp .ypw-portlet .footer .footer-container .footer-navigation ul li a {
      padding: 22px 19px; }
    html body.yp .ypw-portlet .footer .footer-container .footer-navigation ul li:first-child a {
      padding-left: 0; }
    html body.yp .ypw-portlet .footer .footer-container .footer-navigation ul li:last-child a {
      padding-right: 0; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .footer .footer-container .footer-navigation {
      display: none; } }
  html body.yp .ypw-portlet html.k-ie .footer {
    overflow: hidden; }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet body.signin .content .signInWrapper {
      min-height: calc(100vh - 80px); } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet body.signin .content .signInWrapper {
      min-height: calc(100vh - 80px); } }
  html body.yp .ypw-portlet body.signin .content .signInWrapper.fullPageSignIn {
    background-image: url(../images/signInBg_original.png);
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; }
  html body.yp .ypw-portlet .linkBox {
    position: relative; }
  html body.yp .ypw-portlet .linkBox.big {
    height: calc(100vh - 370px);
    width: 100%;
    min-height: 400px;
    max-height: 670px; }
  html body.yp .ypw-portlet .linkBox.big .linkBoxCover {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center; }
  html body.yp .ypw-portlet .linkBox.big .linkBoxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient(-8% 21% -2deg, rgba(18, 43, 74, 0.83) 0, rgba(25, 48, 77, 0) 145%);
    background-image: -webkit-gradient(linear, -8% 21%, 59% 25%, color-stop(0, rgba(18, 43, 74, 0.83)), color-stop(1, rgba(25, 48, 77, 0)));
    background-image: -webkit-linear-gradient(-2deg, rgba(18, 43, 74, 0.83) 0, rgba(25, 48, 77, 0) 145%);
    background-image: -o-linear-gradient(-2deg, rgba(18, 43, 74, 0.83) 0, rgba(25, 48, 77, 0) 145%);
    background-image: -ms-linear-gradient(-2deg, rgba(18, 43, 74, 0.83) 0, rgba(25, 48, 77, 0) 145%);
    background-image: linear-gradient(-2deg, rgba(18, 43, 74, 0.83) 0, rgba(25, 48, 77, 0) 145%);
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .linkBox.big .linkBoxText {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    width: 470px;
    height: auto;
    margin-left: 100px; }
  html body.yp .ypw-portlet .linkBox.big .linkBoxText .bigText {
    max-width: 470px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 45px;
    line-height: 87%;
    text-align: left;
    color: #ebedf0; }
  html body.yp .ypw-portlet .linkBox.big .linkBoxText .linkBoxLink {
    line-height: 23px;
    margin-top: 20px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    display: inline-block;
    padding-right: 7px;
    padding-bottom: 4px; }
  html body.yp .ypw-portlet .linkBox.big .linkBoxText .linkBoxLink .zmdi {
    margin-left: 10px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .linkBox.big .linkBoxText {
      margin-left: 20px;
      max-width: 470px;
      width: calc(100% - 20px); }
    html body.yp .ypw-portlet .linkBox.big .linkBoxText .bigText {
      font-size: 35px; } }
  html body.yp .ypw-portlet .linkBox.small {
    max-width: 387px;
    height: 216px;
    float: left; }
  html body.yp .ypw-portlet .linkBox.small + .small {
    margin-left: 20px; }
  html body.yp .ypw-portlet .linkBox.small:nth-last-child(3), html body.yp .ypw-portlet .linkBox.small:nth-last-child(3) ~ .small {
    width: calc((100% - 40px) / 3); }
  @media (max-width: 768px) {
    html body.yp .ypw-portlet .linkBox.small {
      width: 100% !important;
      max-width: none; }
    html body.yp .ypw-portlet .linkBox.small + .small {
      margin-left: 0;
      margin-top: 20px; }
    html body.yp .ypw-portlet .linkBox.small .linkBoxOverlay {
      max-width: none !important; }
    html body.yp .ypw-portlet .linkBox.small.halfOverlay .linkBoxCover {
      max-width: calc(100% - 150px); }
    html body.yp .ypw-portlet .linkBox.small.halfOverlay .linkBoxOverlay {
      min-width: 150px; }
    html body.yp .ypw-portlet .linkBox.small.halfOverlay .linkBoxText {
      min-width: 125px; } }
  html body.yp .ypw-portlet .linkBox.small .linkBoxCover {
    width: 100%;
    height: 100%;
    background-size: cover;
    margin-bottom: 25px;
    background-position: center center; }
  html body.yp .ypw-portlet .linkBox.small .linkBoxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient(50% 33% -16deg, rgba(18, 43, 74, 0.95) 0, rgba(150, 190, 15, 0.62) 145%);
    background-image: -webkit-gradient(linear, 50% 33%, 214% 115%, color-stop(0, rgba(18, 43, 74, 0.95)), color-stop(1, rgba(150, 190, 15, 0.62)));
    background-image: -webkit-linear-gradient(-16deg, rgba(18, 43, 74, 0.95) 0, rgba(150, 190, 15, 0.62) 145%);
    background-image: -o-linear-gradient(-16deg, rgba(18, 43, 74, 0.95) 0, rgba(150, 190, 15, 0.62) 145%);
    background-image: -ms-linear-gradient(-16deg, rgba(18, 43, 74, 0.95) 0, rgba(150, 190, 15, 0.62) 145%);
    background-image: linear-gradient(-16deg, rgba(18, 43, 74, 0.95) 0, rgba(150, 190, 15, 0.62) 145%);
    max-width: 387px;
    max-height: 216px;
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .linkBox.small .linkBoxText {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    max-width: 470px;
    height: auto;
    margin-left: 25px;
    overflow: hidden; }
  html body.yp .ypw-portlet .linkBox.small .linkBoxText .linkBoxTitle {
    font-size: 14px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: rgba(229, 229, 234, 0.88);
    margin-bottom: 25px; }
  html body.yp .ypw-portlet .linkBox.small .linkBoxText .bigText {
    max-width: 260px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 25px;
    line-height: 87%;
    text-align: left;
    color: #ebedf0; }
  html body.yp .ypw-portlet .linkBox.small .linkBoxText .linkBoxLink {
    line-height: 100%;
    margin-top: 20px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    display: inline-block; }
  html body.yp .ypw-portlet .linkBox.small.halfOverlay .linkBoxCover {
    background-image: url(../images/linkBox_small3.png);
    width: 50%;
    float: right; }
  html body.yp .ypw-portlet .linkBox.small.halfOverlay .linkBoxOverlay {
    background-color: #122b4a;
    background-image: none;
    width: 50%; }
  html body.yp .ypw-portlet .linkBox.small.halfOverlay .linkBoxText {
    width: calc(50% - 25px); }
  html body.yp .ypw-portlet .linkBox.small.halfOverlay .linkBoxLink {
    color: rgba(235, 238, 240, 0.88);
    border-bottom: 1px solid rgba(235, 238, 240, 0.88); }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .linkBox.small.halfOverlay .linkBoxLink {
      -o-transition: 350ms all;
      -webkit-transition: 350ms all;
      -moz-transition: 350ms all;
      transition: 350ms all; }
    html body.yp .ypw-portlet .linkBox.small.halfOverlay .linkBoxLink:hover {
      color: rgba(163, 197, 44, 0.88);
      border-bottom: 1px solid #a3c62c;
      -o-transition: 350ms all;
      -webkit-transition: 350ms all;
      -moz-transition: 350ms all;
      transition: 350ms all; } }
  html body.yp .ypw-portlet .linkBox .linkBoxLink {
    text-decoration: none !important;
    cursor: pointer;
    display: block;
    color: rgba(163, 197, 44, 0.88);
    border-bottom: 1px solid #a3c62c; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .linkBox .linkBoxLink {
      -o-transition: 350ms all;
      -webkit-transition: 350ms all;
      -moz-transition: 350ms all;
      transition: 350ms all; }
    html body.yp .ypw-portlet .linkBox .linkBoxLink:hover {
      color: rgba(163, 197, 44, 0.5);
      border-bottom: 1px solid rgba(163, 197, 44, 0.5);
      -o-transition: 350ms all;
      -webkit-transition: 350ms all;
      -moz-transition: 350ms all;
      transition: 350ms all; } }
  @media (min-width: 768px) and (max-width: 950px) {
    html body.yp .ypw-portlet .linkBox.halfOverlay .linkBoxText {
      width: calc(50% - 10px) !important; }
    html body.yp .ypw-portlet .linkBox .linkBoxText {
      margin-left: 15px !important; }
    html body.yp .ypw-portlet .linkBox .linkBoxText .bigText {
      font-size: 20px !important; } }
  html body.yp .ypw-portlet .linkBoxWrapper {
    max-width: 1401px;
    margin: auto; }
  html body.yp .ypw-portlet .linkBoxWrapper:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1366px) {
    html body.yp .ypw-portlet .linkBoxWrapper {
      padding: 37px 100px; } }
  @media (min-width: 1024px) and (max-width: 1365px) {
    html body.yp .ypw-portlet .linkBoxWrapper {
      padding: 37px 50px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    html body.yp .ypw-portlet .linkBoxWrapper {
      padding: 37px 20px; } }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .linkBoxWrapper {
      justify-content: center;
      display: flex;
      height: 290px; } }
  @media (max-width: 768px) {
    html body.yp .ypw-portlet .linkBoxWrapper {
      height: auto !important;
      padding: 37px 20px; } }
  html body.yp .ypw-portlet .signInWrapper .signInForm .signInTitle {
    color: #FFF;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 29px;
    line-height: 109%;
    width: 244px;
    margin-bottom: 36px !important; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .signInTitle .bolder {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 29px;
    display: block; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .signInTitle span {
    text-align: center; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group {
    margin: auto;
    width: 90%;
    max-width: 405px; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group .controls {
    padding-left: 55px;
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 43px;
    position: relative;
    background-color: #EBEDF0; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group .controls[data-controlFor]:before {
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666;
    font-size: 24px !important;
    z-index: 2;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
    left: 20px; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group .controls[data-controlFor=username]:before {
    content: '\f207'; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group .controls[data-controlFor=password]:before {
    content: '\f191'; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group .controls .form-control {
    position: absolute;
    right: 0;
    width: calc(100% - 55px);
    border: 0;
    box-shadow: none;
    background-color: #EBEDF0;
    height: 41px; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group .controls .form-control::-webkit-input-placeholder {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #878787 !important;
    font-size: 14px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    line-height: 23px !important; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group .controls .form-control:-moz-placeholder {
    color: #878787 !important;
    font-size: 14px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 41px !important; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group .controls .form-control::-moz-placeholder {
    color: #878787 !important;
    font-size: 14px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 41px !important; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group .controls .form-control:-ms-input-placeholder {
    color: #878787 !important;
    font-size: 14px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px !important; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .form-group + .form-group {
    margin-top: 15px; }
  html body.yp .ypw-portlet .signInWrapper .signInForm > .btn {
    min-width: 170px;
    margin: 30px auto 12px;
    display: block;
    height: 43px;
    font-size: 15px; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .loginGridWrapper {
    display: none; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .securityMessage {
    color: #FFF;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    width: 114px;
    margin: auto; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .securityMessage:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .securityMessage .secureIcon {
    background: url(../images/sprite-editable.png) 1px 1px;
    width: 20px;
    height: 28px;
    display: inline-block;
    float: left; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .securityMessage .secureIcon + span {
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-left: 7px; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .securityMessage .zmdi {
    font-size: 22px;
    margin-right: 7px;
    float: left; }
  html body.yp .ypw-portlet .signInWrapper .signInForm .securityMessage .zmdi + span {
    float: left; }
  html body.yp .ypw-portlet .signInWrapper .signInLinksWrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .signInWrapper .signInLinksWrapper .signInLink {
    padding-left: 70px; }
  html body.yp .ypw-portlet .signInWrapper .signInLinksWrapper .signInLink:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .signInWrapper .signInLinksWrapper .signInLink .arrowIcon {
    width: 17px;
    height: 17px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #96BE0E;
    margin: 13px 15px 13px 0;
    float: left; }
  html body.yp .ypw-portlet .signInWrapper .signInLinksWrapper .signInLink .arrowIcon .glyphicon {
    color: #2C3950;
    line-height: 15px;
    display: block;
    vertical-align: middle;
    width: 17px;
    text-align: center; }
  html body.yp .ypw-portlet .signInWrapper .signInLinksWrapper .signInLink .linkTitle {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #fff;
    float: left;
    -o-transition: color 350ms;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    transition: color 350ms;
    cursor: pointer;
    position: relative; }
  html body.yp .ypw-portlet .signInWrapper .signInLinksWrapper .signInLink .linkTitle .linkLine {
    background-image: url(../images/loginLinkLine.png);
    width: 100%;
    height: 1px;
    background-repeat: repeat; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .signInWrapper .signInLinksWrapper .signInLink:hover .linkTitle {
      color: #96BE0E;
      -o-transition: color 350ms;
      -webkit-transition: color 350ms;
      -moz-transition: color 350ms;
      transition: color 350ms; } }
  html body.yp .ypw-portlet .signInWrapper.fullPageSignIn {
    width: 100%;
    height: 100%;
    padding-top: 150px; }
  html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInForm {
    max-width: 460px;
    margin: auto; }
  html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInForm .signInTitle {
    margin: auto; }
  html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper {
    margin-top: 60px; }
  html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink {
    float: left;
    padding-left: 70px;
    display: inline; }
  html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper {
      display: flex;
      align-items: center;
      justify-content: center; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px; }
    html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink {
      padding-left: 0;
      clear: both;
      display: block;
      float: none; }
    html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink .arrowIcon {
      display: none; }
    html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink .linkTitle {
      text-align: center;
      float: none;
      display: block;
      margin: auto;
      padding: 5px 0; }
    html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink .linkTitle .linkLine {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 245px;
      right: 0;
      margin: auto; }
    html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink:last-child .linkTitle .linkLine {
      display: none; } }
  html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInForm {
    width: 50%;
    float: left;
    background-color: #2C3B4B; }
  html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInForm .signInTitle {
    max-width: 405px;
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
  html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInForm .signInTitle span {
    text-align: left; }
  html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper {
    width: 50%;
    float: left;
    background-color: #F4F4F4; }
  html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .arrowIcon .glyphicon {
    color: #F4F4F4; }
  html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .linkTitle {
    color: #333; }
  html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .linkTitle .linkLine {
    display: none; }
  html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .subTitle {
    color: #96be0c;
    line-height: 20px;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    display: inline-block;
    border-bottom: 1px solid #96be0c;
    clear: both;
    float: left;
    margin-left: 32px; }
  @media (min-width: 1024px) {
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInForm {
      min-height: calc(100vh - 80px);
      padding-top: 200px; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper {
      min-height: calc(100vh - 80px);
      padding-top: 224px; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink {
      float: left;
      padding-left: 70px;
      display: inline;
      width: 100%; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink:after {
      content: "";
      display: table;
      clear: both; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .arrowIcon .glyphicon {
      color: #F4F4F4; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .linkTitle {
      color: #333; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink + .signInLink {
      margin-top: 30px; } }
  @media (max-width: 1023px) {
    html body.yp .ypw-portlet .signInWrapper.splitSignIn {
      background-image: url(../images/signInBg_original.png);
      width: 100%;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
      padding-top: 150px; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInForm {
      width: 100%;
      float: none;
      background-color: transparent; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInForm .signInTitle span {
      text-align: center;
      display: block; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper {
      margin-top: 60px;
      float: none;
      width: 100%;
      height: auto;
      min-height: 0;
      background-color: transparent;
      padding-bottom: 20px; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink {
      padding-left: 70px;
      width: auto;
      padding-left: 0;
      clear: both;
      display: block;
      float: none; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink:after {
      content: "";
      display: table;
      clear: both; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .arrowIcon {
      display: none; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .arrowIcon .glyphicon {
      color: #2C3950; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .linkTitle {
      color: #fff;
      text-align: center;
      float: none;
      display: block;
      margin: auto;
      padding: 5px 0; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .linkTitle .linkLine {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 245px;
      right: 0;
      margin: auto; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink:last-child .linkTitle .linkLine {
      display: none; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .subTitle {
      display: none; }
    html body.yp .ypw-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink + .signInLink {
      margin-top: 0; } }
  @media (min-width: 768px) and (max-width: 880px) {
    html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink {
      position: relative; }
    html body.yp .ypw-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink .arrowIcon {
      position: absolute;
      left: 38px; } }
  html body.yp .ypw-portlet .separator-page {
    background-color: transparent;
    border-top: 1px solid rgba(45, 60, 75, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    margin: 30px 0; }
  html body.yp .ypw-portlet .separator-component {
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 30px 0; }
  html body.yp .ypw-portlet .separator-small {
    height: 1px;
    background-color: #333;
    width: 30px;
    margin: 30px 0; }
  html body.yp .ypw-portlet .btn {
    background-image: none !important;
    height: 36px;
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .btn.btn-primary {
    background-color: #96be0f;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05); }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .btn.btn-primary:hover {
      background-color: rgba(150, 190, 15, 0.7) !important;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms; } }
  html body.yp .ypw-portlet .btn.btn-secondary {
    background-color: #fff;
    -webkit-border-top-left-radius: 2% 6%;
    border-top-left-radius: 2% 6%;
    -webkit-border-top-right-radius: 2% 6%;
    border-top-right-radius: 2% 6%;
    -webkit-border-bottom-right-radius: 2% 6%;
    border-bottom-right-radius: 2% 6%;
    -webkit-border-bottom-left-radius: 2% 6%;
    border-bottom-left-radius: 2% 6%;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    color: #999; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .btn.btn-secondary:hover {
      background-color: #F4F4F4 !important;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms;
      border: transparent; } }
  html body.yp .ypw-portlet .btn.btn-form {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #39add2;
    width: 256px;
    max-width: 100%;
    height: 58px;
    font-size: 14px;
    color: #FFF;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .btn.btn-form .btn-text {
    line-height: 49px;
    font-family: Roboto,sans-serif;
    font-weight: 500; }
  html body.yp .ypw-portlet .btn.btn-form .btn-text .steps-text {
    color: rgba(255, 255, 255, 0.5);
    margin-right: 5px; }
  html body.yp .ypw-portlet .btn.btn-form.btn-prev {
    background-color: transparent;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  html body.yp .ypw-portlet .btn.btn-form.btn-prev .btn-text .steps-text {
    color: #999; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .btn.btn-form:hover {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .ypw-portlet .btn .btn-text + .zmdi {
    margin-left: 2px; }
  html body.yp .ypw-portlet .btn .zmdi {
    font-size: 16px; }
  html body.yp .ypw-portlet .btn .zmdi .btn-text {
    margin-right: 2px; }
  html body.yp .ypw-portlet .btn + .btn, html body.yp .ypw-portlet .btn + .btn-group {
    margin-left: 30px; }
  html body.yp .ypw-portlet .btn:focus {
    outline: #4D90FE auto 5px !important;
    outline-offset: -2px !important; }
  html body.yp .ypw-portlet .btn-group.open .dropdown-toggle.btn-primary {
    background-color: #96be0f !important; }
  html body.yp .ypw-portlet .btn-group + .btn, html body.yp .ypw-portlet .btn-group + .btn-group {
    margin-left: 30px; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .btn-group .dropdown-menu button:hover {
      text-decoration: none;
      color: #141414;
      background-color: #eee; } }
  html body.yp .ypw-portlet .btn-group .btn .fa {
    font-size: 15px;
    line-height: 23px;
    display: block; }
  html body.yp .ypw-portlet .link, html body.yp .ypw-portlet .yp-portlet .label-email, html body.yp .yp-portlet .ypw-portlet .label-email {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #39add2 !important; }
  html body.yp .ypw-portlet .link:not([href]), html body.yp .ypw-portlet .yp-portlet .label-email:not([href]), html body.yp .yp-portlet .ypw-portlet .label-email:not([href]) {
    text-decoration: none !important; }
  html body.yp .ypw-portlet .link[href], html body.yp .ypw-portlet .yp-portlet .label-email[href], html body.yp .yp-portlet .ypw-portlet .label-email[href] {
    text-decoration: underline !important; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .link[href]:hover, html body.yp .ypw-portlet .yp-portlet .label-email[href]:hover, html body.yp .yp-portlet .ypw-portlet .label-email[href]:hover {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .ypw-portlet button.btn[disabled] {
    opacity: .5; }
  html body.yp .ypw-portlet .k-edit-form-container .k-primary, html body.yp .ypw-portlet .k-popup .k-primary {
    color: #96be0f; }
  html body.yp .ypw-portlet .title-page {
    font-family: Roboto,sans-serif;
    font-weight: 100;
    color: #333;
    font-size: 23px;
    margin: 30px 0;
    position: relative;
    line-height: 31px; }
  html body.yp .ypw-portlet .title-modal {
    position: relative;
    font-size: 23px;
    color: #333;
    font-family: Roboto,sans-serif;
    font-weight: 100;
    margin-bottom: 5px; }
  html body.yp .ypw-portlet .title-section-big {
    position: relative;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #333;
    margin-bottom: 13px; }
  html body.yp .ypw-portlet .title-section {
    position: relative;
    font-size: 16px;
    color: #39add2;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 20px; }
  html body.yp .ypw-portlet .title-section:after {
    content: "";
    background-color: #39add2;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .ypw-portlet .title-sub-section {
    position: relative;
    color: #39add2;
    font-size: 16px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    margin-bottom: 1px; }
  html body.yp .ypw-portlet .label-informative {
    color: #2b3a61;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-style: italic; }
  html body.yp .ypw-portlet .label-normal {
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .label-small {
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 160%; }
  html body.yp .ypw-portlet .label-bold {
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #666; }
  html body.yp .ypw-portlet .label-bold .highlight, html body.yp .ypw-portlet .label-informative .highlight, html body.yp .ypw-portlet .label-normal .highlight, html body.yp .ypw-portlet .label-small .highlight, html body.yp .ypw-portlet .title-modal .highlight, html body.yp .ypw-portlet .title-page .highlight, html body.yp .ypw-portlet .title-section .highlight, html body.yp .ypw-portlet .title-section-big .highlight, html body.yp .ypw-portlet .title-sub-section .highlight {
    color: #39add2; }
  html body.yp .ypw-portlet .label-bold.centered, html body.yp .ypw-portlet .label-informative.centered, html body.yp .ypw-portlet .label-normal.centered, html body.yp .ypw-portlet .label-small.centered, html body.yp .ypw-portlet .title-modal.centered, html body.yp .ypw-portlet .title-page.centered, html body.yp .ypw-portlet .title-section-big.centered, html body.yp .ypw-portlet .title-section.centered, html body.yp .ypw-portlet .title-sub-section.centered {
    text-align: center; }
  html body.yp .ypw-portlet .form-horizontal .control-label {
    text-align: left; }
  html body.yp .ypw-portlet .form-group, html body.yp .ypw-portlet .form-group {
    position: relative; }
  html body.yp .ypw-portlet .form-group:after, html body.yp .ypw-portlet .form-group:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .form-group .control-label, html body.yp .ypw-portlet .form-group .control-label {
    font-size: 13px;
    color: #333;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    margin-bottom: 5px; }
  html body.yp .ypw-portlet .form-group .form-control, html body.yp .ypw-portlet .form-group .form-control {
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 36px;
    padding-left: 10px;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #666; }
  html body.yp .ypw-portlet .form-group .form-control:focus, html body.yp .ypw-portlet .form-group .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .form-group .form-control::-webkit-input-placeholder, html body.yp .ypw-portlet .form-group .form-control::-webkit-input-placeholder {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    line-height: 23px !important; }
  html body.yp .ypw-portlet .form-group .form-control:-moz-placeholder, html body.yp .ypw-portlet .form-group .form-control:-moz-placeholder {
    color: #666;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px !important; }
  html body.yp .ypw-portlet .form-group .form-control::-moz-placeholder, html body.yp .ypw-portlet .form-group .form-control::-moz-placeholder {
    color: #666;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px !important; }
  html body.yp .ypw-portlet .form-group .form-control:-ms-input-placeholder, html body.yp .ypw-portlet .form-group .form-control:-ms-input-placeholder {
    color: #666;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px !important; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox {
    padding-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap {
    border: 0 !important;
    box-shadow: none !important; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-formatted-value.form-control, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-formatted-value.form-control {
    display: inline !important;
    border: 0;
    padding-left: 0; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link {
    height: 18px; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon {
    background-image: none;
    height: 18px;
    width: 100%; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-n:before, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s:before, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-n:before, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s:before {
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #304660;
    font-size: 15px; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-n:before, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-n:before {
    content: '\f2fc';
    margin-top: 5px; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s:before, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s:before {
    content: '\f2f9';
    margin-top: -2px; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .form-control, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .k-formatted-value.form-control, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .form-control, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .k-formatted-value.form-control {
    display: none !important; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .form-control, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .form-control {
    display: inline !important;
    border: 0;
    padding-left: 0; }
  html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .form-control.k-input, html body.yp .ypw-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .form-control.k-input {
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .form-group .form-control[disabled], html body.yp .ypw-portlet .form-group .form-control[disabled] {
    border-bottom: 1px solid #E4E4E4;
    cursor: default;
    opacity: .5; }
  html body.yp .ypw-portlet .form-group .controls-wrapper, html body.yp .ypw-portlet .form-group .controls-wrapper {
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 36px;
    padding-left: 10px; }
  html body.yp .ypw-portlet .form-group.error:before, html body.yp .ypw-portlet .form-group.warning:before, html body.yp .ypw-portlet .form-group.error:before, html body.yp .ypw-portlet .form-group.warning:before {
    content: '\f071';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    position: absolute;
    left: 10px;
    top: 8px; }
  html body.yp .ypw-portlet .form-group.error .form-control, html body.yp .ypw-portlet .form-group.warning .form-control, html body.yp .ypw-portlet .form-group.error .form-control, html body.yp .ypw-portlet .form-group.warning .form-control {
    padding-left: 43px; }
  html body.yp .ypw-portlet .form-group.error .help-block, html body.yp .ypw-portlet .form-group.warning .help-block, html body.yp .ypw-portlet .form-group.error .help-block, html body.yp .ypw-portlet .form-group.warning .help-block {
    position: absolute;
    z-index: 2;
    width: 100%;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    padding: 16px; }
  html body.yp .ypw-portlet .form-group.error .help-block ul, html body.yp .ypw-portlet .form-group.warning .help-block ul, html body.yp .ypw-portlet .form-group.error .help-block ul, html body.yp .ypw-portlet .form-group.warning .help-block ul {
    padding-left: 0;
    list-style: none; }
  html body.yp .ypw-portlet .form-group.error .help-block ul:only-child, html body.yp .ypw-portlet .form-group.warning .help-block ul:only-child, html body.yp .ypw-portlet .form-group.error .help-block ul:only-child, html body.yp .ypw-portlet .form-group.warning .help-block ul:only-child {
    margin-bottom: 0; }
  html body.yp .ypw-portlet .form-group.error .help-block ul li:before, html body.yp .ypw-portlet .form-group.warning .help-block ul li:before, html body.yp .ypw-portlet .form-group.error .help-block ul li:before, html body.yp .ypw-portlet .form-group.warning .help-block ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    float: left;
    margin: 10px 14px 0 0; }
  html body.yp .ypw-portlet .form-group.warning:before, html body.yp .ypw-portlet .form-group.warning:before {
    color: #D9A300; }
  html body.yp .ypw-portlet .form-group.warning .help-block, html body.yp .ypw-portlet .form-group.warning .help-block {
    background-color: #f8f8f8;
    border: 1px solid #D9A300;
    color: #666; }
  html body.yp .ypw-portlet .form-group.warning .help-block ul li:before, html body.yp .ypw-portlet .form-group.warning .help-block ul li:before {
    background-color: #D9A300; }
  html body.yp .ypw-portlet .form-group.error:before, html body.yp .ypw-portlet .form-group.error:before {
    color: #EF6262; }
  html body.yp .ypw-portlet .form-group.error .help-block, html body.yp .ypw-portlet .form-group.error .help-block {
    background-color: #f8f8f8;
    border: 1px solid #ef6262;
    color: #666; }
  html body.yp .ypw-portlet .form-group.error .help-block ul li:before, html body.yp .ypw-portlet .form-group.error .help-block ul li:before {
    background-color: #EF6262; }
  html body.yp .ypw-portlet .form-group.readOnly, html body.yp .ypw-portlet .form-group.readOnly {
    max-width: 503px;
    width: 100%; }
  html body.yp .ypw-portlet .form-group.readOnly .control-label, html body.yp .ypw-portlet .form-group.readOnly .control-label {
    padding: 15px 0;
    height: auto;
    width: 45%;
    max-width: 240px;
    line-height: 23px;
    margin-bottom: 0;
    float: left; }
  html body.yp .ypw-portlet .form-group.readOnly .form-control, html body.yp .ypw-portlet .form-group.readOnly .form-control {
    padding: 15px 0;
    height: auto;
    width: 55%;
    max-width: 290px;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    clear: none;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    float: left;
    background-color: transparent; }
  html body.yp .ypw-portlet .form-group.readOnly + .readOnly, html body.yp .ypw-portlet .form-group.readOnly + .readOnly {
    margin-top: 0;
    margin-bottom: 2px; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control, html body.yp .ypw-portlet .form-group.slider-control .form-control {
    border: 0;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    position: relative;
    padding: 0 5px; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control:after, html body.yp .ypw-portlet .form-group.slider-control .form-control:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .current-slider, html body.yp .ypw-portlet .form-group.slider-control .form-control .current-slider {
    background-color: #FFF;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -14px;
    white-space: nowrap;
    padding: 0 5px; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .max-slider, html body.yp .ypw-portlet .form-group.slider-control .form-control .min-slider, html body.yp .ypw-portlet .form-group.slider-control .form-control .max-slider, html body.yp .ypw-portlet .form-group.slider-control .form-control .min-slider {
    line-height: 34px;
    float: left;
    padding: 0 10px;
    text-align: left;
    color: #666; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .max-slider, html body.yp .ypw-portlet .form-group.slider-control .form-control .max-slider {
    text-align: right; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider {
    float: left;
    margin: 0 5px;
    height: 34px;
    width: calc(100% - 150px); }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap {
    position: relative; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track {
    height: 7px;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    width: 100%; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-slider-selection, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-slider-selection {
    height: 7px !important;
    margin-top: 0;
    top: 0;
    background-color: #666;
    border-color: #666; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-slider-selection .currentValue, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-slider-selection .currentValue {
    position: absolute;
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    top: -25px;
    right: -6px;
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    white-space: nowrap; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle {
    border: 3px solid #FFF;
    background-color: #333;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    outline: 0; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle.k-state-focused, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle:hover, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle.k-state-focused, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle:hover {
    -webkit-box-shadow: 0 0 3px 8px rgba(51, 51, 51, 0.3);
    -moz-box-shadow: 0 0 3px 8px rgba(51, 51, 51, 0.3);
    box-shadow: 0 0 3px 8px rgba(51, 51, 51, 0.3); }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-widget.k-slider, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-widget.k-slider {
    width: 100%;
    display: block !important; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider.k-state-disabled .k-slider-wrap .k-slider-track, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider.k-state-disabled .k-slider-wrap .k-slider-track {
    cursor: default; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider.k-state-disabled .k-slider-wrap .k-slider-track .k-draghandle:hover, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider.k-state-disabled .k-slider-wrap .k-slider-track .k-draghandle:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-draghandle, html body.yp .ypw-portlet .form-group.slider-control .form-control .k-slider .k-draghandle {
    -o-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  html body.yp .ypw-portlet .form-group.slider-control.StaticSlider, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider {
    height: 56px; }
  html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .controls, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .controls {
    width: 100%; }
  html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .controls .form-control .current-slider, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .controls .form-control .current-slider {
    top: -20px; }
  html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .k-slider-selection, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .k-slider-selection {
    background-color: #333;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .k-draghandle, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .k-draghandle {
    width: 4px !important;
    height: 56px !important;
    left: 3px;
    border: 0 !important;
    padding: 0 5px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    cursor: grab;
    background-color: transparent !important; }
  html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .k-draghandle .draghandle-elt, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .k-draghandle .draghandle-elt {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    background-color: #333; }
  html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .k-draghandle.k-state-focused, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .k-draghandle.k-state-focused {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .k-draghandle.k-state-focused.k-state-selected, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .k-draghandle.k-state-focused.k-state-selected {
    margin-left: 0; }
  html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .form-control, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider .form-control {
    border: 0;
    padding: 10px 0;
    height: 56px !important; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .form-group.slider-control.StaticSlider.w-input.mobile-w-input, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider.w-input.mobile-w-input {
      min-height: 56px;
      height: auto; }
    html body.yp .ypw-portlet .form-group.slider-control.StaticSlider.w-input.mobile-w-input .form-control-input-wrapper, html body.yp .ypw-portlet .form-group.slider-control.StaticSlider.w-input.mobile-w-input .form-control-input-wrapper {
      width: 100% !important;
      margin-top: 10px;
      margin-left: 0; } }
  html body.yp .ypw-portlet .form-group.slider-control.w-input .controls:after, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control {
    float: left; }
  html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper {
    float: left;
    height: 37px;
    border: 1px solid #E4E4E4;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    margin-left: 20px; }
  html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input {
    width: 100%;
    height: 100%;
    line-height: 37px;
    background-color: #FFF;
    border: 0;
    padding-left: 11px; }
  html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input:not(:only-child), html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input:not(:only-child) {
    width: 50%;
    float: left; }
  html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input:not(:only-child):first-child, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input:not(:only-child):first-child {
    border-right: 1px solid #E4E4E4;
    width: calc(50% - 1px); }
  html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox {
    padding: 0; }
  html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap {
    position: relative;
    border: 0;
    height: 35px; }
  html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap .form-control-input, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap .form-control-input {
    width: calc(100% - 2.571em);
    position: absolute;
    top: 0;
    padding: 0;
    left: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #666; }
  html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap.k-state-hover, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap.k-state-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .form-group.slider-control.w-input.mobile-w-input .controls .form-control, html body.yp .ypw-portlet .form-group.slider-control.w-input.mobile-w-input .controls .form-control {
      width: 100% !important; }
    html body.yp .ypw-portlet .form-group.slider-control.w-input.mobile-w-input .controls .form-control-input-wrapper, html body.yp .ypw-portlet .form-group.slider-control.w-input.mobile-w-input .controls .form-control-input-wrapper {
      display: none; } }
  html body.yp .ypw-portlet .form-group.slider-control .controls .help-block, html body.yp .ypw-portlet .form-group.slider-control .controls .help-block {
    position: absolute; }
  html body.yp .ypw-portlet .form-group.slider-control.error:before, html body.yp .ypw-portlet .form-group.slider-control.warning:before, html body.yp .ypw-portlet .form-group.slider-control.error:before, html body.yp .ypw-portlet .form-group.slider-control.warning:before {
    content: none; }
  html body.yp .ypw-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused, html body.yp .ypw-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused {
    margin-left: 16px; }
  html body.yp .ypw-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused:before, html body.yp .ypw-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused:before, html body.yp .ypw-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused:before, html body.yp .ypw-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused:before {
    content: '\f071';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    position: absolute;
    left: -13px;
    top: 8px;
    z-index: 1; }
  html body.yp .ypw-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused:before, html body.yp .ypw-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused:before {
    color: #D9A300; }
  html body.yp .ypw-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused:before, html body.yp .ypw-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused:before {
    color: #EF6262; }
  html body.yp .ypw-portlet .form-group.textfield .form-control, html body.yp .ypw-portlet .form-group.textfield .form-control {
    padding-left: 18px;
    width: calc(100% - 20px); }
  html body.yp .ypw-portlet .form-group.textfield.required .control-label span:after, html body.yp .ypw-portlet .form-group.textfield.required .control-label span:after {
    content: "*"; }
  html body.yp .ypw-portlet .form-group.select-group .controls, html body.yp .ypw-portlet .form-group.select-group .controls {
    min-height: 36px; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper {
    position: relative;
    padding-left: 0; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .mobileClose, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .mobileClose {
    display: none; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper select, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper select {
    width: 100%;
    height: 100%;
    border: 0;
    box-shadow: none;
    font-size: 13px;
    color: #666;
    padding: 0 45px 0 15px;
    background: 0 0;
    cursor: pointer; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper select + .combo-arrow, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper select + .combo-arrow {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 20px;
    pointer-events: none; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper select + .combo-arrow .zmdi, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper select + .combo-arrow .zmdi {
    font-size: 15px;
    color: #304660; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox {
    width: 100%;
    border: 0; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap {
    border: 0;
    outline: 0 !important; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap.k-state-focused, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap.k-state-hover, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap.k-state-focused, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap.k-state-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap input.k-input, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap input.k-input {
    width: 100%;
    padding: 0;
    height: 34px;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #666; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select {
    background-color: #FFF;
    border: 0; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon {
    background: 50% 50%;
    opacity: 1;
    color: #304660 !important; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon:before, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon:before {
    content: "\f2f9";
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 15px; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select.showClose .k-icon:before, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select.showClose .k-icon:before {
    content: "\f136"; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown {
    width: 100%;
    height: 100%;
    border: 0;
    background-color: #FFF; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap {
    background-color: #FFF;
    border: 0; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-active, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-focused, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-hover, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-active, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-focused, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-active .k-select .k-icon.k-i-arrow-s:after, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-active .k-select .k-icon.k-i-arrow-s:after {
    content: '\f2fc'; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon {
    background: 0 0; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon:after, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon:after {
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 15px;
    color: #304660; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-s:after, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-s:after {
    content: '\f2f9'; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown[aria-readonly=true], html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown[aria-readonly=true] {
    opacity: .5;
    cursor: default; }
  html body.yp .ypw-portlet .form-group.select-group.comboMultiSelection, html body.yp .ypw-portlet .form-group.select-group.comboMultiSelection {
    height: auto; }
  html body.yp .ypw-portlet .form-group.select-group.comboMultiSelection .controls, html body.yp .ypw-portlet .form-group.select-group.comboMultiSelection .controls .controls-wrapper, html body.yp .ypw-portlet .form-group.select-group.comboMultiSelection .controls, html body.yp .ypw-portlet .form-group.select-group.comboMultiSelection .controls .controls-wrapper {
    height: 100%; }
  html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper, html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper {
    height: auto !important;
    position: fixed;
    top: 0;
    width: calc(100% - 20px);
    left: 10px;
    z-index: 200;
    border: 0; }
  html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper .mobileClose, html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper .mobileClose {
    display: block;
    text-align: center;
    font-size: 20px; }
  html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper .k-widget, html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper .k-widget {
    position: relative;
    border-color: #999;
    border-radius: 2px 2px 0 0;
    border-style: solid;
    border-width: 1px; }
  html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper .k-widget .k-multiselect-wrap .k-input, html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper .k-widget .k-multiselect-wrap .k-input {
    width: calc(100% - 6px) !important;
    border: 2px solid #f0f0f0;
    margin: 3px;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: calc(100vh - 72px) !important; }
  html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper .k-animation-container .k-list-container, html body.yp .ypw-portlet .form-group.select-group.mobileElt .controls-wrapper .k-animation-container .k-list-container {
    width: calc(100% - 2px) !important;
    padding-top: 0; }
  html body.yp .ypw-portlet .form-group.textarea .control-label, html body.yp .ypw-portlet .form-group.textarea .control-label {
    border: 1px solid #EEE;
    border-bottom: 0 none; }
  html body.yp .ypw-portlet .form-group.textarea .form-control, html body.yp .ypw-portlet .form-group.textarea .form-control {
    display: none !important; }
  html body.yp .ypw-portlet .form-group.textarea .hovering-class, html body.yp .ypw-portlet .form-group.textarea .hovering-class {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #999 !important;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    line-height: 23px !important;
    position: absolute;
    left: 8px;
    top: 8px;
    pointer-events: none;
    z-index: 1; }
  html body.yp .ypw-portlet .form-group.textarea .editor-inline, html body.yp .ypw-portlet .form-group.textarea .editor-inline {
    float: left;
    width: 100%;
    background-color: #FFF;
    position: relative;
    font-size: 13px;
    color: #666;
    padding: 8px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    min-height: 136px;
    outline: 0;
    border: 1px solid #EEE;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .form-group.textarea .editor-inline:after, html body.yp .ypw-portlet .form-group.textarea .editor-inline:after {
    width: 100%;
    height: 1px;
    position: absolute;
    content: ' ';
    bottom: -1px;
    left: 0;
    background-color: #DDD;
    -o-transition: background-color 250ms;
    -webkit-transition: background-color 250ms;
    -moz-transition: background-color 250ms;
    transition: background-color 250ms; }
  html body.yp .ypw-portlet .form-group.textarea .editor-inline:focus, html body.yp .ypw-portlet .form-group.textarea .editor-inline:focus {
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -o-transition: box-shadow 250ms;
    -webkit-transition: box-shadow 250ms;
    -moz-transition: box-shadow 250ms;
    transition: box-shadow 250ms; }
  html body.yp .ypw-portlet .form-group.textarea .editor-inline:focus:after, html body.yp .ypw-portlet .form-group.textarea .editor-inline:focus:after {
    background-color: #AAA;
    -o-transition: background-color 250ms;
    -webkit-transition: background-color 250ms;
    -moz-transition: background-color 250ms;
    transition: background-color 250ms; }
  html body.yp .ypw-portlet .form-group.textarea textarea.editor-inline, html body.yp .ypw-portlet .form-group.textarea textarea.editor-inline {
    resize: none; }
  html body.yp .ypw-portlet .form-group.textarea .controls .k-editor, html body.yp .ypw-portlet .form-group.textarea .controls .k-editor {
    height: auto;
    min-height: 85px; }
  html body.yp .ypw-portlet .form-group.textarea .controls .k-editor tbody tr td.k-editable-area, html body.yp .ypw-portlet .form-group.textarea .controls .k-editor tbody tr td.k-editable-area {
    padding: 10px 20px; }
  html body.yp .ypw-portlet .form-group.textarea .controls .k-editor.no-toolbar tbody tr td.k-editable-area, html body.yp .ypw-portlet .form-group.textarea .controls .k-editor.no-toolbar tbody tr td.k-editable-area {
    border: 0;
    padding: 10px 20px; }
  html body.yp .ypw-portlet .form-group.radioListing, html body.yp .ypw-portlet .form-group.radioListing {
    max-width: none; }
  html body.yp .ypw-portlet .form-group.radioListing .controls-wrapper, html body.yp .ypw-portlet .form-group.radioListing .controls-wrapper {
    height: auto;
    border: 0; }
  html body.yp .ypw-portlet .form-group.radioListing .controls-wrapper .radio .radio-elt-wrapper, html body.yp .ypw-portlet .form-group.radioListing .controls-wrapper .radio .radio-elt-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px; }
  html body.yp .ypw-portlet .form-group.radioListing .controls-wrapper .radio .radio-elt-wrapper + label, html body.yp .ypw-portlet .form-group.radioListing .controls-wrapper .radio .radio-elt-wrapper + label {
    vertical-align: top;
    padding-left: 0;
    display: inline-block;
    max-width: calc(100% - 25px); }
  html body.yp .ypw-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper:after, html body.yp .ypw-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio, html body.yp .ypw-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 40px; }
  html body.yp .ypw-portlet .form-group.radioListing .controls .controls-wrapper .radio label .radio-input, html body.yp .ypw-portlet .form-group.radioListing .controls .controls-wrapper .radio label .radio-input {
    margin-top: 4px; }
  html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper, html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper {
    position: relative; }
  html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper, html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper {
    height: 100%;
    width: 100%;
    position: relative; }
  html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .form-control, html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .form-control {
    padding: 0 15px;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #666;
    cursor: pointer;
    padding-left: 0; }
  html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon, html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 17px;
    color: #30465f;
    font-size: 12px;
    cursor: pointer; }
  html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-calendar, html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-calendar {
    pointer-events: none; }
  html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-remove, html body.yp .ypw-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-remove {
    display: none;
    right: 2px; }
  html body.yp .ypw-portlet .form-group.dateRange-group.w-label .controls-wrapper, html body.yp .ypw-portlet .form-group.dateRange-group.w-label .controls-wrapper {
    padding: 0; }
  html body.yp .ypw-portlet .form-group.dateRange-group.w-label .dateRangeLabel, html body.yp .ypw-portlet .form-group.dateRange-group.w-label .dateRangeLabel {
    width: 67px;
    height: 100%;
    float: left;
    padding-left: 9px;
    line-height: 34px;
    color: #666; }
  html body.yp .ypw-portlet .form-group.dateRange-group.w-label .dateRangeLabel + .dateRange-wrapper, html body.yp .ypw-portlet .form-group.dateRange-group.w-label .dateRangeLabel + .dateRange-wrapper {
    width: calc(100% - 67px);
    float: left; }
  html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel {
    border-right: 1px solid #E4E4E4; }
  html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper {
    width: calc(50% - 67px) !important; }
  html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control {
    padding-left: 10px;
    padding-right: 48px;
    width: 100%;
    position: relative; }
  html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control + .glyphicon, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control + .glyphicon {
    pointer-events: all;
    z-index: 2; }
  html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel {
    border-left: 1px solid #E4E4E4; }
  html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .glyphicon-remove, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .glyphicon-remove {
    right: 2px;
    pointer-events: all;
    display: none; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper {
      height: 72px; }
    html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel {
      height: 36px;
      border-bottom: 1px solid #E4E4E4; }
    html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper {
      border-bottom: 1px solid #E4E4E4;
      width: calc(100% - 67px) !important; }
    html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel {
      border-left: 0 none;
      border-bottom: 0 none; }
    html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel + .dateRange-wrapper, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel + .dateRange-wrapper {
      height: 34px;
      border-bottom: 0 none; }
    html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRange-wrapper, html body.yp .ypw-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRange-wrapper {
      width: calc(100% - 67px) !important;
      height: 36px; } }
  html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper, html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper {
    padding-left: 0; }
  html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker, html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker {
    padding: 0; }
  html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap, html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap {
    border: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #fff !important;
    padding: 0;
    height: 34px; }
  html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .form-control.k-input, html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .form-control.k-input {
    width: 100%;
    padding: 0;
    height: 34px; }
  html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select .k-i-calendar, html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select .k-i-calendar {
    background: 0 0;
    opacity: 1 !important;
    margin-left: -11px; }
  html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select .k-i-calendar:before, html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select .k-i-calendar:before {
    content: "\f133";
    color: #30465f;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 12px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select, html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select {
      width: 45px; } }
  html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper > .glyphicon, html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper > .glyphicon {
    right: 3px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper > .glyphicon, html body.yp .ypw-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper > .glyphicon {
      right: 5px;
      font-size: 13px;
      top: 16px; } }
  html body.yp .ypw-portlet .form-group.dateRange-group:not(.kendo-datepicker) .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-calendar, html body.yp .ypw-portlet .form-group.dateRange-group:not(.kendo-datepicker) .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-calendar {
    right: 23px; }
  html body.yp .ypw-portlet .form-group.dateRange-group:not(.kendo-datepicker) .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-remove, html body.yp .ypw-portlet .form-group.dateRange-group:not(.kendo-datepicker) .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-remove {
    font-size: 13px;
    right: 5px; }
  html body.yp .ypw-portlet .form-group.w-label:not(.dateRange-group), html body.yp .ypw-portlet .form-group.w-label:not(.dateRange-group) {
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 36px; }
  html body.yp .ypw-portlet .form-group.w-label:not(.dateRange-group):after, html body.yp .ypw-portlet .form-group.w-label:not(.dateRange-group):after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .form-group.w-label:not(.dateRange-group) .controlLabelSide, html body.yp .ypw-portlet .form-group.w-label:not(.dateRange-group) .controlLabelSide {
    width: 67px;
    height: 34px;
    line-height: 34px;
    padding-left: 9px;
    border-right: 1px solid #E4E4E4;
    float: left;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  html body.yp .ypw-portlet .form-group.w-label:not(.dateRange-group) .controls, html body.yp .ypw-portlet .form-group.w-label:not(.dateRange-group) .controls {
    width: calc(100% - 67px);
    float: left; }
  html body.yp .ypw-portlet .form-group.w-label:not(.dateRange-group) .controls .form-control, html body.yp .ypw-portlet .form-group.w-label:not(.dateRange-group) .controls .form-control {
    border: 0;
    height: 34px; }
  html body.yp .ypw-portlet .form-group.select-input:after, html body.yp .ypw-portlet .form-group.select-input:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .form-group.select-input .form-group.select-group, html body.yp .ypw-portlet .form-group.select-input .form-group.select-group {
    float: left;
    width: 67px; }
  html body.yp .ypw-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper, html body.yp .ypw-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper {
    border-right: 0 none; }
  html body.yp .ypw-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper > select, html body.yp .ypw-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper > select {
    padding-right: 15px;
    padding-left: 10px; }
  html body.yp .ypw-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper > select + .combo-arrow, html body.yp .ypw-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper > select + .combo-arrow {
    right: 5px; }
  html body.yp .ypw-portlet .form-group.select-input .form-group.select-group + .form-group, html body.yp .ypw-portlet .form-group.select-input .form-group.select-group + .form-group {
    float: left;
    width: calc(100% - 67px); }
  html body.yp .ypw-portlet .form-group.select-input .form-group.result-group, html body.yp .ypw-portlet .form-group.select-input .form-group.result-group {
    display: none; }
  html body.yp .ypw-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox, html body.yp .ypw-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox {
    border-radius: 0;
    height: 34px; }
  html body.yp .ypw-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input, html body.yp .ypw-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input {
    height: 34px;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    -moz-appearance: textfield; }
  html body.yp .ypw-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input::-webkit-inner-spin-button, html body.yp .ypw-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input::-webkit-outer-spin-button, html body.yp .ypw-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input::-webkit-inner-spin-button, html body.yp .ypw-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input::-webkit-outer-spin-button {
    -webkit-appearance: none; }
  html body.yp .ypw-portlet .form-group.select-input.numerical-input.no-arrows .form-group .controls .k-numerictextbox .k-numeric-wrap, html body.yp .ypw-portlet .form-group.select-input.numerical-input.no-arrows .form-group .controls .k-numerictextbox .k-numeric-wrap {
    padding-right: 0; }
  html body.yp .ypw-portlet .form-group.select-input.numerical-input.no-arrows .form-group .controls .k-numerictextbox .k-numeric-wrap .k-select, html body.yp .ypw-portlet .form-group.select-input.numerical-input.no-arrows .form-group .controls .k-numerictextbox .k-numeric-wrap .k-select {
    display: none; }
  html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .cancel .cancel-upload, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .cancel .cancel-upload .btn, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .cancel .cancel-upload, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .cancel .cancel-upload .btn {
    padding: 0; }
  html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error {
    float: left;
    clear: both;
    width: 100%; }
  html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error-message, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error-message {
    padding: 10px 20px;
    padding-right: 0;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #a94442;
    margin-right: 10px;
    float: left; }
  html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error-message .zmdi, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error-message .zmdi {
    font-size: 18px;
    color: #a94442;
    margin-right: 10px; }
  html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .name, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .name {
    float: left;
    padding: 10px 20px;
    padding: 10px 0; }
  html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete {
    float: right;
    padding: 10px 20px; }
  html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0; }
  html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn .zmdi, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn .zmdi {
    font-size: 18px;
    color: #999;
    width: 15px;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn:hover .zmdi, html body.yp .ypw-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn:hover .zmdi {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group {
    display: block;
    width: 100%;
    height: 36px; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group input.form-control, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group input.form-control {
    padding-right: 33px;
    -moz-appearance: textfield; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group input.form-control::-webkit-inner-spin-button, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group input.form-control::-webkit-outer-spin-button, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group input.form-control::-webkit-inner-spin-button, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group input.form-control::-webkit-outer-spin-button {
    -webkit-appearance: none; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select {
    width: 33px;
    height: 36px;
    position: absolute;
    right: 1px;
    top: 0;
    z-index: 3;
    border-radius: 0 2px 2px 0;
    opacity: .7; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select:hover, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select:hover {
      opacity: 1; } }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn {
    height: 18px;
    width: 100%;
    position: absolute;
    left: 0;
    cursor: pointer;
    vertical-align: middle;
    border-width: 0;
    padding: 0;
    display: block; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:first-child, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:first-child {
    top: 0; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:first-child .zmdi, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:first-child .zmdi {
    margin-top: 4px; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:last-child, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:last-child {
    bottom: 0; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:last-child .zmdi, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:last-child .zmdi {
    margin-top: -2px; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon {
    background-image: url(../css/vendors/kendo/Material/sprite.png);
    height: 11px;
    display: block;
    width: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    margin: auto;
    z-index: 2;
    position: relative; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon.spinner-arrow-up, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon.spinner-arrow-up {
    background-position: 0 -3px;
    vertical-align: bottom;
    margin-top: 7px; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon.spinner-arrow-down, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon.spinner-arrow-down {
    background-position: 0 -35px;
    vertical-align: top; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .zmdi, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .zmdi {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    color: #304660;
    font-size: 15px; }
  html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select.spinner-focused, html body.yp .ypw-portlet .form-group.customNumericalInput .input-group .spinner-select.spinner-focused {
    background-color: #ebebeb;
    opacity: 1; }
  html body.yp .ypw-portlet .form-group.comboBox .controls .controls-wrapper .k-combobox .k-dropdown-wrap.k-state-border-down, html body.yp .ypw-portlet .form-group.comboBox .controls .controls-wrapper .k-combobox .k-dropdown-wrap.k-state-border-down {
    padding-bottom: 0; }
  html body.yp .ypw-portlet .checkbox-wrapper > input:checked:before {
    border: 2px solid #666;
    border-top-width: 0;
    border-left-width: 0; }
  html body.yp .ypw-portlet .checkbox-wrapper > input:after {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 20px; }
  html body.yp .ypw-portlet .checkbox-wrapper > label {
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: top;
    max-width: calc(100% - 45px); }
  html body.yp .ypw-portlet .checkbox-wrapper > label .checkboxText {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666; }
  html body.yp .ypw-portlet .checkbox-wrapper .checkbox-elt-wrapper {
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px; }
  html body.yp .ypw-portlet .checkbox-wrapper .checkbox-elt-wrapper > input:checked + label span span {
    width: 6px;
    height: 12px;
    border: 2px solid #666;
    border-top-width: 0;
    border-left-width: 0;
    top: 2px;
    left: 6px; }
  html body.yp .ypw-portlet .checkbox-wrapper .checkbox-elt-wrapper > label > span {
    margin-right: 0; }
  html body.yp .ypw-portlet .checkbox-elt-wrapper {
    width: 20px;
    height: 20px;
    position: relative; }
  html body.yp .ypw-portlet .checkbox-elt-wrapper > input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0; }
  html body.yp .ypw-portlet .checkbox-elt-wrapper > input:checked + label span span {
    position: absolute;
    display: table;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3px;
    left: 7px;
    width: 3px;
    height: 9px;
    border: 3px solid #666;
    border-top-width: 0;
    border-left-width: 0; }
  html body.yp .ypw-portlet .checkbox-elt-wrapper > input:focus + label > span {
    outline: -webkit-focus-ring-color auto;
    outline-offset: -2px !important; }
  html body.yp .ypw-portlet .checkbox-elt-wrapper > label {
    margin-bottom: 0; }
  html body.yp .ypw-portlet .checkbox-elt-wrapper > label > span {
    cursor: pointer;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    -webkit-border-radius: 4%;
    -moz-border-radius: 4%;
    border-radius: 4%;
    margin-right: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .switch-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .switch-wrapper .switch-input {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden; }
  html body.yp .ypw-portlet .switch-wrapper .switch-input + label {
    position: relative;
    cursor: pointer;
    outline: 0;
    user-select: none;
    padding: 2px;
    width: 45px;
    height: 25px;
    background-color: #666;
    border-radius: 60px;
    transition: background .4s;
    margin-right: 20px;
    margin-bottom: 0;
    display: inline-block;
    float: none;
    vertical-align: top; }
  html body.yp .ypw-portlet .switch-wrapper .switch-input + label:after, html body.yp .ypw-portlet .switch-wrapper .switch-input + label:before {
    display: block;
    position: absolute;
    content: ""; }
  html body.yp .ypw-portlet .switch-wrapper .switch-input + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #666;
    border-radius: 60px;
    transition: background .4s; }
  html body.yp .ypw-portlet .switch-wrapper .switch-input + label:after {
    top: 3px;
    left: 4px;
    bottom: 4px;
    width: 19px;
    height: 19px;
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    transition: margin .4s,background .4s; }
  html body.yp .ypw-portlet .switch-wrapper .switch-input:checked + label {
    background-color: #39ADD2; }
  html body.yp .ypw-portlet .switch-wrapper .switch-input:checked + label:after {
    margin-left: 17px; }
  html body.yp .ypw-portlet .switch-wrapper .switch-input:checked + label:before {
    background-color: #39ADD2; }
  html body.yp .ypw-portlet .switch-wrapper .switch-input:focus + label {
    outline: #4D90FE auto 5px !important;
    outline-offset: -2px !important; }
  html body.yp .ypw-portlet .switch-wrapper .switch-text {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    line-height: 25px;
    cursor: pointer;
    display: inline-block;
    float: none;
    vertical-align: top;
    max-width: calc(100% - 70px); }
  html body.yp .ypw-portlet .radio-elt-wrapper {
    width: 20px;
    height: 20px;
    position: relative; }
  html body.yp .ypw-portlet .radio-elt-wrapper > input {
    width: 0;
    height: 0;
    position: absolute !important;
    opacity: 0; }
  html body.yp .ypw-portlet .radio-elt-wrapper > input:checked + label span span {
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5); }
  html body.yp .ypw-portlet .radio-elt-wrapper > input:focus + label > span {
    outline: -webkit-focus-ring-color auto;
    outline-offset: -2px !important; }
  html body.yp .ypw-portlet .radio-elt-wrapper > label {
    margin-bottom: 0;
    padding-left: 0; }
  html body.yp .ypw-portlet .radio-elt-wrapper > label > span {
    cursor: pointer;
    background-color: #fff !important;
    border: 2px solid #666 !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 20px;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .radio-elt-wrapper > label > span > span {
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-transition: 240ms;
    -webkit-transition: 240ms;
    -moz-transition: 240ms;
    transition: 240ms;
    display: block;
    width: 18px;
    height: 18px;
    left: -2px;
    top: -2px;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    background-color: #666; }
  html body.yp .ypw-portlet .element-action-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    height: 25px;
    cursor: pointer; }
  html body.yp .ypw-portlet .element-action-wrapper .action-icon {
    position: absolute;
    left: 50%;
    top: 0;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25px;
    height: 25px;
    text-align: center;
    z-index: 3;
    line-height: 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -o-transition: background-color 350ms;
    -webkit-transition: background-color 350ms;
    -moz-transition: background-color 350ms;
    transition: background-color 350ms; }
  html body.yp .ypw-portlet .element-action-wrapper .action-icon .zmdi {
    color: #CCC;
    font-size: 26px; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .element-action-wrapper .action-icon:hover {
      background-color: #999;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms; } }
  html body.yp .ypw-portlet .element-action-wrapper .action-options-wrapper {
    position: absolute;
    width: 128px;
    padding: 35px 0 10px;
    right: -20px;
    left: auto;
    top: -13px;
    background-color: #FFF;
    z-index: 2;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -o-transition: transform 350ms;
    -webkit-transition: transform 350ms;
    -moz-transition: transform 350ms;
    transition: transform 350ms;
    -webkit-box-shadow: 0 0 18px rgba(204, 204, 204, 0.62);
    -moz-box-shadow: 0 0 18px rgba(204, 204, 204, 0.62);
    box-shadow: 0 0 18px rgba(204, 204, 204, 0.62); }
  html body.yp .ypw-portlet .element-action-wrapper .action-options-wrapper .options {
    opacity: 0;
    -o-transition: opacity 350ms 500ms;
    -webkit-transition: opacity 350ms 500ms;
    -moz-transition: opacity 350ms 500ms;
    transition: opacity 350ms 500ms; }
  html body.yp .ypw-portlet .element-action-wrapper .action-options-wrapper .options .option {
    height: 32px;
    color: #96be0f;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
    padding: 0 22px 0 5px;
    line-height: 32px;
    text-align: left; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .element-action-wrapper .action-options-wrapper .options .option:hover {
      background-color: #EDEDED; } }
  html body.yp .ypw-portlet .element-action-wrapper .action-options-wrapper .options .option .link, html body.yp .ypw-portlet .element-action-wrapper .action-options-wrapper .options .option .yp-portlet .label-email, html body.yp .yp-portlet .ypw-portlet .element-action-wrapper .action-options-wrapper .options .option .label-email {
    text-decoration: none !important;
    color: inherit !important;
    display: block; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .element-action-wrapper .action-options-wrapper {
      right: -16px !important; } }
  html body.yp .ypw-portlet .element-action-wrapper.open {
    z-index: 5; }
  html body.yp .ypw-portlet .element-action-wrapper.open .action-options-wrapper {
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -o-transition: transform 350ms;
    -webkit-transition: transform 350ms;
    -moz-transition: transform 350ms;
    transition: transform 350ms; }
  html body.yp .ypw-portlet .element-action-wrapper.open .action-options-wrapper .options {
    opacity: 1;
    -o-transition: opacity 350ms 250ms;
    -webkit-transition: opacity 350ms 250ms;
    -moz-transition: opacity 350ms 250ms;
    transition: opacity 350ms 250ms; }
  html body.yp .ypw-portlet .element-action-wrapper:not(.open) .action-options-wrapper {
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -o-transition: transform 350ms 250ms;
    -webkit-transition: transform 350ms 250ms;
    -moz-transition: transform 350ms 250ms;
    transition: transform 350ms 250ms; }
  html body.yp .ypw-portlet .element-action-wrapper:not(.open) .action-options-wrapper .options {
    opacity: 0;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .ypw-portlet .checkbox input[type=checkbox]:focus:after, html body.yp .ypw-portlet .checkbox-inline input[type=checkbox]:focus:after, html body.yp .ypw-portlet .radio input[type=radio]:focus, html body.yp .ypw-portlet .radio-inline input[type=radio]:focus, html body.yp .ypw-portlet input[type=radio]:focus, html body.yp .ypw-portlet t input[type=checkbox]:focus:after {
    outline: #4D90FE auto 5px !important;
    outline-offset: -2px !important; }
  html body.yp .ypw-portlet .checkbox input[type=checkbox]:checked:after, html body.yp .ypw-portlet .checkbox-inline input[type=checkbox]:checked:after, html body.yp .ypw-portlet input[type=checkbox]:checked:after {
    background-color: #96BE0F;
    border-color: #96BE0F; }
  html body.yp .ypw-portlet .k-popup .k-primary {
    background-color: #96BE0F !important;
    color: #FFF;
    -o-transition: background-color 350ms;
    -webkit-transition: background-color 350ms;
    -moz-transition: background-color 350ms;
    transition: background-color 350ms; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .k-popup .k-primary:hover {
      background-color: rgba(150, 190, 15, 0.7) !important;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms; } }
  html body.yp .ypw-portlet .k-list-container {
    position: relative; }
  html body.yp .ypw-portlet .k-list-container.comboMultiSelection {
    background-color: #F5F5F5;
    padding: 20px;
    min-width: 320px;
    position: absolute; }
  html body.yp .ypw-portlet .k-list-container.comboMultiSelection .k-header {
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    border-top: 0; }
  html body.yp .ypw-portlet .k-list-container.comboMultiSelection .k-header span {
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.comboMultiSelection .k-list .k-item {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #DDD;
    line-height: normal; }
  html body.yp .ypw-portlet .k-list-container.comboMultiSelection .k-list .k-item > span {
    line-height: 48px; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .k-list-container.comboMultiSelection .k-list .k-item:hover {
      background-color: #96BE0F;
      color: #FFF; } }
  html body.yp .ypw-portlet .k-list-container.comboMultiSelection .k-list .k-item.k-state-focused {
    background-color: #96BE0F;
    color: #FFF; }
  html body.yp .ypw-portlet .daterangepicker.dropdown-menu {
    z-index: 100; }
  html body.yp .ypw-portlet .tooltip-wrapper {
    position: relative;
    display: inline-block;
    height: auto;
    width: 17px;
    overflow: visible; }
  html body.yp .ypw-portlet .tooltip-wrapper .tooltip-icon {
    font-size: 20px;
    color: #addb11;
    display: inline; }
  html body.yp .ypw-portlet .tooltip-wrapper .tooltip-box {
    position: absolute;
    background: #39add2;
    z-index: 1;
    width: auto;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  html body.yp .ypw-portlet .tooltip-wrapper .tooltip-box .box-text {
    color: rgba(235, 237, 240, 0.9);
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding: 3px 6px;
    white-space: nowrap; }
  html body.yp .ypw-portlet .tooltip-wrapper .tooltip-box .box-arrow {
    border: solid;
    border-color: #39ADD2 transparent;
    border-width: 6px 6px 0;
    left: 50%;
    position: absolute;
    z-index: 2; }
  html body.yp .ypw-portlet .tooltip-wrapper .tooltip-text {
    font-size: 20px;
    color: #addb11; }
  html body.yp .ypw-portlet .tooltip-wrapper .tooltip-text:before {
    border: solid;
    color: #FFF;
    border-color: #333 transparent;
    border-width: 6px 6px 0;
    bottom: 6px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99; }
  html body.yp .ypw-portlet .tooltip-wrapper.left-tooltip .tooltip-box {
    left: -10px; }
  html body.yp .ypw-portlet .tooltip-wrapper.left-tooltip .tooltip-box .box-arrow {
    left: 12px; }
  html body.yp .ypw-portlet .tooltip-wrapper.right-tooltip .tooltip-box {
    right: -10px; }
  html body.yp .ypw-portlet .tooltip-wrapper.right-tooltip .tooltip-box .box-arrow {
    right: 12px;
    left: auto; }
  html body.yp .ypw-portlet .tooltip-wrapper.top-tooltip .tooltip-box {
    bottom: 40px; }
  html body.yp .ypw-portlet .tooltip-wrapper.top-tooltip .tooltip-box .box-arrow {
    bottom: -6px; }
  html body.yp .ypw-portlet .tooltip-wrapper.bottom-tooltip .tooltip-box {
    top: 40px; }
  html body.yp .ypw-portlet .tooltip-wrapper.bottom-tooltip .tooltip-box .box-arrow {
    top: -6px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }
  html body.yp .ypw-portlet .tooltip-wrapper.lg-tooltip, html body.yp .ypw-portlet .tooltip-wrapper.md-tooltip, html body.yp .ypw-portlet .tooltip-wrapper.sm-tooltip, html body.yp .ypw-portlet .tooltip-wrapper.xl-tooltip, html body.yp .ypw-portlet .tooltip-wrapper.xs-tooltip {
    max-width: 70%; }
  html body.yp .ypw-portlet .tooltip-wrapper.lg-tooltip .box-text, html body.yp .ypw-portlet .tooltip-wrapper.md-tooltip .box-text, html body.yp .ypw-portlet .tooltip-wrapper.sm-tooltip .box-text, html body.yp .ypw-portlet .tooltip-wrapper.xl-tooltip .box-text, html body.yp .ypw-portlet .tooltip-wrapper.xs-tooltip .box-text {
    white-space: normal; }
  html body.yp .ypw-portlet .tooltip-wrapper.xs-tooltip .tooltip-box {
    min-width: 100px; }
  html body.yp .ypw-portlet .tooltip-wrapper.sm-tooltip .tooltip-box {
    min-width: 300px; }
  html body.yp .ypw-portlet .tooltip-wrapper.md-tooltip .tooltip-box {
    min-width: 500px; }
  html body.yp .ypw-portlet .tooltip-wrapper.lg-tooltip .tooltip-box {
    min-width: 700px; }
  html body.yp .ypw-portlet .tooltip-wrapper.xl-tooltip .tooltip-box {
    min-width: 900px; }
  html body.yp .ypw-portlet .tooltip-wrapper.showing .tooltip-box {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .ypw-portlet .tooltip-wrapper.showed .tooltip-box {
    opacity: 1; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .tooltip-wrapper .tooltip-box .box-text {
      white-space: normal; } }
  html body.yp .ypw-portlet .k-multiselect-wrap input, html body.yp .ypw-portlet .k-popup .k-list .k-item, html body.yp .ypw-portlet .k-popup .k-list .k-state-focused, html body.yp .ypw-portlet .k-popup .k-list .k-state-hover, html body.yp .ypw-portlet .k-popup .k-list .k-state-selected {
    color: #666; }
  html body.yp .ypw-portlet .k-multiselect-wrap {
    cursor: text; }
  html body.yp .ypw-portlet .k-multiselect-wrap:before {
    content: "\f2f9";
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 15px;
    color: #304660;
    position: absolute;
    right: 14px;
    top: 0;
    line-height: 35px;
    cursor: pointer;
    width: 8px;
    min-height: 35px;
    height: 100%; }
  html body.yp .ypw-portlet .k-calendar-container .k-footer .k-link.k-nav-today {
    color: #333;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-animation-container {
    opacity: 0 !important; }
  html body.yp .ypw-portlet .k-animation-container.show-animation-container {
    opacity: 1 !important; }
  html body.yp .ypw-portlet .k-animation-container.kendoMultiSelect-container {
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  html body.yp .ypw-portlet .k-animation-container.kendoMultiSelect-container.show-kendoMultiSelect, html body.yp .ypw-portlet .k-animation-container.kendoMultiSelect-multiple-container {
    opacity: 1 !important; }
  html body.yp .ypw-portlet .k-animation-container.kendoMultiSelect-multiple-container .item-title {
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-animation-container.kendoMultiSelect-multiple-container .item-title .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-animation-container.kendoMultiSelect-multiple-container .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .k-animation-container.kendoMultiSelect-multiple-container .k-item.k-state-selected .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-animation-container.kendoComboBox-container.show-kendoComboBox, html body.yp .ypw-portlet .k-animation-container.kendoDropDownList-container.show-kendoDropDownList {
    opacity: 1 !important; }
  html body.yp .ypw-portlet .k-animation-container.kendoComboBox-container .k-item {
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-animation-container.kendoComboBox-container .k-item .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-animation-container.kendoDatePicker-container.show-kendoDatePicker {
    opacity: 1 !important; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container {
    overflow: hidden;
    border: 0 !important;
    background-color: #F5F5F5; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .dropdown-header {
    background-color: transparent;
    position: relative;
    border: 0; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .dropdown-header .dropdown-header-title {
    color: #666;
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .dropdown-header .mCustomScrollBox .mCSB_container {
    margin-bottom: 0; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .dropdown-header .mCustomScrollBox .mCSB_scrollTools {
    width: 100%;
    height: 0; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .dropdown-header .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    display: none; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content {
    overflow: scroll;
    overflow-x: hidden; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item {
    width: auto;
    display: block; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view {
    width: 320px !important;
    max-width: 90vw;
    position: relative !important; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .dropdown-header, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .dropdown-header {
    display: none; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item {
    height: auto !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    padding: 0 10px !important; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title {
    width: 100% !important;
    float: left;
    line-height: normal;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before {
    content: attr(data-title) ": ";
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-height-container, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-height-container {
    display: none; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view {
    width: auto !important;
    position: relative !important;
    padding: 8px 35px 0 17px !important; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .dropdown-header, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .dropdown-header {
    border: 0;
    padding: 0 !important;
    margin: 5px 0; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content {
    width: auto;
    margin-right: -19px; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list {
    width: 100%;
    display: block; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item {
    width: auto;
    display: block;
    padding: 0;
    border-top: 1px solid #DDD; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover {
    background-color: #96be0f;
    opacity: .5; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper {
    margin-right: 0; }
  html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container, html body.yp .ypw-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container {
    padding-right: 0; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .dropdown-header {
    background-color: transparent;
    position: relative;
    border: 0; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .dropdown-header .dropdown-header-title {
    color: #666;
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .dropdown-header .mCustomScrollBox .mCSB_container {
    margin-bottom: 0; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .dropdown-header .mCustomScrollBox .mCSB_scrollTools {
    width: 100%;
    height: 0; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .dropdown-header .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    display: none; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .k-item {
    width: auto;
    display: block; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .k-item .item-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .k-item .item-wrapper .item-title .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container .k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-mobile .k-item, html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-mobile-view .k-item {
    height: auto !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    padding: 0 10px !important; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-mobile .k-item .item-wrapper:after, html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-mobile-view .k-item .item-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-mobile .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-mobile-view .k-item .item-wrapper .item-title {
    width: 100% !important;
    float: left;
    line-height: normal;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-mobile .k-item .item-wrapper .item-title:before, html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-mobile-view .k-item .item-wrapper .item-title:before {
    content: attr(data-title) ": ";
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop, html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view {
    width: auto !important;
    position: relative !important;
    padding: 8px 35px 0 17px !important; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop .dropdown-header, html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view .dropdown-header {
    border: 0;
    padding: 0 !important;
    margin: 5px 0; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop .k-item, html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view .k-item {
    width: auto;
    display: block;
    padding: 0;
    border-top: 1px solid #DDD; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view .k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop .k-item.k-state-hover, html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view .k-item.k-state-hover {
    background-color: #96be0f;
    opacity: .5; }
  html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop .k-item.k-state-hover .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view .k-item.k-state-hover .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container .k-list-optionlabel {
    padding: 1px 11px;
    color: #96be0f; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox .item-title-strong, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #96be0f; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox .k-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect .k-item {
    border-bottom: 0 none; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox .k-item .item-wrapper, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect .k-item .item-wrapper {
    display: block;
    height: 100%; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect .k-item .item-wrapper .item-title {
    position: relative; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox .k-item.k-state-selected, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect .k-item.k-state-selected {
    background-color: #96be0f;
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox .k-item.k-state-selected .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect .k-item.k-state-selected .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate {
    min-width: 0 !important;
    background-color: #F5F5F5; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header {
    background-color: transparent;
    position: relative;
    border: 0;
    display: inline-block;
    padding: 0; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header:after, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header .dropdown-header-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header .dropdown-header-title {
    color: #666;
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    float: left;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header .mCustomScrollBox .mCSB_container, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header .mCustomScrollBox .mCSB_container {
    margin-bottom: 0; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header .mCustomScrollBox .mCSB_scrollTools, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header .mCustomScrollBox .mCSB_scrollTools {
    width: 100%;
    height: 0; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    display: none; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content {
    overflow: scroll;
    overflow-x: hidden; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item {
    width: auto;
    display: block; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title .item-title-strong, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller {
    display: inline-block; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller .k-list .k-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller .k-list .k-item {
    width: auto;
    display: block; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller .k-list .k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller .k-list .k-item .item-wrapper .item-title .item-title-strong, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller .k-list .k-item .item-wrapper .item-title .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller .k-list .k-item.k-state-selected, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller .k-list .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view {
    height: auto !important; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-header, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-header, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-header, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-header {
    display: none; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item {
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    padding: 0 10px !important;
    max-width: 100%; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper {
    display: block; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title {
    width: 100% !important;
    float: left;
    line-height: normal;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before {
    content: attr(data-title) ": ";
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-height-container, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-height-container, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-height-container, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-height-container {
    display: none; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller {
    width: 100%; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item {
    height: auto !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    padding: 0 10px !important; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper {
    display: block; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper:after, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper:after, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper:after, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper .item-title {
    width: 100% !important;
    float: left;
    line-height: normal;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper .item-title:before, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper .item-title:before, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper .item-title:before, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper .item-title:before {
    content: attr(data-title) ": ";
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view {
    padding: 18px 0 0 18px;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-item .item-wrapper .item-title {
    position: relative;
    height: 100%; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-item .item-wrapper .item-title .item-description, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-item .item-wrapper .item-title .item-description, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-item .item-wrapper .item-title .item-description, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-item .item-wrapper .item-title .item-description {
    white-space: normal;
    line-height: 18px;
    text-overflow: initial;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content {
    width: auto; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list {
    width: 100%;
    display: block; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item {
    width: auto;
    display: block;
    padding: 0;
    border-top: 1px solid #DDD; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover {
    background-color: #96be0f;
    opacity: .5;
    color: #FFF; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper {
    margin-right: 0; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container {
    padding-right: 0; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item {
    height: 40px;
    width: auto;
    display: block;
    padding: 0;
    border-top: 1px solid #DDD; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item .item-wrapper {
    display: block;
    height: 40px; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-hover, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-hover, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-hover, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-hover {
    background-color: #96be0f;
    opacity: .5;
    color: #FFF; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-hover .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-hover .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-hover .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-hover .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-selected, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-selected, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-selected, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title, html body.yp .ypw-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .ypw-portlet .component-container {
    position: relative; }
  html body.yp .ypw-portlet .component-container:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .component-container.hasTooltip > :first-child {
    float: left;
    position: relative;
    max-width: calc(100% - 32px);
    margin-right: 15px; }
  html body.yp .ypw-portlet .component-container.hasTooltip > :last-child {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto; }
  html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls, html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls {
    position: relative; }
  html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .form-control, html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .form-control {
    width: 100% !important; }
  html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .form-control-input-wrapper, html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .form-control-input-wrapper {
    width: 100% !important;
    margin-top: 10px;
    margin-left: 0; }
  html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .help-block, html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .help-block {
    -ms-transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -o-transform: translateY(80px);
    -moz-transform: translateY(80px);
    transform: translateY(80px); }
  html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls, html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls {
    position: relative; }
  html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .form-control, html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .form-control {
    width: calc(100% - 122px); }
  html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .form-control-input-wrapper, html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .form-control-input-wrapper {
    width: 102px;
    margin-top: 0;
    margin-left: 20px; }
  html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .help-block, html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .help-block {
    -ms-transform: translateY(33px);
    -webkit-transform: translateY(33px);
    -o-transform: translateY(33px);
    -moz-transform: translateY(33px);
    transform: translateY(33px); }
  html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.double-slider.w-input .controls .form-control, html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.double-slider.w-input .controls .form-control {
    width: calc(100% - 224px); }
  html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.double-slider.w-input .controls .form-control-input-wrapper, html body.yp .ypw-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.double-slider.w-input .controls .form-control-input-wrapper {
    width: 204px;
    margin-top: 0;
    margin-left: 20px; }
  html body.yp .ypw-portlet .k-edit-field .k-input.k-textbox {
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .k-edit-field .k-input.k-textbox:focus, html body.yp .ypw-portlet .k-edit-field .k-input.k-textbox:hover, html body.yp .ypw-portlet .k-widget .k-textbox:focus, html body.yp .ypw-portlet .k-widget .k-textbox:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .ypw-portlet .k-widget .k-textbox input.k-input {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    height: 33px;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .k-widget .k-textbox input.k-input:focus, html body.yp .ypw-portlet .k-widget .k-textbox input.k-input:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .ypw-portlet .k-widget .k-textbox.k-search-wrap, html body.yp .ypw-portlet .k-widget .k-textbox.k-search-wrap input.k-input {
    padding: 0; }
  @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(414px - 72px) !important; } }
  @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(736px - 72px) !important; } }
  @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(375px - 72px) !important; } }
  @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(667px - 72px) !important; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(320px - 72px) !important; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(568px - 72px) !important; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(320px - 72px) !important; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .ypw-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(480px - 72px) !important; } }
  html body.yp .ypw-portlet .tabs-wrapper:focus {
    outline: -webkit-focus-ring-color auto 5px !important;
    outline-offset: -2px !important; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs {
    background-color: transparent;
    box-shadow: none !important; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content {
    height: 60px; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab {
    border: 0;
    height: 50px;
    transition: all .5s;
    text-align: center;
    cursor: pointer;
    background-color: #96be0f; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab.k-state-disabled {
    opacity: .5; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab.k-state-active {
    background-color: #fff;
    height: 60px;
    position: relative; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab.k-state-active:before {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #96be0f;
    height: 3px;
    width: 100%;
    content: ""; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab.k-state-active .k-link {
    color: #333;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    line-height: 60px;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    margin-top: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) {
    margin-top: 10px;
    box-sizing: border-box;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next):first-child {
    border-left: 0 none; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next):last-child {
    border-right: 0 none; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(1), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(1) ~ .tab {
    width: 100%; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(2), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(2) ~ .tab {
    width: calc(100% / 2); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(3), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(3) ~ .tab {
    width: calc(100% / 3); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(4), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(4) ~ .tab {
    width: calc(100% / 4); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(5), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(5) ~ .tab {
    width: calc(100% / 5); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(6), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(6) ~ .tab {
    width: calc(100% / 6); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(7), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(7) ~ .tab {
    width: calc(100% / 7); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(8), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(8) ~ .tab {
    width: calc(100% / 8); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(9), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(9) ~ .tab {
    width: calc(100% / 9); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(10), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(10) ~ .tab {
    width: calc(100% / 10); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(11), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(11) ~ .tab {
    width: calc(100% / 11); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(12), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(12) ~ .tab {
    width: calc(100% / 12); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(13), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(13) ~ .tab {
    width: calc(100% / 13); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(14), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(14) ~ .tab {
    width: calc(100% / 14); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(15), html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(15) ~ .tab {
    width: calc(100% / 15); }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab .k-loading {
    display: none; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content .tab .k-link {
    border: 0;
    color: #FFF;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 50px;
    font-size: 17px;
    text-transform: initial; }
  html body.yp .ypw-portlet .tabs-wrapper.basic-tabs .tabs-content ~ .k-content {
    padding: 0;
    border: 0;
    background-color: #F4F4F4; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs {
    background-color: #FFF !important; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content {
    background-color: rgba(238, 238, 238, 0.3); }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab {
    background-color: transparent;
    border: 0 !important;
    cursor: pointer;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .k-link, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .k-loading {
    display: none;
    text-transform: initial; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .tab-state-wrapper {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #999;
    position: relative;
    float: left;
    -o-transition: border-color 350ms;
    -webkit-transition: border-color 350ms;
    -moz-transition: border-color 350ms;
    transition: border-color 350ms; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .tab-state-wrapper .number-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #999;
    font-size: 13px;
    opacity: 1;
    line-height: 23px;
    width: 100%;
    text-align: center;
    -o-transition: color 350ms;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    transition: color 350ms; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .tab-state-wrapper .success-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    opacity: 0; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .text-wrapper {
    float: left;
    padding: 6px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #999;
    -o-transition: color 350ms;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    transition: color 350ms; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .tab-description {
    position: absolute;
    top: 34px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
    color: #666;
    text-align: left;
    text-transform: none;
    white-space: normal;
    width: calc(100% - 80px); }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:nth-child(n+2) {
    margin-left: 76px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab .tab-state-wrapper {
    background-color: #00b22d;
    border: 1px solid #00b22d; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab .tab-state-wrapper .number-wrapper {
    opacity: 0; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab .tab-state-wrapper .success-wrapper {
    opacity: 1;
    color: #FFF;
    font-size: 14px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab .text-wrapper {
    color: #00b22d; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab.checked-tab-current .tab-state-wrapper {
    background-color: #39add2;
    border: 1px solid #39add2; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab.checked-tab-current .tab-state-wrapper .number-wrapper, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab.checked-tab-current .text-wrapper {
    color: #39add2; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.current-tab .tab-state-wrapper, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.k-state-active .tab-state-wrapper {
    background-color: transparent;
    border: 1px solid #39add2; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.current-tab .tab-state-wrapper .number-wrapper, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.current-tab .text-wrapper, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.k-state-active .tab-state-wrapper .number-wrapper, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.k-state-active .text-wrapper {
    color: #39add2; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:hover.k-state-active .tab-wrapper .tab-state-wrapper {
      border-color: rgba(57, 173, 210, 0.7);
      -o-transition: border-color 350ms;
      -webkit-transition: border-color 350ms;
      -moz-transition: border-color 350ms;
      transition: border-color 350ms; }
    html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:hover.k-state-active .tab-wrapper .tab-state-wrapper .number-wrapper, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:hover.k-state-active .tab-wrapper .text-wrapper {
      color: rgba(57, 173, 210, 0.7);
      -o-transition: color 350ms;
      -webkit-transition: color 350ms;
      -moz-transition: color 350ms;
      transition: color 350ms; }
    html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:hover:not(.k-state-active) .text-wrapper {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs .tabs-display {
    padding: 30px 40px;
    background-color: #FFF;
    float: left;
    width: calc(100% - 80px); }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) {
    background-color: #EEE; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content,
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content {
    padding: 30px 40px;
    float: left;
    width: calc(100% - 80px);
    margin: 0 !important; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab,
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab {
    position: relative; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab:nth-child(n+2),
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab:nth-child(n+2) {
    margin-left: 0; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.current-tab .tab-wrapper, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.k-state-active .tab-wrapper,
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper {
    position: relative; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.current-tab .tab-wrapper .text-wrapper, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper {
    position: static; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.current-tab .tab-wrapper .text-wrapper:after, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper:after,
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper:after, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper:after {
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 32px;
    font-size: 20px;
    content: none; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tab-content, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tab-content {
    float: left;
    padding: 0;
    width: 100%; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tab-wrapper, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tab-wrapper {
    float: left; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs {
    background-color: #EEE;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content {
    padding: 30px 40px;
    width: 100%;
    float: left; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content .tab {
    padding-left: 35px;
    position: relative;
    width: 100%;
    float: left; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content .tab .text-wrapper {
    width: calc(100% - 47px); }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content .tab:nth-child(n+2) {
    margin-top: 1px;
    margin-left: 0; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content .tab .tab-state-wrapper {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
    left: 0; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tab-content {
    float: left;
    width: calc(100% - 281px);
    border-left: 1px solid #EFEFEF;
    padding: 60px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .processDottedLine {
    background-image: url(../images/processDottedLine.png);
    width: 3px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tab-state-wrapper {
    position: relative !important;
    float: left !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .text-wrapper {
    margin-left: 8px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .processDottedLine {
    height: 102px;
    float: left;
    clear: left;
    margin-left: 11px;
    margin-top: 15px;
    margin-bottom: 15px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tab-description {
    position: relative !important;
    top: 0 !important;
    left: 6px;
    float: left;
    margin-top: 8px;
    margin-left: 20px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions {
    position: relative;
    background-color: #FFF; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-header {
    display: none; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .k-tabstrip-wrapper {
    position: relative;
    width: 100%; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .k-tabstrip-wrapper .k-tabstrip {
    background-color: transparent; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .k-tabstrip-wrapper .k-tabstrip:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .k-tabstrip-wrapper .k-tabstrip > .k-button {
    display: none !important; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .k-tabstrip-wrapper .tabs-display {
    border: 0; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content {
    position: relative;
    width: auto;
    background-color: #FFF; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab {
    position: relative;
    background-color: #FFF; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper {
    display: block; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab .tab-state-wrapper {
    z-index: 2;
    background-color: #FFF; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab .text-wrapper {
    font-size: 14px;
    text-transform: none;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.checked-tab .tab-state-wrapper {
    background-color: #39add2;
    border: 1px solid #39add2; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.checked-tab .tab-state-wrapper .number-wrapper {
    opacity: 1;
    color: #FFF; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.checked-tab .tab-state-wrapper .success-wrapper {
    opacity: 0; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.checked-tab .text-wrapper {
    color: #39add2; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.current-tab .tab-wrapper .text-wrapper:after, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper:after {
    content: none !important; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab .k-link {
    display: block; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper {
    background-color: #39add2;
    border: 1px solid #39add2; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper .number-wrapper {
    opacity: 1;
    color: #FFF; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper .success-wrapper {
    opacity: 0; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .text-wrapper {
    color: #39add2; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab.current-tab:after, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab.k-state-active:after {
    content: "";
    background-color: #39add2;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -23px;
    left: 0;
    z-index: 2;
    display: block; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab + .tab {
    margin-left: 25px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab + .tab:last-child {
    margin-right: 43px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content:after {
    content: "";
    background-color: rgba(45, 60, 75, 0.1);
    height: 1px;
    position: absolute;
    bottom: 7px;
    width: calc(100% - 80px);
    left: 40px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab {
    background-color: transparent; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.current-tab .text-wrapper, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-active .text-wrapper {
    position: relative; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.current-tab .text-wrapper:after, html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-active .text-wrapper:after {
    content: "" !important;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 0;
    font-size: 20px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper {
    background-color: #39add2;
    border: 1px solid #39add2; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper .number-wrapper {
    opacity: 1;
    color: #FFF; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper .success-wrapper {
    opacity: 0; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .text-wrapper {
    color: #39add2; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-disabled {
    opacity: 1; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-disabled .tab-wrapper {
    opacity: .7; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content:after {
    content: "";
    background-color: rgba(45, 60, 75, 0.1);
    height: calc(100% - 60px);
    position: absolute;
    top: 30px;
    width: 1px;
    left: 88px; }
  html body.yp .ypw-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-display {
    border: 0; }
  html body.yp .ypw-portlet .tabs-wrapper .tab-wrapper {
    display: block;
    position: relative; }
  html body.yp .ypw-portlet .tabs-wrapper .tab-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .k-tabstrip-wrapper + .content-buttons-center {
    margin-top: 30px; }
  html body.yp .ypw-portlet .form-group.tab-container .navbar {
    margin-bottom: -4px;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .form-group.tab-container .navbar .container-fluid, html body.yp .ypw-portlet .form-group.tab-container .navbar .container-fluid .navbar-collapse {
    padding: 0; }
  html body.yp .ypw-portlet .form-group.tab-container .navbar + .simulator-tab-content {
    background-color: #FFF; }
  html body.yp .ypw-portlet .tabs-outter-wrapper .navbar.basic-tabs-navbar {
    min-height: 0;
    background-color: transparent; }
  html body.yp .ypw-portlet .tabs-outter-wrapper .navbar.basic-tabs-navbar .container-fluid, html body.yp .ypw-portlet .tabs-outter-wrapper .navbar.basic-tabs-navbar .container-fluid .navbar-collapse {
    padding: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab {
    background-color: transparent;
    position: static !important; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab .processDottedLine {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-state-wrapper {
    width: 18px !important;
    height: 18px !important;
    margin-top: -5px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-state-wrapper:before {
    content: "\f2f9";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
    font-size: 20px;
    width: 100%;
    text-align: center; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .text-wrapper {
    position: absolute;
    display: block;
    left: 0;
    bottom: -19px;
    white-space: nowrap; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab .text-wrapper {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-display {
    padding: 30px 0 0;
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions).hr-tabs .tabs-display {
    padding: 30px 0 0;
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content {
    position: relative;
    padding: 15px;
    width: calc(100% - 30px);
    height: 10px;
    background-color: #FFF; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper {
    width: 8px;
    height: 8px;
    background-color: #999; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper .number-wrapper, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper .success-wrapper {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-state-wrapper {
    background-color: #39add2; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.checked-tab .tab-state-wrapper {
    background-color: #00b22d; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab:nth-child(n+2) {
    margin-left: 30px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab:nth-child(n+2):before {
    content: "";
    width: 30px;
    left: -30px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper {
    position: static; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper {
    position: absolute;
    padding-left: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper:after, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper:after {
    content: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eee;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) {
    display: block; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content {
    position: relative;
    padding: 15px;
    width: calc(100% - 30px);
    height: 10px;
    background-color: #FFF; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab {
    width: auto;
    padding-left: 0;
    margin-top: 0 !important; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper {
    position: relative;
    float: left;
    top: auto;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    width: 8px;
    height: 8px;
    background-color: #999; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper .number-wrapper, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper .success-wrapper {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab .tab-description {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-state-wrapper {
    background-color: #39add2; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.checked-tab .tab-state-wrapper {
    background-color: #00b22d; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab:nth-child(n+2) {
    margin-left: 30px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab:nth-child(n+2):before {
    content: "";
    width: 30px;
    left: -30px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper {
    position: static; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper {
    position: absolute;
    margin-left: 0;
    padding-left: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper:after, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper:after {
    content: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eee;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tab-content {
    width: calc(100% - 120px); }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.prev-vr-tabs .tab-content {
    padding: 15px;
    width: calc(100% - 32px); }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions {
    background-color: #FFF; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header {
    display: block;
    width: 100%;
    background-color: #FFF;
    padding: 22px 0;
    position: relative;
    margin-bottom: 17px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value {
    padding-left: 20px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper {
    display: inline-block;
    position: relative;
    text-decoration: none !important;
    float: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper .tab-state-wrapper {
    background-color: #FFF;
    border: 1px solid #39add2;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    float: left;
    margin-right: 7px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper .tab-state-wrapper .number-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #39add2;
    font-size: 13px;
    opacity: 1;
    line-height: 23px;
    width: 100%;
    text-align: center; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper .tab-state-wrapper .success-wrapper {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper .text-wrapper {
    color: #39add2;
    font-size: 14px;
    text-transform: none;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 27px;
    white-space: nowrap;
    padding: 0;
    float: left; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-burger {
    position: absolute;
    right: 0;
    top: 25px;
    height: 20px;
    cursor: pointer; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-burger .zmdi-menu {
    font-size: 20px;
    color: #676767; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-header-decoration {
    width: 100%;
    background-color: #fff;
    margin-top: 28px;
    height: 10px;
    position: absolute;
    display: block; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-header-decoration .zmdi-caret-down-circle {
    font-size: 20px;
    color: #39add2;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 17px;
    height: 20px;
    top: -8px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-header-decoration:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #EEE; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header.open .tabs-header-decoration {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content {
    display: none;
    height: auto;
    background-color: #F5F5F5;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    width: calc(100% - 80px); }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content:after {
    content: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab {
    display: block;
    width: 100%;
    margin-left: 0 !important;
    background-color: transparent;
    text-align: center;
    padding: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab:after {
    content: none !important; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper {
    display: inline-block;
    padding: 20px 0;
    position: relative;
    float: none;
    margin: 0 25px;
    width: calc(100% - 53px); }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper:after {
    content: "";
    background-color: rgba(195, 195, 195, 0.56);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper .tab-state-wrapper {
    background-color: #F5F5F5 !important;
    border: 1px solid #676767 !important; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper .tab-state-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper .tab-state-wrapper .number-wrapper {
    opacity: 1 !important;
    color: #676767; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper .tab-state-wrapper .success-wrapper {
    opacity: 0 !important; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper .text-wrapper {
    color: #676767;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    margin-left: 2px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs {
    display: block; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content {
    padding: 30px 0;
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab {
    padding: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper .tab-state-wrapper {
    position: relative;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper .text-wrapper:after {
    content: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper .tab-description {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab:last-child .tab-wrapper:after {
    content: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.current-tab .text-wrapper:after, html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-active .text-wrapper:after {
    content: none !important; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content:after {
    content: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-display {
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.hr-tabs .tabs-header .tabs-value .tab-wrapper .tab-state-wrapper .number-wrapper {
    line-height: 24px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.hr-tabs .tabs-content {
    padding: 30px 0;
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.hr-tabs .tabs-content:after {
    content: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab:last-child .tab-wrapper:after {
    content: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.hr-tabs .tabs-display {
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.open .tabs-burger .zmdi-menu {
    color: #39add2; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.hr-tabs .tabs-content {
    border-bottom: 1px solid #EFEFEF; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.hr-tabs .tabs-content .tab .tab-wrapper {
    padding: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.hr-tabs .processDottedLine {
    background-image: url(../images/processDottedLineHr.png);
    height: 0;
    margin: 12px 15px;
    width: 102px;
    float: left;
    padding-top: 2px;
    background-image: linear-gradient(to right, #39acd2 33%, rgba(255, 255, 255, 0) 0);
    background-position: right;
    background-size: 6px 5px;
    background-repeat: repeat-x; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.vr-tabs .processDottedLine {
    width: 3px;
    width: 2px;
    float: left;
    padding-top: 2px;
    background-image: linear-gradient(#39acd2 33%, rgba(255, 255, 255, 0) 0);
    background-position: right;
    background-size: 6px 5px;
    background-repeat: repeat-y; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-content {
    width: 281px;
    background-color: rgba(238, 238, 238, 0.3); }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-content .tab {
    padding-left: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-content .tab .tab-wrapper .tab-state-wrapper {
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    top: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-display {
    border-left: 1px solid #EFEFEF;
    width: calc(100% - 443px); }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions .tabs-content {
    display: block !important; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .k-tabstrip-wrapper {
    height: auto !important; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content {
    width: 281px;
    float: left;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab {
    padding-left: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab + .tab {
    margin-top: 25px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper {
    padding: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper .tab-state-wrapper {
    top: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content:after {
    left: auto;
    right: 48px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content:before {
    content: "";
    width: 2px;
    position: absolute;
    left: 52px;
    height: calc(100% - 60px);
    background-image: linear-gradient(#39acd2 33%, rgba(255, 255, 255, 0) 0);
    background-position: right;
    background-size: 5px 6px;
    background-repeat: repeat-y; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-display {
    width: calc(100% - 281px);
    float: left;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.hr-tabs .tabs-content {
    width: 100%;
    box-sizing: border-box;
    padding: 22px 40px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.hr-tabs .tabs-content:after {
    content: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-header {
    margin-right: 0;
    margin-left: 0;
    background-color: #FFF;
    width: 100%;
    padding-left: 15px;
    padding-right: 5px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-header .navbar-toggle {
    display: block;
    margin-right: 0; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
    background-color: #FFF;
    float: left;
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse .k-tabstrip-wrapper .tabs-wrapper .tabs-content {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    height: auto; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse .k-tabstrip-wrapper .tabs-wrapper .tabs-content .tab {
    width: 100%;
    background-color: #FFF !important;
    text-align: left;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse .k-tabstrip-wrapper .tabs-wrapper .tabs-content .tab:before {
    content: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse .k-tabstrip-wrapper .tabs-wrapper .tabs-content .tab .k-link {
    color: #666;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse.collapse {
    display: none !important; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse.collapse.in {
    display: block !important; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar.basic-tabs-navbar .navbar-brand {
    width: calc(100% - 59px); }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar .container-fluid .navbar-header {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar .container-fluid .navbar-collapse .k-tabstrip-wrapper .tabs-wrapper .tabs-content {
    width: 100%;
    float: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar.basic-tabs-navbar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar.basic-tabs-navbar .tabs-content {
    height: 60px; }
  html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar.basic-tabs-navbar .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .k-link {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar.basic-tabs-navbar .tabs-content .tab:not(.k-state-active):not(.k-state-active-next):hover:not(.k-state-disabled) {
      height: 60px;
      margin-top: 0; }
    html body.yp .ypw-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar.basic-tabs-navbar .tabs-content .tab:not(.k-state-active):not(.k-state-active-next):hover:not(.k-state-disabled) .k-link {
      margin-top: 5px;
      -o-transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      transition: all .5s; } }
  html body.yp .ypw-portlet .summaryBoard {
    background-color: rgba(57, 173, 210, 0.08);
    padding: 30px 40px; }
  html body.yp .ypw-portlet .summaryBoard .form-group.readOnly {
    height: 26px;
    margin-bottom: 0; }
  html body.yp .ypw-portlet .summaryBoard .form-group.readOnly .control-label, html body.yp .ypw-portlet .summaryBoard .form-group.readOnly .form-control {
    padding: 1px 0; }
  html body.yp .ypw-portlet .summaryBoard .form-group.readOnly + .readOnly {
    margin-top: 2;
    margin-bottom: 0; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .summaryBoard {
      padding: 15px 20px; } }
  html body.yp .ypw-portlet .list li:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .list li .label-wrapper .main-label {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #666; }
  html body.yp .ypw-portlet .list li .label-wrapper .description-label {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666; }
  html body.yp .ypw-portlet .list li.has-action .label-wrapper {
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
    float: left; }
  html body.yp .ypw-portlet .list li.has-action .action-wrapper {
    vertical-align: middle;
    display: inline-block;
    width: 116px;
    padding-right: 10px;
    float: right; }
  html body.yp .ypw-portlet .list li.has-action.action-btn .label-wrapper {
    width: 100%;
    float: none; }
  html body.yp .ypw-portlet .list li.has-action.action-btn .action-wrapper {
    float: none;
    width: auto;
    padding-right: 0;
    margin-top: 10px; }
  html body.yp .ypw-portlet .list.list-bullet li {
    list-style: none;
    line-height: 20px;
    position: relative;
    padding-left: 35px; }
  html body.yp .ypw-portlet .list.list-bullet li:before {
    color: #333;
    content: "\2022";
    font-size: 1.7em;
    padding-right: .25em;
    padding-right: 0;
    position: relative;
    top: 4px;
    positon: absolute;
    left: -35px; }
  html body.yp .ypw-portlet .list.list-bullet li .label-wrapper {
    display: inline;
    display: block;
    margin-top: -20px; }
  html body.yp .ypw-portlet .list.list-bullet li .label-wrapper .description-label {
    display: inline; }
  html body.yp .ypw-portlet .list.list-numbering {
    list-style: none;
    counter-reset: section; }
  html body.yp .ypw-portlet .list.list-numbering li {
    display: block;
    position: relative;
    padding-left: 40px; }
  html body.yp .ypw-portlet .list.list-numbering li:before {
    position: absolute;
    left: 0;
    counter-increment: section;
    content: "0" counter(section);
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #666; }
  html body.yp .ypw-portlet .list.list-numbering li + li {
    margin-top: 25px; }
  html body.yp .ypw-portlet .list.list-icon {
    list-style: none; }
  html body.yp .ypw-portlet .list.list-icon li {
    display: block;
    position: relative;
    padding-left: 40px; }
  html body.yp .ypw-portlet .list.list-icon li:before {
    position: absolute;
    left: 0;
    content: "\f337";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 23px;
    color: #999; }
  html body.yp .ypw-portlet .list.list-icon li.success:before {
    content: "\f26b";
    color: #39add2; }
  html body.yp .ypw-portlet .list.list-icon li + li {
    margin-top: 25px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .list {
      padding-left: 20px; } }
  html body.yp .ypw-portlet .breadcrumb {
    background-color: transparent;
    padding-left: 0; }
  html body.yp .ypw-portlet .breadcrumb li, html body.yp .ypw-portlet .breadcrumb li a {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #868686;
    text-decoration: none !important; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .breadcrumb li a:hover {
      opacity: .5;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .ypw-portlet .breadcrumb li + li:before {
    content: "\203a\203a";
    color: #96be0f; }
  html body.yp .ypw-portlet .actionbar {
    background-color: #ebebeb;
    padding: 20px 100px; }
  html body.yp .ypw-portlet .actionbar:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .actionbar .breadcrumb {
    margin-bottom: 12px; }
  html body.yp .ypw-portlet .actionbar .icon {
    width: 36px;
    height: 36px;
    text-align: center;
    position: relative; }
  html body.yp .ypw-portlet .actionbar .icon.w-circle {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #d7d7d7; }
  html body.yp .ypw-portlet .actionbar .icon .small-circle {
    background-color: #addb11;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .ypw-portlet .actionbar .icon .zmdi {
    font-size: 16px;
    color: #4f5b67;
    line-height: 36px;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .actionbar .icon:hover .small-circle, html body.yp .ypw-portlet .actionbar .icon:hover .zmdi {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .ypw-portlet .actionbar .actionbar-notification {
    cursor: pointer; }
  html body.yp .ypw-portlet .actionbar .actionbar-notification.openNotification .icon {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .actionbar .actionbar-notification.openNotification .icon .zmdi {
    color: #FFF; }
  html body.yp .ypw-portlet .actionbar .actionbar-notification.openNotification .icon .alert-wrapper {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -o-transition: transfrom 350ms;
    -webkit-transition: transfrom 350ms;
    -moz-transition: transfrom 350ms;
    transition: transfrom 350ms;
    max-height: calc(100vh - 211px); }
  html body.yp .ypw-portlet .actionbar .actionbar-notification.openNotification .icon .alert-wrapper .swiper-container {
    opacity: 1;
    -o-transition: opacity 350ms 350ms;
    -webkit-transition: opacity 350ms 350ms;
    -moz-transition: opacity 350ms 350ms;
    transition: opacity 350ms 350ms; }
  html body.yp .ypw-portlet .actionbar .actionbar-notification .icon .alert-wrapper {
    opacity: 0;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -o-transition: transfrom 350ms;
    -webkit-transition: transfrom 350ms;
    -moz-transition: transfrom 350ms;
    transition: transfrom 350ms; }
  html body.yp .ypw-portlet .actionbar .actionbar-notification .icon .alert-wrapper .swiper-container {
    opacity: 0;
    -o-transition: opacity 350ms 150ms;
    -webkit-transition: opacity 350ms 150ms;
    -moz-transition: opacity 350ms 150ms;
    transition: opacity 350ms 150ms; }
  @media (max-width: 768px) {
    html body.yp .ypw-portlet .actionbar .btn-group.hideMobile, html body.yp .ypw-portlet .actionbar .btn.hideMobile {
      display: none; } }
  html body.yp .ypw-portlet .actionbar .btn-group.showMobile, html body.yp .ypw-portlet .actionbar .btn.showMobile {
    display: none; }
  @media (max-width: 768px) {
    html body.yp .ypw-portlet .actionbar .btn-group.showMobile, html body.yp .ypw-portlet .actionbar .btn.showMobile {
      display: inline-block; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .actionbar .btn .btn-text, html body.yp .ypw-portlet .actionbar .btn-group .btn-text {
      font-size: 11px; }
    html body.yp .ypw-portlet .actionbar .btn .btn, html body.yp .ypw-portlet .actionbar .btn-group .btn {
      padding: 6px 5px; }
    html body.yp .ypw-portlet .actionbar .btn-group.showMobile, html body.yp .ypw-portlet .actionbar .btn.showMobile {
      margin-left: 5px; } }
  html body.yp .ypw-portlet .actionbarWrapper {
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .actionbarWrapper .actionbar {
    max-width: 100%;
    width: 1200px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px; }
  html body.yp .ypw-portlet .actionbarWrapper .actionbar .breadcrumb {
    padding-top: 0; }
  html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile {
    padding: 12px; }
  html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .breadcrumb, html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn-group.hideMobile, html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn.hideMobile {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn-group.showMobile, html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn.showMobile {
    display: inline-block; }
  html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn .btn-text, html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn-group .btn-text {
    font-size: 11px; }
  html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn .btn, html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn-group .btn {
    padding: 6px 5px; }
  html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn-group.showMobile, html body.yp .ypw-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn.showMobile {
    margin-left: 5px; }
  html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content {
    background-color: #f5f5f5; }
  html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-header {
    position: absolute;
    right: 0;
    z-index: 2; }
  html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body {
    padding: 60px 40px; }
  html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .title-modal {
    margin-bottom: 5px; }
  html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .label-normal {
    margin-bottom: 15px; }
  html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .separator-small {
    margin-top: 0;
    margin-bottom: 25px; }
  html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .form-group {
    margin-right: 10px;
    width: 60%;
    max-width: none; }
  html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .form-group + .btn {
    max-width: calc(40% - 10px); }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .modal.basic_Modal {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog {
      margin-left: auto;
      max-width: 90%;
      margin-right: auto; }
    html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body {
      padding: 30px 20px; }
    html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .form-group {
      width: 100%;
      margin-right: 0; }
    html body.yp .ypw-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .form-group + .btn {
      width: auto;
      max-width: none; } }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal {
    padding: 60px 40px !important;
    left: 50% !important;
    -ms-transform: scale(1) translateX(-50%) translateY(-50%) !important;
    -webkit-transform: scale(1) translateX(-50%) translateY(-50%) !important;
    -o-transform: scale(1) translateX(-50%) translateY(-50%) !important;
    -moz-transform: scale(1) translateX(-50%) translateY(-50%) !important;
    transform: scale(1) translateX(-50%) translateY(-50%) !important; }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-window-titlebar {
    background-color: #fff;
    border: 0;
    margin-top: -50px !important;
    margin-left: -40px; }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-header .k-window-actions .k-link {
    text-align: center;
    padding: 2px !important; }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-header .k-window-actions .k-link .k-icon.k-i-close {
    background: 0 0;
    padding: 0 !important; }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-header .k-window-actions .k-link .k-icon.k-i-close:before {
    content: '\f136';
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 17px;
    color: #333;
    opacity: .8; }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-header .k-window-actions .k-link.k-state-hover {
    background-color: transparent;
    border: 0; }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-header .k-window-actions .k-link.k-state-hover .k-icon.k-i-close {
    opacity: 1; }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-window-content {
    padding: 0.6em;
    /* Correction du redmine #82306 */ }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group {
    margin-right: 10px;
    max-width: none; }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group .form-control {
    width: calc(100% - 18px); }
  html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group + .btn {
    max-width: calc(40% - 10px); }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal {
      -ms-transform: scale(1) translateX(-50%) !important;
      -webkit-transform: scale(1) translateX(-50%) !important;
      -o-transform: scale(1) translateX(-50%) !important;
      -moz-transform: scale(1) translateX(-50%) !important;
      transform: scale(1) translateX(-50%) !important;
      position: absolute;
      left: 50% !important;
      width: 70% !important; }
    html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group {
      width: 100%;
      margin-right: 0; }
    html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group input.form-control {
      box-sizing: border-box; }
    html body.yp .ypw-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group + .btn {
      width: calc(40% - 10px);
      padding-left: 0;
      padding-right: 0; } }
  html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) {
    position: absolute;
    top: 0;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50% !important;
    max-width: 90%; }
  html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) > .k-window-titlebar.k-header {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) > .k-window-titlebar.k-header .k-state-hover {
    background-color: transparent;
    border-color: transparent; }
  html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field input[type=checkbox]:after {
    content: none; }
  html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field input[type=checkbox]:checked + label.k-checkbox-label:before {
    background-color: #96be0f;
    border-color: #96be0f; }
  html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field input[type=checkbox]:active + label.k-checkbox-label:after {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field label.k-checkbox-label {
    margin: 10px 0;
    padding-top: 2px; }
  html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field + .k-edit-label {
    margin-top: 5px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog {
      width: 100%;
      min-width: 0; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-floatwrap .k-widget.k-breadcrumbs, html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-floatwrap .k-widget.k-search-wrap {
      width: 100%; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-floatwrap .k-widget.k-breadcrumbs + .k-widget, html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-floatwrap .k-widget.k-search-wrap + .k-widget {
      margin-top: 5px; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-filebrowser-toolbar .k-toolbar-wrap {
      float: left;
      width: 100%; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-filebrowser-toolbar .k-tiles-arrange {
      float: left;
      width: 100%; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-filebrowser-toolbar .k-tiles-arrange label {
      width: 100%;
      padding-left: 14px;
      box-sizing: border-box; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-filebrowser-toolbar .k-tiles-arrange label .k-dropdown {
      width: calc(100% - 80px); }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser ~ .k-edit-label {
      width: 100%;
      margin: 0;
      text-align: left;
      padding: 0 1em;
      box-sizing: border-box; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser ~ .k-edit-field {
      width: 100%;
      margin: 0;
      text-align: left;
      padding: 0 1em;
      float: left;
      box-sizing: border-box; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser ~ .k-edit-field .k-input {
      width: 100% !important; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-edit-buttons {
      width: 100%;
      box-sizing: border-box; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog {
      width: 100%;
      min-width: 280px; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-label {
      width: 100%;
      margin: 0;
      text-align: left;
      padding: 0 1em;
      box-sizing: border-box; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field {
      width: 100%;
      margin: 0;
      text-align: left;
      padding: 0 1em;
      float: left;
      box-sizing: border-box; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field input[type=text] {
      width: 100%; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field label.k-checkbox-label {
      margin: 10px 0;
      padding-top: 2px; }
    html body.yp .ypw-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field + .k-edit-label {
      margin-top: 5px; } }
  html body.yp .ypw-portlet .uploader-form-control {
    width: 100%;
    min-height: 40px;
    float: left;
    padding-bottom: 43px;
    position: relative;
    max-width: none; }
  html body.yp .ypw-portlet .uploader-form-control .dragFilesContainer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: #f5f5f5;
    padding: 10px 20px; }
  html body.yp .ypw-portlet .uploader-form-control .dragFilesContainer:after {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute; }
  html body.yp .ypw-portlet .uploader-form-control .dragFilesContainer .instructions {
    float: left;
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .uploader-form-control .dragFilesContainer .recommendations {
    float: right;
    color: #999;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer {
    width: 100%; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload {
    height: auto; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper {
    height: 40px;
    background-color: #f5f5f5;
    position: relative; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper:after {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .progress {
    height: 100%;
    width: auto;
    background-color: #7EB643 !important; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .progress .bar {
    background-color: #7EB643 !important;
    height: 100%; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .progress, html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .ui-progressbar .ui-progressbar-value {
    background-color: transparent !important; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-info {
    color: #666;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
    z-index: 1;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    left: 15px; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-actions {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 15px;
    z-index: 1; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-actions .cancel-upload {
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-actions .cancel-upload .zmdi {
    font-size: 18px; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError {
    padding: 10px 20px; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message {
    float: left;
    color: #a94442;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    margin-right: 10px; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message .zmdi {
    font-size: 18px;
    color: #a94442;
    margin-right: 10px; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .filename {
    float: left; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel {
    float: right; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 15px;
    text-align: center;
    margin: 0;
    background-color: transparent; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn .zmdi {
    font-size: 18px;
    color: #999;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn:hover .zmdi {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message, html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .filename {
      float: left; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError {
      height: auto; }
    html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel, html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message, html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .filename {
      float: none;
      width: 100%; }
    html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn {
      margin-left: auto; } }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download {
    height: auto !important; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper {
    height: auto;
    padding: 10px 15px;
    padding-left: 0;
    background-color: #f7f7f7;
    position: relative; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper:after {
    display: table;
    clear: both;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: relative;
    z-index: 1; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .sorting-wrapper {
    width: 60px;
    float: left;
    position: relative;
    height: 62px; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .sorting-wrapper .sorting-icon {
    position: relative;
    width: 100%;
    height: 100%; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .sorting-wrapper .sorting-icon .zmdi {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #999;
    font-size: 18px;
    cursor: pointer; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .preview-wrapper {
    float: left;
    height: 62px;
    width: 100px; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .preview-wrapper .preview-img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .preview-wrapper .preview-img img {
    width: 100%;
    height: auto !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .preview-wrapper .preview-details {
    width: 100%;
    height: 100%;
    background-color: rgba(221, 221, 221, 0.68);
    padding: 6px;
    text-align: center;
    color: #666; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .preview-wrapper .preview-details .preview-icon .zmdi {
    font-size: 25px;
    color: #7EB643; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper {
    width: calc(100% - 160px);
    float: left;
    height: auto;
    padding-left: 12px;
    padding-bottom: 10px; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper {
    float: left;
    width: 100%;
    min-height: 22px;
    padding-right: 15px;
    position: relative; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper .name-size {
    color: #666;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper .delete {
    position: absolute;
    right: 0;
    top: 0; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper .delete .btn {
    width: 15px;
    text-align: center;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper .delete .btn .zmdi {
    font-size: 18px;
    color: #999;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper .delete .btn:hover .zmdi {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .inputs-wrapper {
    width: 100%;
    float: left; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .inputs-wrapper .caption {
    width: 100%; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .inputs-wrapper .controls-wrapper {
    border: 1px solid #EEE;
    width: 100%;
    position: relative; }
  html body.yp .ypw-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .inputs-wrapper .controls-wrapper:after {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .uploader-form-control .dragFilesContainer .instructions {
      display: none; } }
  html body.yp .ypw-portlet .component-cmd-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    padding-left: 5px;
    padding-right: 5px; }
  html body.yp .ypw-portlet .component-cmd-btn:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .component-cmd-btn > .btn {
    width: auto;
    float: left;
    padding: 0 5px;
    min-width: 70px; }
  html body.yp .ypw-portlet .component-cmd-btn > .btn.btn-icon {
    width: 40px;
    min-width: 0; }
  html body.yp .ypw-portlet .component-cmd-btn > .btn.btn-icon .btn-text .zmdi {
    margin-right: 0; }
  html body.yp .ypw-portlet .component-cmd-btn > .btn.fileinput-button input.ignore {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0; }
  html body.yp .ypw-portlet .component-cmd-btn > .btn + .btn-group, html body.yp .ypw-portlet .component-cmd-btn > .btn + .searchBox {
    margin-left: 15px; }
  html body.yp .ypw-portlet .component-cmd-btn .btn-group {
    float: left;
    height: 30px; }
  html body.yp .ypw-portlet .component-cmd-btn .btn-group .btn-icon {
    width: 40px; }
  html body.yp .ypw-portlet .component-cmd-btn .btn-group .btn-icon .btn-text .zmdi {
    margin-right: 0; }
  html body.yp .ypw-portlet .component-cmd-btn .btn-group + .btn, html body.yp .ypw-portlet .component-cmd-btn .btn-group + .searchBox {
    margin-left: 15px; }
  html body.yp .ypw-portlet .component-cmd-btn .btn-group.open > .dropdown-menu {
    top: 30px; }
  html body.yp .ypw-portlet .component-cmd-btn .btn-group.open > .dropdown-menu a {
    cursor: pointer; }
  html body.yp .ypw-portlet .component-cmd-btn .zmdi {
    font-size: 16px;
    margin-right: 3px;
    vertical-align: text-bottom; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget {
    display: block;
    height: 30px;
    float: left;
    background-color: transparent;
    border: 0; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody, html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation], html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap {
    display: block;
    height: 30px; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap .k-editor-toolbar {
    padding: 0; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group {
    margin-right: 0;
    padding: 0; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group .k-tool {
    background-color: #fff;
    border: 0;
    float: left; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] + tr {
    display: none; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn {
    height: 30px;
    width: 93px;
    display: block;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    outline: 0 !important;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    text-align: center;
    margin-top: 0;
    margin-bottom: 0; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn .k-tool-icon {
    background: 0 0;
    position: relative;
    margin-right: 5px;
    display: inline-block;
    width: 18px;
    height: 30px; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn .k-tool-icon:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font: normal normal normal 14px/1 Material-Design-Iconic-Font; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn .k-tool-icon.k-createLink:before {
    content: "\f138"; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn .k-tool-icon.k-insertImage:before {
    content: "\f224"; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn .k-tool-text {
    line-height: 30px; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn + .btn, html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget + .btn {
    margin-left: 8px; }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar {
      min-width: 306px; }
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget {
      max-width: 195px; }
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .btn {
      width: 93px; }
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .btn .k-tool-text {
      display: inline-block; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar {
      max-width: calc(100% - 132px); }
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget {
      max-width: 86px; }
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .btn {
      width: 40px !important;
      min-width: 0; }
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .btn .k-tool-icon {
      margin-right: 0 !important; }
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .btn .zmdi {
      position: absolute;
      left: 50%;
      top: 50%;
      -ms-transform: translateY(-50%) translateX(-50%);
      -moz-transform: translateY(-50%) translateX(-50%);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%); }
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .btn .btn-text, html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .btn .k-tool-text {
      display: none; }
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar + .control-label {
      width: calc(100% - 146px) !important; }
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar + .control-label + .uploader-form-control {
      margin-top: 10px; } }
  html body.yp .ypw-portlet .component-cmd-btn .searchBox {
    height: 30px;
    float: left;
    padding-right: 25px;
    background-color: #FFF;
    position: relative; }
  html body.yp .ypw-portlet .component-cmd-btn .searchBox .form-control {
    width: 100%;
    height: 30px; }
  html body.yp .ypw-portlet .component-cmd-btn .searchBox .zmdi {
    font-size: 16px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 5px; }
  html body.yp .ypw-portlet .component-cmd-btn .searchBox + .btn, html body.yp .ypw-portlet .component-cmd-btn .searchBox + .btn-group {
    margin-left: 15px; }
  html body.yp .ypw-portlet .uploader-form-group {
    overflow: hidden;
    position: relative; }
  html body.yp .ypw-portlet .uploader-form-group .file-embed-library {
    display: none !important; }
  html body.yp .ypw-portlet .uploader-form-group .file-embed-library + .btn {
    float: right; }
  html body.yp .ypw-portlet .uploader-form-group .btn {
    padding: 6px 16px;
    font-size: 13px;
    position: relative; }
  html body.yp .ypw-portlet .uploader-form-group .control-label {
    height: 35px;
    line-height: 35px; }
  html body.yp .ypw-portlet .uploader-form-group .fileUploadTitle {
    position: relative;
    float: left;
    font-size: 13px;
    color: #333;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    padding: 7px 0; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload {
    border: 0; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-dropzone {
    margin-top: 43px; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-dropzone .k-upload-button {
    position: absolute;
    top: -43px;
    right: 0; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-dropzone .dragFilesContainer {
    display: none; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file {
    padding: 0;
    border: 1px solid transparent;
    height: 41px;
    box-sizing: border-box; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper {
    background-color: #f5f5f5;
    padding: 5px 10px;
    color: #666;
    position: relative;
    height: 29px; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-icon {
    height: 29px;
    float: left;
    width: 29px;
    text-align: center;
    position: relative;
    color: #929292; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-icon .fa, html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-icon .zmdi {
    line-height: 29px;
    font-size: 29px; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-icon .preview-icon-text {
    position: absolute;
    background-color: #929292;
    color: #FFF;
    font-size: 9px;
    line-height: 12px;
    top: 10px;
    left: -9px;
    padding: 1px 4px; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-details {
    width: 100px;
    height: 62px;
    background-color: rgba(221, 221, 221, 0.68);
    padding: 6px;
    text-align: center;
    float: left; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper {
    width: calc(100% - 29px);
    float: left; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .name-size-wrapper {
    float: left;
    margin-left: 15px;
    line-height: 29px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 100px);
    overflow: hidden; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .name-size-wrapper .name-size {
    display: inline; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .k-upload-action {
    float: right;
    padding: 6px 0; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .k-upload-action .k-icon {
    color: #929292; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .k-upload-action .k-icon.k-delete {
    background: 0 0;
    width: 16px;
    height: 16px; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .k-upload-action .k-icon.k-delete:after {
    content: '\f154';
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 18px; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file.k-file-error {
    border: 1px solid #ef6262; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file.k-file-progress .k-progress {
    background-color: #96be0f; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file.k-file-progress .file-wrapper {
    background-color: transparent;
    color: #FFF; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file, html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper {
      height: auto; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-icon {
      text-align: left; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper {
      padding-top: 0 !important;
      margin-top: 36px;
      position: static; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .name-size-wrapper {
      white-space: normal !important;
      text-overflow: initial !important;
      max-width: none !important;
      overflow: visible !important;
      margin-left: -29px; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .name-size-wrapper .name-size {
      line-height: normal; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .k-upload-action {
      position: absolute;
      right: 10px;
      top: 5px; } }
  html body.yp .ypw-portlet .uploader-form-group .k-upload .k-button.k-upload-selected {
    display: none; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone {
    margin-top: 43px;
    min-height: 23px; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone.k-dropzone-hovered {
    background-color: transparent; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone.k-dropzone-hovered .dragFilesContainer {
    background-color: #d4d2d2;
    -o-transition: all 350ms;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .k-upload-button {
    position: absolute;
    top: -43px;
    right: 0; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .dragFilesContainer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: #f5f5f5;
    padding: 10px 20px;
    height: 43px;
    box-sizing: border-box;
    -o-transition: all 350ms;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
    display: block; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .dragFilesContainer:after {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .dragFilesContainer .instructions {
    float: left;
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .dragFilesContainer .recommendations {
    float: right;
    color: #999;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone {
      height: 0;
      min-height: 0;
      padding: 0; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .k-upload-button {
      right: auto; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .dragFilesContainer {
      display: none; } }
  html body.yp .ypw-portlet .uploader-form-group .k-upload:not(.autoUpload) {
    position: relative;
    float: left;
    width: 100%; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload:not(.autoUpload) .k-dropzone {
    padding: 0; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload:not(.autoUpload) .k-upload-button {
    margin: 0;
    position: absolute;
    right: 0;
    top: -37px; }
  html body.yp .ypw-portlet .uploader-form-group .k-upload:not(.autoUpload) .k-upload-files {
    position: relative; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .uploader-form-group .k-upload {
      float: left;
      clear: both; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload:not(.autoUpload) .k-upload-button {
      position: relative;
      top: auto;
      margin-bottom: 15px; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload {
      width: 100%; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .k-button {
      position: absolute !important;
      top: -43px !important;
      margin-bottom: 64px !important; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload .k-dropzone {
      margin-top: 0; }
    html body.yp .ypw-portlet .uploader-form-group .k-upload .k-dropzone .k-upload-button {
      position: relative;
      top: auto;
      right: auto; } }
  html body.yp .ypw-portlet .uploader-form-group[max-width~="530px"] .fileUploadTitle + .k-upload .k-button {
    position: relative;
    top: auto;
    margin-bottom: 15px; }
  html body.yp .ypw-portlet .uploader-form-group[max-width~="530px"] .k-dropzone .k-button {
    margin-bottom: 64px !important; }
  html body.yp .ypw-portlet .uploader-form-group[max-width~="530px"] .k-dropzone .dragFilesContainer {
    height: 64px !important; }
  html body.yp .ypw-portlet .uploader-form-group[max-width~="530px"] .k-dropzone .dragFilesContainer .recommendations {
    float: left !important; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group {
    display: none; }
  html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group .k-tool {
    width: 86px;
    line-height: 30px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget + .btn {
      height: 35px;
      width: 60px !important; } }
  @media (min-width: 320px) and (max-width: 340px) {
    html body.yp .ypw-portlet .uploader-form-control {
      padding-bottom: 64px; } }
  html body.yp .ypw-portlet .summaryBar {
    background-color: #313f64; }
  html body.yp .ypw-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide {
    flex: none;
    height: 136px;
    width: auto; }
  html body.yp .ypw-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxTitle {
    background-color: rgba(244, 244, 244, 0.07);
    color: #FFF;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    padding: 5px 8px;
    display: inline-block;
    margin-top: 30px;
    margin-left: 50px; }
  html body.yp .ypw-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxDescription {
    color: rgba(244, 244, 244, 0.85);
    font-size: 30px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    margin-left: 50px;
    height: 30px;
    line-height: 30px;
    margin-top: 13px; }
  html body.yp .ypw-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxDescription .zmdi {
    font-size: 15px;
    line-height: 30px;
    vertical-align: middle; }
  html body.yp .ypw-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxDescription .zmdi.zmdi-long-arrow-down {
    color: #ef6262; }
  html body.yp .ypw-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxDescription .zmdi.zmdi-long-arrow-up {
    color: #96be0e; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxDescription, html body.yp .ypw-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxTitle {
      margin-left: 20px; } }
  html body.yp .ypw-portlet .summaryBar .swiper-container > .swiper-pagination {
    text-align: left;
    left: 50px; }
  html body.yp .ypw-portlet .summaryBar .swiper-container > .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid rgba(244, 244, 244, 0.5); }
  html body.yp .ypw-portlet .summaryBar .swiper-container > .swiper-pagination .swiper-pagination-bullet:first-child:last-child {
    display: none; }
  html body.yp .ypw-portlet .summaryBar .swiper-container > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #f4f4f4; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .summaryBar .swiper-container > .swiper-pagination {
      left: 20px; } }
  html body.yp .ypw-portlet .yp-responsive .summaryBar.yp-responsive-always-mobile {
    padding: 12px; }
  html body.yp .ypw-portlet .yp-responsive .summaryBar.yp-responsive-always-mobile .breadcrumb {
    display: none; }
  html body.yp .ypw-portlet .staticGrid {
    width: 100%;
    background-color: #fff;
    display: inline-block;
    padding: 20px 15px;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .staticGrid.w-bg {
    background-color: rgba(233, 233, 233, 0.7); }
  html body.yp .ypw-portlet .staticGrid .staticRow {
    display: inline-block;
    padding: 9px 0; }
  html body.yp .ypw-portlet .staticGrid .staticRow:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .staticGrid .staticRow > * {
    display: inline-block; }
  html body.yp .ypw-portlet .staticGrid .staticRow .label-bold + .label-normal {
    max-width: 32px; }
  html body.yp .ypw-portlet .staticGrid .separator-page {
    width: 100%; }
  html body.yp .ypw-portlet .staticGrid .zmdi {
    font-size: 15px;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 10px; }
  html body.yp .ypw-portlet .staticGrid .zmdi.zmdi-long-arrow-down {
    color: #EF6262; }
  html body.yp .ypw-portlet .staticGrid .zmdi.zmdi-long-arrow-up {
    color: #96BE0E; }
  html body.yp .ypw-portlet .staticGrid.default {
    width: 100%;
    max-width: 530px; }
  html body.yp .ypw-portlet .staticGrid.default .staticRow {
    display: block;
    width: 100%; }
  html body.yp .ypw-portlet .staticGrid.default .staticRow > * {
    float: left;
    display: block; }
  html body.yp .ypw-portlet .staticGrid.default .staticRow :nth-last-child(2):first-child {
    width: 50%; }
  html body.yp .ypw-portlet .staticGrid.default .staticRow :nth-last-child(2):first-child ~ * {
    width: 50%; }
  html body.yp .ypw-portlet .chartAreaCard {
    background-color: #FFF; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardHeader {
    margin-bottom: 40px; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardHeader .chartTitle {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #333;
    margin-left: 16px;
    margin-top: 16px;
    display: inline; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardHeader .headerAction {
    float: right; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardHeader .headerAction .form-group {
    margin: 3px 0; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardHeader .headerAction .form-group .form-group.select-group .controls-wrapper {
    border: 0; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardHeader .headerAction .form-group .form-group.select-group .controls-wrapper select {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #666; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardHeader.split {
    border-bottom: 1px solid #ebeef0;
    padding: 7px 0; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardBody:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea {
    float: left; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(1) {
    width: 100%; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2), html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2) ~ .chartArea {
    width: 50%; }
  html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3), html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3) ~ .chartArea {
    width: calc(100% / 3); }
  @media (max-width: 768px) {
    html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2), html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2) ~ .chartArea {
      width: calc(100% / 2); }
    html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3), html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3) ~ .chartArea {
      width: calc(100% / 2); } }
  @media (max-width: 640px) {
    html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2), html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2) ~ .chartArea {
      width: 100%; }
    html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3), html body.yp .ypw-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3) ~ .chartArea {
      width: 100%; } }
  html body.yp .ypw-portlet .chartAreaCard.halfCard {
    width: 100%; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard .k-chart {
    height: 165px; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard .chartCardHeader {
    margin-bottom: 10px; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard .chartCardHeader .chartTitle {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #333; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard .chartCardBody {
    padding-left: 16px; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard .chartDescription .label-normal {
    display: inline-block;
    width: 100%; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard .chartDescription .label-bold {
    display: inline-block; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard .chartDescription .zmdi {
    display: inline-block;
    margin-left: 15px; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard .chartDescription + .chartDescription:before {
    content: "......";
    color: #96BE0F; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard.template2 .chartCardBody:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard.template2 .chartCardBody .chartDescription {
    width: 50%;
    float: left; }
  html body.yp .ypw-portlet .chartAreaCard.halfCard.template2 .chartCardBody .chartDescription + .chartDescription:before {
    content: none; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard {
    background-color: #addb11;
    width: 100%; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .k-chart {
    height: 205px; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .chartCardHeader {
    margin-bottom: 40px; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .chartCardHeader .chartTitle {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    margin-left: 16px;
    margin-top: 16px;
    display: inline;
    color: #FFF; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .chartCardHeader .chartTitle + .zmdi {
    font-size: 40px;
    margin-left: 40px;
    margin-right: 0;
    color: #FFF;
    cursor: pointer; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .chartCardFooter {
    background-color: #FFF; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .chartCardFooter:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .chartCardFooter .footerBox {
    width: 50%;
    float: left;
    padding: 20px 15px; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .chartCardFooter .footerBox .footerBoxTitle {
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .chartCardFooter .footerBox .footerBoxVal {
    color: #333;
    font-size: 23px;
    font-family: Roboto,sans-serif;
    font-weight: 300; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .chartCardFooter .footerBox .footerBoxProgress {
    background-color: #eee;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 5px;
    width: 109px;
    max-width: 100%; }
  html body.yp .ypw-portlet .chartAreaCard.fullCard .chartCardFooter .footerBox .footerBoxProgress .progress {
    height: 100%;
    background-color: #addb11;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }
  html body.yp .ypw-portlet .chartAreaCard .zmdi {
    font-size: 15px;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 10px; }
  html body.yp .ypw-portlet .chartAreaCard .zmdi.zmdi-long-arrow-down {
    color: #EF6262; }
  html body.yp .ypw-portlet .chartAreaCard .zmdi.zmdi-long-arrow-up {
    color: #96BE0E; }
  html body.yp .ypw-portlet .chartAreaCard.template1 {
    max-width: none; }
  html body.yp .ypw-portlet .chartAreaCard.template1 .chartCardHeader {
    padding: 33px;
    padding-bottom: 0;
    margin-bottom: 0; }
  html body.yp .ypw-portlet .chartAreaCard.template1 .chartCardHeader .chartTitle {
    margin-left: 0; }
  html body.yp .ypw-portlet .chartAreaCard.template1 .chartCardBody {
    padding: 0 33px;
    margin-top: 20px;
    margin-bottom: 7px; }
  html body.yp .ypw-portlet .chartAreaCard.template1 .chartFooterBody .chartArea {
    width: 100%; }
  html body.yp .ypw-portlet .chartAreaCard.template2 .chartCardHeader {
    margin-bottom: 0;
    position: relative;
    padding: 13px 53px 13px 16px;
    height: auto;
    box-sizing: content-box; }
  html body.yp .ypw-portlet .chartAreaCard.template2 .chartCardHeader .chartTitle {
    margin-left: 0;
    line-height: 31px; }
  html body.yp .ypw-portlet .chartAreaCard.template2 .chartCardHeader .zmdi {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 28px;
    display: block;
    height: 28px; }
  html body.yp .ypw-portlet .chartAreaCard.template2 .chartFooterBody .footerBox {
    padding-top: 20px;
    padding-bottom: 14px; }
  html body.yp .ypw-portlet .chartAreaCard.template3 .chartCardHeader {
    padding-top: 20px;
    padding-left: 19px;
    padding-right: 25px;
    margin-bottom: 20px;
    height: 31px;
    box-sizing: content-box; }
  html body.yp .ypw-portlet .chartAreaCard.template3 .chartCardHeader:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .chartAreaCard.template3 .chartCardHeader .chartTitle {
    max-width: calc(100% - 99px);
    float: left;
    margin: 0;
    line-height: 31px; }
  html body.yp .ypw-portlet .chartAreaCard.template3 .chartCardHeader .chartTime {
    width: 99px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 31px;
    color: #666;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px; }
  html body.yp .ypw-portlet .chartAreaCard.template3 .chartCardHeader .chartTime .zmdi {
    color: #2B3A61;
    font-size: 15px;
    cursor: pointer; }
  html body.yp .ypw-portlet .chartAreaCard.template3 .chartCardHeader .chartTime .zmdi:first-child {
    margin-right: 8px; }
  html body.yp .ypw-portlet .chartAreaCard.template3 .chartCardHeader .chartTime .zmdi:last-child {
    margin-left: 8px; }
  html body.yp .ypw-portlet .chartAreaCard.template3 .chartCardFooter {
    height: 73px;
    text-align: center;
    border-top: 1px solid rgba(221, 225, 231, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #666; }
  html body.yp .ypw-portlet .chartAreaCard.template3 .chartCardFooter .zmdi {
    margin-left: 7px; }
  html body.yp .ypw-portlet .chartBarWrapper .chartBarHeader .title-page {
    margin-top: 20px;
    margin-bottom: 15px; }
  html body.yp .ypw-portlet .listGrid {
    padding: 25px 35px;
    padding-right: 0;
    background-color: #FFF; }
  html body.yp .ypw-portlet .listGrid .gridSwiper-Wrapper {
    height: 315px;
    padding-right: 49px; }
  html body.yp .ypw-portlet .listGrid .gridSwiper-Wrapper .mCSB_scrollTools {
    display: block;
    position: absolute;
    right: 0;
    top: 0; }
  html body.yp .ypw-portlet .listGrid .title-page {
    margin-top: 0;
    margin-bottom: 13px; }
  html body.yp .ypw-portlet .listGrid .listItem {
    border-bottom: 1px #EBEEF0 solid;
    padding: 28px 0; }
  html body.yp .ypw-portlet .listGrid .listItem:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .listGrid .listItem .slider-control.StaticSlider {
    max-width: 325px;
    float: left;
    margin-left: 55px;
    width: 100%; }
  html body.yp .ypw-portlet .listGrid .listItem.template2 {
    margin: 0 !important;
    border-bottom: 1px solid #EBEEF0; }
  html body.yp .ypw-portlet .listGrid .listItem.template2:last-child {
    border-bottom: 0 none; }
  html body.yp .ypw-portlet .listGrid .listItem.template2 .list-checkbox {
    float: left;
    margin-right: 50px;
    padding: 31px 0; }
  html body.yp .ypw-portlet .listGrid .listItem.template2 .list-checkbox .checkbox:after {
    border: 1px solid #CCC;
    -webkit-border-radius: 4%;
    -moz-border-radius: 4%;
    border-radius: 4%;
    width: 20px;
    height: 20px; }
  html body.yp .ypw-portlet .listGrid .listItem.template2 .list-checkbox .checkbox:checked:before {
    top: 2px;
    left: 7px;
    border-color: #666; }
  html body.yp .ypw-portlet .listGrid .listItem.template2 .list-checkbox .checkbox:checked:after {
    background-color: #ebebeb;
    border-color: #666; }
  html body.yp .ypw-portlet .listGrid .listItem.template2 .list-image {
    width: 55px;
    height: 55px;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 13px 50px 13px 0; }
  html body.yp .ypw-portlet .listGrid .listItem.template2 .list-image img {
    max-width: 500%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .listGrid .listItem.template2 .list-description {
    float: left;
    padding: 17px 0; }
  html body.yp .ypw-portlet .listGrid .listItem.template2 .list-link {
    float: right;
    padding: 26px 0; }
  html body.yp .ypw-portlet .listGrid .listItem.template2 .list-link .glyphicon {
    color: #96BE0F;
    font-size: 20px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .listGrid .listItem.template2 .list-checkbox, html body.yp .ypw-portlet .listGrid .listItem.template2 .list-image {
      margin-right: 15px; }
    html body.yp .ypw-portlet .listGrid .listItem.template2 .list-description {
      width: calc(100% - 125px); }
    html body.yp .ypw-portlet .listGrid .listItem.template2 .list-link {
      display: none; } }
  html body.yp .ypw-portlet .listGrid .listItem.template1 {
    padding-top: 28px;
    padding-bottom: 25px;
    max-width: 771px;
    position: relative; }
  html body.yp .ypw-portlet .listGrid .listItem.template1 .list-title {
    max-width: calc(100% - 325px);
    margin-bottom: 5px;
    line-height: 20px; }
  html body.yp .ypw-portlet .listGrid .listItem.template1 .list-description:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .listGrid .listItem.template1 .list-description > * {
    float: left; }
  html body.yp .ypw-portlet .listGrid .listItem.template1 .list-description .text-control {
    max-width: calc((100% - 332px) / 2);
    width: 50%;
    line-height: 20px; }
  html body.yp .ypw-portlet .listGrid .listItem.template1 .list-description .slider-control {
    width: 332px;
    margin: -17px 0 0; }
  html body.yp .ypw-portlet .listGrid .listItem.template1 .list-description .slider-control .controls .form-control {
    padding: 11px 0 0; }
  html body.yp .ypw-portlet .listGrid .listItem.template1 .list-description .slider-control .controls .form-control .k-slider {
    margin: 0; }
  html body.yp .ypw-portlet .listGrid .listItem.template1:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #EBEEF0;
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .ypw-portlet .listGrid .listItem.template1:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #EBEEF0;
    position: absolute;
    top: 0;
    left: 0; }
  @media (max-width: 768px) {
    html body.yp .ypw-portlet .listGrid .listItem .label-normal {
      float: none;
      display: block;
      height: auto;
      margin-bottom: 5px; }
    html body.yp .ypw-portlet .listGrid .listItem .label-normal + .label-normal, html body.yp .ypw-portlet .listGrid .listItem .slider-control {
      margin-left: 0; } }
  html body.yp .ypw-portlet .listGrid .listItem .listItem-header {
    height: 20px;
    line-height: 20px; }
  html body.yp .ypw-portlet .listGrid .listItem .listItem-body {
    height: 30px; }
  html body.yp .ypw-portlet .listGrid .listItem .listItem-body:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .listGrid .listItem .listItem-body > * {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px; }
  html body.yp .ypw-portlet .listGrid .listItem .listItem-body > * ~ * {
    margin-left: 45px; }
  html body.yp .ypw-portlet .listGrid .swiper-container {
    height: 330px; }
  html body.yp .ypw-portlet .listGrid .swiper-container .swiper-wrapper .swiper-slide {
    height: auto !important;
    border-bottom: 1px solid #EBEEF0;
    width: calc(100% - 28px); }
  html body.yp .ypw-portlet .listGrid .swiper-container .swiper-wrapper .swiper-slide .listItem {
    margin: 15px 0; }
  html body.yp .ypw-portlet .listGrid .swiper-container .swiper-wrapper .swiper-slide:first-child .listItem {
    margin-top: 0; }
  html body.yp .ypw-portlet .listGrid.swiper-container {
    height: 330px; }
  html body.yp .ypw-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide {
    height: auto !important;
    border-bottom: 1px solid #EBEEF0;
    width: calc(100% - 28px); }
  html body.yp .ypw-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide .listItem {
    margin: 15px 0; }
  html body.yp .ypw-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide:first-child {
    background-color: red; }
  html body.yp .ypw-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide:first-child .listItem.template1 {
    padding-top: 0; }
  html body.yp .ypw-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide:first-child .listItem.template1:before {
    content: none; }
  html body.yp .ypw-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide:last-child .listItem.template1 {
    padding-bottom: 0; }
  html body.yp .ypw-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide:last-child .listItem.template1:after {
    content: none; }
  html body.yp .ypw-portlet .listGrid.template1 {
    padding-right: 0;
    height: 306px;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden; }
  html body.yp .ypw-portlet .listGrid.template1 .swiper-container {
    height: 100%; }
  html body.yp .ypw-portlet .listGrid.template1 .swiper-container .swiper-wrapper {
    padding-right: 65px;
    width: calc(100% - 65px); }
  html body.yp .ypw-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
    border: 0; }
  html body.yp .ypw-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide .listItem.template1 {
    margin: 0; }
  html body.yp .ypw-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide:first-child .listItem {
    padding-top: 0; }
  html body.yp .ypw-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide:first-child .listItem:before {
    content: none; }
  html body.yp .ypw-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide:last-child .listItem {
    padding-bottom: 0; }
  html body.yp .ypw-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide:last-child .listItem:after {
    content: none; }
  html body.yp .ypw-portlet .listGrid.template1 .swiper-container .swiper-scrollbar {
    right: 34px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .listGrid.template1.mCustomScrollbar {
      height: 492px; }
    html body.yp .ypw-portlet .listGrid.template1.mCustomScrollbar .mCustomScrollBox {
      height: 492px;
      padding-right: 25px; }
    html body.yp .ypw-portlet .listGrid.template1.mCustomScrollbar .mCustomScrollBox .mCSB_container .swiper-container {
      height: auto; }
    html body.yp .ypw-portlet .listGrid.template1.mCustomScrollbar .mCustomScrollBox .mCSB_container .swiper-container .swiper-wrapper {
      display: block;
      width: 100%;
      padding-right: 0; }
    html body.yp .ypw-portlet .listGrid.template1.mCustomScrollbar .mCustomScrollBox .mCSB_container .swiper-container .swiper-wrapper .swiper-slide {
      display: block;
      width: 100%;
      padding: 0; }
    html body.yp .ypw-portlet .listGrid.template1 .listItem.template1 .list-title {
      max-width: none; }
    html body.yp .ypw-portlet .listGrid.template1 .listItem.template1 .list-description .text-control {
      max-width: none;
      float: left;
      clear: both;
      width: 100%; }
    html body.yp .ypw-portlet .listGrid.template1 .listItem.template1 .list-description .slider-control {
      margin-top: 0;
      width: calc(100% - 59px); } }
  html body.yp .ypw-portlet .listGrid + .listGridFooter {
    background-color: #FFF; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .listGrid {
      padding: 14px 0 25px 14px !important; }
    html body.yp .ypw-portlet .listGrid .gridSwiper-Wrapper {
      padding-right: 49px; }
    html body.yp .ypw-portlet .listGrid .listItem .slider-control {
      padding-top: 15px;
      box-sizing: content-box;
      max-width: none; }
    html body.yp .ypw-portlet .listGrid .listItem .listItem-header {
      margin-bottom: 5px; }
    html body.yp .ypw-portlet .listGrid .listItem .listItem-body {
      height: auto; }
    html body.yp .ypw-portlet .listGrid .listItem .listItem-body > * {
      display: block;
      height: auto;
      line-height: 20px;
      margin-bottom: 0; }
    html body.yp .ypw-portlet .listGrid .listItem .listItem-body > * ~ * {
      width: 100%;
      margin-left: 0; }
    html body.yp .ypw-portlet .listGrid .listItem .listItem-body > .slider-control.StaticSlider {
      margin-top: 5px;
      margin-left: 0; }
    html body.yp .ypw-portlet .listGrid .mCSB_scrollTools {
      display: block;
      position: absolute;
      right: 0;
      top: 0; } }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-mobile {
    padding: 14px 0 25px 14px !important; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .gridSwiper-Wrapper {
    padding-right: 49px; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .slider-control {
    padding-top: 15px;
    box-sizing: content-box;
    max-width: none; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .listItem-header {
    margin-bottom: 5px; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .listItem-body {
    height: auto; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .listItem-body > * {
    display: block;
    height: auto;
    line-height: 20px;
    margin-bottom: 0; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .listItem-body > * ~ * {
    width: 100%;
    margin-left: 0; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .listItem-body > .slider-control.StaticSlider {
    margin-top: 5px;
    margin-left: 0; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .mCSB_scrollTools {
    display: block;
    position: absolute;
    right: 0;
    top: 0; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-desktop .mCustomScrollBox .mCSB_container {
    overflow: visible; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-desktop .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger {
    height: 72px !important; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-desktop .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    width: 6px !important;
    height: 72px; }
  html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-desktop .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar:after, html body.yp .ypw-portlet .yp-responsive .listGrid.yp-responsive-always-desktop .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar:before {
    content: none !important; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .form-group.tab-container .navbar {
      border-top: 3px solid #96BE0F;
      background-color: #FFF;
      padding: 0 25px; }
    html body.yp .ypw-portlet .form-group.tab-container .navbar .navbar-toggle .icon-bar {
      height: 3px;
      width: 16px;
      background-color: #333; }
    html body.yp .ypw-portlet .form-group.tab-container .navbar .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 2px; }
    html body.yp .ypw-portlet .form-group.tab-container .navbar .tabstripTitleHolder {
      font-size: 23px;
      color: #333; } }
  html body.yp .ypw-portlet .form-group.tab-container .simulator-tab-content .listGrid {
    height: 270px;
    padding: 14px 35px; }
  html body.yp .ypw-portlet .form-group.tab-container .simulator-tab-content .listGrid .swiper-container {
    height: 100%; }
  html body.yp .ypw-portlet .form-group.tab-container .simulator-tab-content .listGridFooter {
    height: 75px;
    width: 100%;
    padding: 10px 40px; }
  @media (min-width: 768px) {
    html body.yp .ypw-portlet .form-group.tab-container .simulator-tab-content .listGridFooter .btn {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (max-width: 768px) {
    html body.yp .ypw-portlet .form-group.tab-container .simulator-tab-content .listGridFooter {
      padding: 10px 25px;
      height: auto; }
    html body.yp .ypw-portlet .form-group.tab-container .simulator-tab-content .listGridFooter:after {
      content: "";
      display: table;
      clear: both; }
    html body.yp .ypw-portlet .form-group.tab-container .simulator-tab-content .listGridFooter .btn {
      clear: both;
      float: left;
      margin-left: 0 !important; }
    html body.yp .ypw-portlet .form-group.tab-container .simulator-tab-content .listGridFooter .btn + .btn {
      margin-top: 12px; } }
  html body.yp .ypw-portlet .information {
    width: 100%;
    -webkit-box-shadow: 0 3px 0 0 #e3e4e8;
    -moz-box-shadow: 0 3px 0 0 #e3e4e8;
    box-shadow: 0 3px 0 0 #e3e4e8;
    position: relative; }
  html body.yp .ypw-portlet .information:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .information .glyphicon {
    font-size: 20px;
    color: #39add2;
    margin-bottom: 20px; }
  html body.yp .ypw-portlet .information .information-header {
    width: 100%;
    position: relative;
    padding: 26px; }
  html body.yp .ypw-portlet .information .information-header:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .information .information-footer {
    width: calc(100% - 52px);
    position: relative;
    padding: 43px 26px;
    border-top: 1px solid #EBEEF0;
    background-color: #FFF; }
  html body.yp .ypw-portlet .information .information-footer:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .information .information-footer .information-description {
    color: #777;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%; }
  html body.yp .ypw-portlet .information.open .information-footer {
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -o-transition: transform 350ms;
    -webkit-transition: transform 350ms;
    -moz-transition: transform 350ms;
    transition: transform 350ms; }
  html body.yp .ypw-portlet .information.open .information-footer .information-description {
    opacity: 1;
    -o-transition: opacity 350ms 350ms;
    -webkit-transition: opacity 350ms 350ms;
    -moz-transition: opacity 350ms 350ms;
    transition: opacity 350ms 350ms; }
  html body.yp .ypw-portlet .informationWrapper .informationBody {
    margin-bottom: 3px; }
  html body.yp .ypw-portlet .informationWrapper .informationBody .information {
    background-color: #FFF; }
  html body.yp .ypw-portlet .informationWrapper .informationBody .information .label-bold, html body.yp .ypw-portlet .informationWrapper .informationBody .information .label-normal {
    width: calc(100% - 56px);
    float: left; }
  html body.yp .ypw-portlet .informationWrapper .informationBody .information .glyphicon {
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 30px; }
  html body.yp .ypw-portlet .informationWrapper .informationBody .information + .information {
    margin-top: 9px; }
  html body.yp .ypw-portlet .informationWrapper .informationBody.k-panelbar {
    background-color: transparent;
    border: 0; }
  html body.yp .ypw-portlet .informationWrapper .informationBody.k-panelbar .k-item .k-link .k-icon {
    background: 0 0;
    width: 20px;
    height: 25px;
    opacity: 1;
    right: 26px; }
  html body.yp .ypw-portlet .informationWrapper .informationBody.k-panelbar .k-item .k-link .k-icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #39add2; }
  html body.yp .ypw-portlet .informationWrapper .informationBody.k-panelbar .k-item .k-link .k-icon.k-i-arrow-s:before {
    content: "\f0ab"; }
  html body.yp .ypw-portlet .informationWrapper .informationBody.k-panelbar .k-item .k-link .k-icon.k-i-arrow-n:before {
    content: "\f0aa"; }
  html body.yp .ypw-portlet .informationWrapper .informationBody.k-panelbar .k-item + .k-item {
    margin-top: 9px; }
  html body.yp .ypw-portlet .informationWrapper .informationBody.k-panelbar .k-item.information .information-header {
    width: calc(100% - 52px);
    position: relative;
    padding: 26px;
    background-color: #FFF;
    border: 0; }
  html body.yp .ypw-portlet .informationWrapper .informationBody.k-panelbar .k-item.information .information-header:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .informationWrapper .informationBody.k-panelbar .k-item.information .information-header > * {
    line-height: normal; }
  html body.yp .ypw-portlet .publicity {
    height: auto;
    background-color: rgba(233, 233, 233, 0.7); }
  html body.yp .ypw-portlet .publicity .publicityHeader {
    height: 137px;
    position: relative; }
  html body.yp .ypw-portlet .publicity .publicityHeader .publicityImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
  html body.yp .ypw-portlet .publicity .publicityHeader .publicityImg img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .publicity .publicityHeader .publicityIcon {
    background-color: #39add2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #ececec;
    width: 44px;
    height: 44px;
    text-align: center;
    position: absolute;
    bottom: -22px;
    right: 22px; }
  html body.yp .ypw-portlet .publicity .publicityHeader .publicityIcon .glyphicon {
    font-size: 17px;
    line-height: 38px;
    color: #FFF; }
  html body.yp .ypw-portlet .publicity .publicityBody {
    padding: 20px 25px; }
  html body.yp .ypw-portlet .publicity .publicityBody .publicityTile {
    line-height: 140%;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #666; }
  html body.yp .ypw-portlet .publicity .publicityBody .publicityTime {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #999; }
  html body.yp .ypw-portlet .publicity .publicityFooter {
    padding: 20px 25px;
    padding-top: 0; }
  html body.yp .ypw-portlet .advancedResponsiveCombo {
    padding: 15px; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .title {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #39add2;
    margin-bottom: 13px; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide {
    width: 93px;
    height: 136px;
    position: relative; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide .responsiveCombo {
    padding: 6px 3px;
    width: 79px;
    height: 113px;
    background-color: #8ccfe5;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -o-transition: all 350ms;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
    overflow: hidden; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide .responsiveCombo .responsiveComboTitle {
    font-size: 15px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    text-align: center;
    line-height: 130%;
    color: #FFF; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide .responsiveCombo .responsiveComboDescription {
    font-size: 13px;
    text-align: center;
    color: rgba(255, 255, 255, 0.4); }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide .responsiveCombo .responsiveComboDescription + .responsiveComboDescription {
    color: #fff;
    margin-top: 8px; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide .responsiveCombo .btn {
    display: none;
    margin: auto;
    width: 53px; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .responsiveCombo {
    width: 93px;
    height: 136px;
    background-color: #39add2;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -o-transition: all 350ms;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .btn {
    display: block; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .advancedResponsiveComboFooter {
    height: 1px;
    width: 93px;
    margin: 20px auto auto;
    display: block;
    position: relative;
    background-color: #39add2; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .advancedResponsiveComboFooter .zmdi {
    color: #39add2;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 20px;
    z-index: 2;
    border: 4px solid #FFF; }
  html body.yp .ypw-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .advancedResponsiveComboFooter .zmdi:before {
    background-color: #FFF; }
  html body.yp .ypw-portlet .calendarCard {
    width: 100%; }
  html body.yp .ypw-portlet .calendarCard:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget {
    width: calc(100% - 280px);
    height: 100%;
    float: left; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar {
    width: 100%;
    height: 100%;
    border: 0; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header {
    height: 45px;
    background-color: #FFF;
    margin: 0; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link {
    color: #666; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link.k-state-hover {
    background-color: #FFF; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link.k-nav-prev .k-icon {
    background: 0 0; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link.k-nav-prev .k-icon:before {
    content: "\f2fa";
    font: normal normal normal 14px/1 Material-Design-Iconic-Font; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link.k-nav-next .k-icon {
    background: 0 0; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link.k-nav-next .k-icon:before {
    content: "\f2fb";
    font: normal normal normal 14px/1 Material-Design-Iconic-Font; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content {
    height: calc(100% - 45px);
    width: calc(100% - 45px);
    float: none;
    margin: auto; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content th {
    text-align: center; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content thead th {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #666; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td {
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-state-selected {
    background-color: #FFF; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-state-selected:before {
    content: "";
    border-radius: 0;
    width: 37px;
    height: 37px;
    background-color: #2b3a61;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-state-selected .k-link {
    position: relative;
    z-index: 2;
    color: #FFF !important; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-state-hover {
    background-color: #FFF;
    border: 0; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-state-focused .k-link {
    outline: -webkit-focus-ring-color auto !important;
    outline-offset: -2px !important; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td .k-link {
    outline: 0 !important; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-today {
    background-color: #FFF; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-today .k-link {
    color: #444; }
  html body.yp .ypw-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-footer {
    display: none; }
  html body.yp .ypw-portlet .calendarCard .calendarInfo {
    background-color: #2b3a61;
    max-width: 280px;
    height: 100%;
    float: left;
    padding: 15px 30px;
    width: 280px; }
  html body.yp .ypw-portlet .calendarCard .calendarInfo .calendarTitle {
    color: rgba(255, 255, 255, 0.88);
    font-size: 23px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    margin-bottom: 20px; }
  html body.yp .ypw-portlet .calendarCard .calendarInfo .calendarDate {
    color: rgba(255, 255, 255, 0.88);
    font-size: 30px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    line-height: 32px; }
  html body.yp .ypw-portlet .calendarCard .calendarInfo .calendarSeparator {
    width: 100%;
    height: 1px;
    background-color: rgba(235, 238, 240, 0.2);
    margin-top: 15px;
    margin-bottom: 30px; }
  html body.yp .ypw-portlet .calendarCard .calendarInfo .calendarLinks .calendarLink {
    color: #f4f4f4;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .ypw-portlet .calendarCard .calendarInfo .calendarLinks .calendarLink .zmdi {
    font-size: 18px;
    margin-right: 15px; }
  html body.yp .ypw-portlet .calendarCard .calendarInfo .calendarLinks .calendarLink + .calendarLink {
    margin-top: 18px; }
  html body.yp .ypw-portlet .yp-responsive .calendarCard.yp-responsive-always-mobile {
    min-height: 328px;
    height: auto; }
  html body.yp .ypw-portlet .yp-responsive .calendarCard.yp-responsive-always-mobile .calendarWidget {
    margin-bottom: 10px;
    width: 100%;
    height: 276px;
    max-width: none; }
  html body.yp .ypw-portlet .yp-responsive .calendarCard.yp-responsive-always-mobile .calendarInfo {
    width: 100%;
    max-width: none; }
  html body.yp .ypw-portlet .yp-responsive .calendarCard.yp-responsive-always-desktop .calendarWidget {
    height: 325px;
    width: calc(100% - 280px); }
  html body.yp .ypw-portlet .yp-responsive .calendarCard.yp-responsive-always-desktop .calendarInfo {
    height: 325px;
    width: 280px; }
  html body.yp .ypw-portlet .daterangepicker .daterangepicker_input i {
    display: none; }
  html body.yp .ypw-portlet .daterangepicker.rtl select.ampmselect, html body.yp .ypw-portlet .daterangepicker.rtl select.hourselect, html body.yp .ypw-portlet .daterangepicker.rtl select.minuteselect, html body.yp .ypw-portlet .daterangepicker.rtl select.monthselect, html body.yp .ypw-portlet .daterangepicker.rtl select.secondselect, html body.yp .ypw-portlet .daterangepicker.rtl select.yearselect {
    padding-right: 20px; }
  html body.yp .ypw-portlet .show-calendar, html body.yp .ypw-portlet .show-calendar .calendar-table {
    background-color: #f5f5f5; }
  html body.yp .ypw-portlet .show-calendar select.ampmselect, html body.yp .ypw-portlet .show-calendar select.hourselect, html body.yp .ypw-portlet .show-calendar select.minuteselect, html body.yp .ypw-portlet .show-calendar select.monthselect, html body.yp .ypw-portlet .show-calendar select.secondselect, html body.yp .ypw-portlet .show-calendar select.yearselect {
    background-color: #f5f5f5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .ypw-portlet .show-calendar select.monthselect {
    width: 40%; }
  html body.yp .ypw-portlet .show-calendar td.off {
    background-color: #f5f5f5; }
  html body.yp .ypw-portlet .show-calendar td.active {
    background-color: #39add2; }
  html body.yp .ypw-portlet .show-calendar .fa-chevron-left, html body.yp .ypw-portlet .show-calendar .fa-chevron-right {
    color: #39add2; }
  html body.yp .ypw-portlet .show-calendar input.input-mini {
    display: none; }
  html body.yp .ypw-portlet .k-calendar-container .k-content tr td.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px grey !important;
    -moz-box-shadow: inset 0 0 0 1px grey !important;
    box-shadow: inset 0 0 0 1px grey !important;
    background-color: transparent; }
  html body.yp .ypw-portlet .k-calendar-container .k-content tr td.k-today {
    background-color: #96be0f;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .ypw-portlet .k-calendar-container .k-content tr td.k-state-selected {
    background-color: #39add2;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .ypw-portlet .k-calendar-container .k-header, html body.yp .ypw-portlet .k-calendar-container .k-header .k-link.k-state-hover {
    background-color: #39add2; }
  html body.yp .ypw-portlet .k-calendar-container, html body.yp .ypw-portlet .k-calendar-container .k-content, html body.yp .ypw-portlet .k-calendar-container .k-content thead tr th, html body.yp .ypw-portlet .k-calendar-container .k-footer .k-link {
    background-color: #f5f5f5; }
  html body.yp .ypw-portlet .k-grid {
    padding: 0 40px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar {
    background-color: rgba(249, 249, 249, 0.75);
    border-color: #EEE;
    margin: 0 -40px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar {
    padding: 12px 30px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-title {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #333;
    float: left; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands {
    float: right;
    position: relative; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .btn {
    float: left; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper {
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    float: left;
    margin-left: 30px;
    background-color: #E9E9E9;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    width: 53px;
    height: 30px;
    position: relative;
    cursor: pointer;
    border: 0; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .search-input {
    display: none;
    border: 0;
    outline: 0 !important; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper {
    width: 53px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi {
    font-size: 15px;
    color: #888;
    line-height: 30px;
    text-align: center;
    display: block; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi.zmdi-close {
    display: none; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .filter-counter {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    background-color: #96BE0F;
    text-align: center;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -4px;
    border-radius: 50px;
    right: 61px;
    font-size: 11px;
    line-height: 15px;
    display: none; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .close-wrapper {
    display: none;
    width: 53px;
    border-left: 1px solid #FFF; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .close-wrapper .zmdi {
    font-size: 15px;
    color: #888;
    line-height: 30px;
    text-align: center;
    display: block; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters {
    width: 108px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters .icon-wrapper {
    float: left; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters .icon-wrapper .filter-counter {
    display: block; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters .close-wrapper {
    float: left;
    display: block; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.open {
    background-color: #39ADD2; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.open + .filterModal {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.open .icon-wrapper .zmdi {
    color: #FFF; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.open .icon-wrapper .zmdi.zmdi-search {
    display: none; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.open .icon-wrapper .zmdi.zmdi-close {
    display: block; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper {
    float: left;
    margin-right: 30px;
    position: relative; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-icon {
    width: 16px;
    padding: 8px;
    cursor: pointer; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-icon .columnMenu-bar {
    width: 16px;
    height: 2px;
    background-color: #8D8D8D; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-icon .columnMenu-bar + .columnMenu-bar {
    margin-top: 3px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-icon .zmdi-filter-list {
    color: #8D8D8D;
    line-height: 16px;
    font-size: 21px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options {
    position: absolute;
    background-color: #FFF;
    padding: 15px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    width: 150px;
    z-index: 4;
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options .columnMenu-option {
    padding: 5px 0;
    color: #666;
    min-height: 21px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options .columnMenu-option input[type=checkbox] {
    margin-right: 5px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options .columnMenu-option input[type=checkbox]:checked:before {
    width: 4px;
    height: 10px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options .columnMenu-option .checkbox-elt-wrapper {
    float: left; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options .columnMenu-option .checkbox-elt-wrapper + label {
    margin-bottom: 0;
    float: left;
    height: 20px;
    line-height: 20px;
    padding-left: 10px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper.open .columnMenu-options {
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1); }
  html body.yp .ypw-portlet .k-grid .k-grid-header {
    padding: 0;
    border-color: #f2f2f2;
    background-color: #FFF; }
  html body.yp .ypw-portlet .k-grid .k-grid-header .k-grid-header-wrap {
    border-right: 0 none; }
  html body.yp .ypw-portlet .k-grid .k-grid-header th.k-header {
    background-color: #FFF;
    position: relative;
    padding: 18px 1.286em !important;
    border-color: #f2f2f2; }
  html body.yp .ypw-portlet .k-grid .k-grid-header th.k-header.col-icon {
    text-align: center; }
  html body.yp .ypw-portlet .k-grid .k-grid-header th.k-header.col-icon .k-header-column-menu {
    right: 25%; }
  html body.yp .ypw-portlet .k-grid .k-grid-header th.k-header > .k-link {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #666;
    padding: 10px 0; }
  html body.yp .ypw-portlet .k-grid .k-grid-header th.k-header .k-header-column-menu {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    margin-top: 0;
    outline: 0 !important;
    right: 0; }
  html body.yp .ypw-portlet .k-grid .k-grid-header th.k-header.k-hierarchy-cell {
    visibility: hidden; }
  html body.yp .ypw-portlet .k-grid .k-grid-header th.k-header.k-state-focused {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: #999 dotted 1px;
    outline-offset: -2px; }
  html body.yp .ypw-portlet .k-grid .k-grid-content {
    overflow-y: visible; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td {
    position: relative;
    line-height: 15px;
    box-sizing: border-box;
    padding: 18px 1.286em;
    border-color: #f2f2f2; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.col-icon {
    text-align: center; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.col-icon.main-c .zmdi {
    color: #96BE0F;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.col-icon .zmdi {
    font-size: 18px;
    color: #444; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.col-icon .zmdi.zmdi-delete {
    cursor: pointer; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.col-icon .zmdi:hover {
      -o-transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      transition: all .5s;
      opacity: .6; } }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td .element-action-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.overflow-visible {
    overflow: visible; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.overflow-visible .tooltip-wrapper .tooltip-box {
    bottom: 33px; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.k-state-focused {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: #999 dotted 1px;
    outline-offset: -1px; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.k-hierarchy-cell {
    position: relative; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon {
    background: 0 0;
    text-decoration: none !important;
    position: relative; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon:after {
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 25px;
    color: #333;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon.k-plus:after {
    content: "\f278"; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon.k-minus:after {
    content: "\f273"; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=image] {
    padding-left: 10px;
    padding-right: 10px; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=image] .list-image {
    width: 55px;
    height: 55px;
    overflow: hidden;
    position: relative; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=image] .list-image img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=checkbox] {
    padding-left: 10px;
    padding-right: 10px; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=checkbox] .checkbox:after {
    margin-right: 0; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=hyperlink] * {
    cursor: pointer; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=hyperlink] a {
    text-decoration: none !important;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 679px) {
    html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=hyperlink] a:hover {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=icon] {
    padding-left: 10px;
    padding-right: 10px; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=icon] > .icon-wrapper .zmdi {
    font-size: 20px;
    color: #333; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=icon] > .icon-wrapper.icon-primary .zmdi {
    color: #96be0f; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td[data-grid-role=icon] > .icon-wrapper.icon-secondary .zmdi {
    color: #39add2; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td .hasDot {
    position: relative; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr td .hasDot:before {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
    left: -13px;
    margin-top: 0; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-state-selected {
    background-color: #ebebeb;
    color: inherit; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-state-selected td {
    background-color: #ebebeb;
    border-color: inherit; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-state-selected:hover {
    background-color: #ebebeb; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-state-selected:hover td {
    background-color: #ebebeb;
    border-color: inherit; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell {
    padding: 40px 0 0; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Listing {
    float: left;
    margin-right: 60px; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Listing .gridDetail_Text {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #777; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Listing .gridDetail_Text + .gridDetail_Text {
    margin-top: 18px; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Separator {
    float: left;
    margin-right: 60px; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Separator .dottedLine {
    background-image: url(../images/processDottedLine.png);
    background-repeat: repeat-y;
    width: 3px;
    min-height: 181px;
    height: 100%; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Chart {
    width: calc(100% - 348px);
    float: left; }
  html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-master-row.expanded, html body.yp .ypw-portlet .k-grid .k-grid-content table tr.k-master-row.expanded + .k-detail-row {
    background-color: rgba(245, 249, 252, 0.77); }
  html body.yp .ypw-portlet .k-grid .k-grid-content.swiper-container {
    overflow-y: hidden;
    max-height: none;
    height: 540px; }
  html body.yp .ypw-portlet .k-grid .k-grid-content.swiper-container table.swiper-wrapper tbody.swiper-slide {
    height: auto; }
  html body.yp .ypw-portlet .k-grid .k-grid-content.mCustomScrollbar .mCSB_scrollTools {
    overflow: hidden; }
  html body.yp .ypw-portlet .k-grid .k-pager-wrap {
    /*     margin: 4px -40px 0; */
    background-color: #FFF; }
  html body.yp .ypw-portlet .k-grid .k-pager-wrap .k-pager-numbers .k-state-selected {
    color: #96BE0F;
    border-color: #96BE0F transparent transparent; }
  html body.yp .ypw-portlet .k-grid .k-pager-wrap .k-pager-nav.k-pager-first, html body.yp .ypw-portlet .k-grid .k-pager-wrap .k-pager-nav.k-pager-last {
    display: none; }
  html body.yp .ypw-portlet .k-grid .checkbox:after {
    border: 1px solid #CCC;
    -webkit-border-radius: 4%;
    -moz-border-radius: 4%;
    border-radius: 4%;
    width: 20px;
    height: 20px; }
  html body.yp .ypw-portlet .k-grid .checkbox:checked:before {
    top: 2px;
    left: 7px;
    width: 3px;
    height: 9px;
    border: 3px solid #666;
    border-top-width: 0;
    border-left-width: 0; }
  html body.yp .ypw-portlet .k-grid .checkbox:checked:after {
    background-color: #ebebeb;
    border-color: #666; }
  html body.yp .ypw-portlet .k-grid.has-header-column-menu .k-grid-header th.k-header {
    padding-right: 35px; }
  html body.yp .ypw-portlet .k-grid:not(.has-header-column-menu) .k-grid-header th.k-header {
    padding: 20px 0;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #666; }
  html body.yp .ypw-portlet .table-wrapper .k-grid {
    border: 0; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .table-wrapper {
      padding: 0; }
    html body.yp .ypw-portlet .table-wrapper .k-grid + .content-buttons-center {
      display: inline-block;
      margin-top: 15px;
      width: 100%; }
    html body.yp .ypw-portlet .table-wrapper .k-grid + .content-buttons-center .btn {
      font-size: 12px; }
    html body.yp .ypw-portlet .table-wrapper .k-grid + .content-buttons-center .btn:nth-last-child(2), html body.yp .ypw-portlet .table-wrapper .k-grid + .content-buttons-center .btn:nth-last-child(2) ~ .btn {
      width: calc((100% - 34px) / 2);
      clear: none; }
    html body.yp .ypw-portlet .table-wrapper .k-grid + .content-buttons-center .btn:nth-last-child(2) ~ .btn {
      margin-left: 10px !important; } }
  html body.yp .ypw-portlet .kendoGrid {
    max-width: none; }
  html body.yp .ypw-portlet .bluelabel {
    color: #39add2; }
  html body.yp .ypw-portlet .hasDot:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    float: left;
    margin: 8px 18px 0 0; }
  html body.yp .ypw-portlet .hasDot.greenDot:before {
    background: #addb11; }
  html body.yp .ypw-portlet .hasDot.redDot {
    color: #ef6262; }
  html body.yp .ypw-portlet .hasDot.redDot:before {
    background: #ef6262; }
  html body.yp .ypw-portlet .k-grid .checked::before {
    content: '\f058';
    font-family: FontAwesome;
    font-size: 18px;
    color: #96be0f;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid {
    padding: 0; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid tr:hover:not(.k-state-selected) {
    background-color: transparent; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid tr.k-state-selected {
    background-color: rgba(250, 206, 206, 0.22) !important; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid tr td {
    background-color: transparent !important; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-header, html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grouping-header {
    display: none; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table {
    display: block;
    width: 100% !important; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody {
    display: block;
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr {
    display: block;
    height: auto;
    border-bottom: 1px solid #eee;
    padding: 20px 45px 20px 0;
    position: relative; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td {
    display: block;
    width: 100%;
    border: 0;
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[title]:before {
    content: attr(title) ": ";
    font-family: Roboto,sans-serif;
    font-weight: 700;
    display: block;
    position: relative;
    margin-right: 5px;
    float: left; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role][data-grid-role=checkbox] {
    right: 0;
    width: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    height: 20px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role][data-grid-role=checkbox] .checkbox,
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role][data-grid-role=checkbox] .checkbox:after {
    margin-top: 0; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role][data-grid-role=actions] {
    position: absolute;
    width: 8px;
    height: 25px;
    right: 45px;
    top: 6px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role=image], html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role=icon] {
    padding-left: 1.286em; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role=icon]:before {
    line-height: 20px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role=checkbox] {
    padding-left: 1.286em; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td .hasDot {
    position: relative;
    padding-left: 0; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td .hasDot:before {
    position: relative;
    margin-top: 4px;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    left: 0; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td + td {
    margin-top: 10px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr.k-detail-row .k-detail-cell {
    padding-top: 20px;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr.k-detail-row .k-detail-cell .gridDetail_Listing {
    margin: 0;
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr.k-detail-row .k-detail-cell .gridDetail_Separator {
    width: 100%;
    margin: 30px 0; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr.k-detail-row .k-detail-cell .gridDetail_Separator .dottedLine {
    background-image: url(../images/processDottedLineHR.png);
    background-repeat: repeat-x;
    height: 3px;
    min-height: 0;
    min-width: 181px;
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr.k-detail-row .k-detail-cell .gridDetail_Chart {
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-toolbar .toolbar {
    padding: 19px 0; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-toolbar .toolbar .toolbar-title {
    clear: both;
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-toolbar .toolbar .toolbar-commands {
    clear: both;
    width: 100%;
    margin-top: 15px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-header {
    margin: 0;
    padding: 0 15px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-header .toolbar .toolbar-commands {
    width: auto; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-header .toolbar .toolbar-commands .columnMenu-wrapper {
    margin-right: 10px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-header .toolbar .toolbar-commands .search-wrapper {
    margin-left: 10px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content {
    overflow: scroll;
    max-height: 374px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-pager-wrap {
    margin: 0; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-pager-wrap .k-pager-info {
    display: block; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-pager-wrap .k-pager-refresh {
    display: block;
    margin-right: 10px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .hasDot:before {
    margin-top: 4px;
    margin-right: 6px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal {
    width: 90%;
    right: 5%; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .row {
    padding-left: 20px;
    padding-right: 20px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .row .wrapper-sub-section .form-group {
    width: 100%; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .row .wrapper-sub-section .form-group:nth-child(2n) {
    margin-left: 0;
    margin-top: 10px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .filterModalFooter {
    padding: 20px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .filterModalFooter .btn {
    width: calc(50% - 10px);
    margin-left: 0; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .filterModalFooter .btn:first-child {
    margin-right: 10px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-desktop .k-grid .k-grid-content {
    padding-bottom: 20px; }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-desktop .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .ypw-portlet .yp-responsive .kendoGrid.yp-responsive-always-desktop .k-grid tr:hover {
    background-color: rgba(250, 206, 206, 0.22) !important; }
  html body.yp .ypw-portlet .filterModal {
    padding-top: 30px;
    position: absolute;
    /*     width: 526px; */
    min-width: 400px;
    height: auto;
    background-color: #f5f5f5;
    border: 2px solid #fff;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 5;
    right: 0;
    top: 45px;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 0;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0); }
  html body.yp .ypw-portlet .yp-responsive[min-width~="993px"] .kendoGrid .filterModal.filterModal-small {
    width: 30%; }
  html body.yp .ypw-portlet .yp-responsive[min-width~="993px"] .kendoGrid .filterModal.filterModal-medium {
    width: 60%; }
  html body.yp .ypw-portlet .yp-responsive[min-width~="993px"] .kendoGrid .filterModal.filterModal-large {
    width: 90%; }
  html body.yp .ypw-portlet .filterModal .box-dialog .title-sub-section {
    margin-bottom: 5px; }
  html body.yp .ypw-portlet .filterModal .box-dialog .row {
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 0;
    margin-right: 0; }
  html body.yp .ypw-portlet .filterModal .box-dialog .row + .row {
    margin-top: 15px; }
  html body.yp .ypw-portlet .filterModal .row .wrapper-sub-section:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .filterModal .row .wrapper-sub-section .form-group {
    width: calc(50% - 10px);
    float: left;
    margin-left: 0; }
  html body.yp .ypw-portlet .filterModal .row .wrapper-sub-section .form-group:nth-child(2n) {
    margin-left: 20px; }
  html body.yp .ypw-portlet .filterModal .row .wrapper-sub-section .form-group:nth-child(n+3) {
    margin-top: 15px; }
  html body.yp .ypw-portlet .filterModal .row .wrapper-sub-section .form-group:only-child {
    width: 100%;
    float: none;
    max-width: none; }
  html body.yp .ypw-portlet .filterModal .row .wrapper-sub-section:last-child {
    margin-bottom: 15px; }
  html body.yp .ypw-portlet .filterModal .row .title-sub-section {
    font-size: 13px;
    color: #666; }
  html body.yp .ypw-portlet .filterModal .row.filteringRow .wrapper-sub-section:nth-child(4) ~ .title-sub-section {
    margin-top: 15px; }
  html body.yp .ypw-portlet .filterModal .filterModalFooter {
    border-top: 1px solid #FFF;
    width: 100%;
    padding: 20px 0; }
  html body.yp .ypw-portlet .filterModal .filterModalFooter:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .filterModal .filterModalFooter .btn {
    height: 25px;
    width: 148px; }
  html body.yp .ypw-portlet .filterModal .filterModalFooter .btn .btn-text {
    line-height: 15px; }
  html body.yp .ypw-portlet .filterModal .filterModalFooter .btn:first-child {
    margin-left: 40px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .filterModal {
      width: 100% !important;
      right: 0 !important;
      top: 114px !important;
      max-height: calc(100% - 292px);
      overflow: scroll; }
    html body.yp .ypw-portlet .filterModal .box-dialog .row {
      padding-left: 10px;
      padding-right: 10px; }
    html body.yp .ypw-portlet .filterModal .box-dialog .row .form-group {
      width: 100%;
      margin-left: 0 !important;
      max-width: none; }
    html body.yp .ypw-portlet .filterModal .box-dialog .row .form-group .controls-wrapper {
      max-width: none; }
    html body.yp .ypw-portlet .filterModal .box-dialog .row .form-group + .form-group {
      margin-top: 10px; }
    html body.yp .ypw-portlet .filterModal .filterModalFooter .btn {
      height: initial;
      width: initial; } }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .filterModal {
      position: fixed;
      width: 90% !important;
      right: 5% !important;
      top: 80px !important;
      max-height: calc(100% - 100px);
      z-index: 50; } }
  html body.yp .ypw-portlet .filterModal .form-control:focus, html body.yp .ypw-portlet .filterModal .k-widget:focus {
    -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.25); }
  html body.yp .ypw-portlet .filterModal-box-close {
    background-color: #39add2;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    width: 53px;
    position: fixed;
    height: 30px;
    top: 40px;
    right: 5%;
    cursor: pointer;
    z-index: 50;
    display: none; }
  html body.yp .ypw-portlet .filterModal-box-close .zmdi-close {
    color: #FFF;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    display: block; }
  html body.yp .ypw-portlet .kendoGrid-form-control {
    position: relative; }
  html body.yp .ypw-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper {
    background-color: #39ADD2; }
  html body.yp .ypw-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi {
    color: #FFF; }
  html body.yp .ypw-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi.zmdi-search {
    display: none; }
  html body.yp .ypw-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi.zmdi-close {
    display: block; }
  html body.yp .ypw-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters {
    width: 53px; }
  html body.yp .ypw-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters .close-wrapper, html body.yp .ypw-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters .filter-counter {
    display: none; }
  html body.yp .ypw-portlet .k-grid.open_filter + .filterModal {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    top: 70px;
    right: 35px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .k-grid.open_filter + .filterModal + .filterModal-box-close {
      display: block; } }
  html body.yp .ypw-portlet .staticGrid .staticRow .label-bold .label-normal {
    max-width: 32px; }
  html body.yp .ypw-portlet .mCustomScrollbar .mCSB_scrollTools {
    width: 49px;
    opacity: 1 !important; }
  html body.yp .ypw-portlet .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger {
    height: 130px; }
  html body.yp .ypw-portlet .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    width: 36px;
    background-color: rgba(239, 239, 239, 0.68);
    background-image: url(../images/scrollbar_bg.png);
    background-position: cover;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    position: relative; }
  html body.yp .ypw-portlet .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar:before {
    content: "\f2f8";
    font-family: Material-Design-Iconic-Font;
    font-size: 20px;
    position: absolute;
    top: 23px;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 12px; }
  html body.yp .ypw-portlet .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar:after {
    content: "\f2f2";
    font-family: Material-Design-Iconic-Font;
    font-size: 20px;
    position: absolute;
    bottom: 23px;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 12px; }
  html body.yp .ypw-portlet html.k-ie body .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper.open .columnMenu-options {
    display: block;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none; }
  html body.yp .ypw-portlet html.k-ie body .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options {
    display: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none; }
  html body.yp .ypw-portlet html.k-ie body .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options input[type=checkbox] {
    margin-bottom: -2px;
    margin-top: 1px; }
  html body.yp .ypw-portlet html.k-ie body .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options label {
    margin-bottom: 0;
    margin-top: 4px; }
  html body.yp .ypw-portlet html.k-ie body .k-grid .k-grid-content table {
    overflow: hidden; }
  html body.yp .ypw-portlet html.k-ie body .k-grid .k-grid-content table tr td .element-action-wrapper {
    top: 0;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    text-align: center;
    width: 100%;
    display: inline-block; }
  html body.yp .ypw-portlet html.k-ie body .k-grid .checked::before {
    top: 0;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    text-align: center;
    width: 100%;
    display: inline-block;
    left: auto;
    right: auto; }
  html body.yp .ypw-portlet html.k-ie body .yp-responsive .kendoGrid.yp-responsive-always-desktop .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon {
    position: relative;
    display: inline; }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid {
    margin: 20px auto auto;
    position: relative;
    background-color: #fbfbfb;
    -webkit-box-shadow: 0 2px 0 0 #a3a5a4;
    -moz-box-shadow: 0 2px 0 0 #a3a5a4;
    box-shadow: 0 2px 0 0 #a3a5a4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid .close {
    position: absolute;
    color: rgba(244, 244, 244, 0.5);
    font-size: 16px;
    right: -25px;
    top: -7px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    z-index: 10; }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    list-style: none;
    padding: 7px; }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key {
    display: inline-block;
    float: left;
    text-align: center;
    border: 1px solid #DDD;
    cursor: pointer;
    color: #0c0c0c; }
  @media (min-width: 769px) {
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key:hover {
      color: rgba(12, 12, 12, 0.5);
      -o-transition: color 350ms;
      -webkit-transition: color 350ms;
      -moz-transition: color 350ms;
      transition: color 350ms; } }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_only {
    width: 171px;
    height: 171px; }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key {
    width: 39px;
    height: 39px;
    line-height: 39px; }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+4) {
    border-top-width: 0; }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+4) {
    border-bottom-width: 0; }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(4n) {
    border-right-width: 0; }
  html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(4n+1) {
    border-left-width: 0; }
  @media (min-width: 561px) {
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only {
      width: 291px;
      height: 291px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+7) {
      border-top-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+7) {
      border-bottom-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n) {
      border-right-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n+1) {
      border-left-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar {
      width: 460px;
      height: 460px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper {
      padding: 16px 15px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+11) {
      border-top-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+11) {
      border-bottom-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n) {
      border-right-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n+1) {
      border-left-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 {
      width: 420px;
      height: 420px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper {
      padding: 16px 15px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+10) {
      border-top-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+10) {
      border-bottom-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(10n) {
      border-right-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(10n+1) {
      border-left-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 {
      width: 381px;
      height: 381px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper {
      padding: 16px 15px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+9) {
      border-top-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+9) {
      border-bottom-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(9n) {
      border-right-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(9n+1) {
      border-left-width: 0; } }
  @media (max-width: 560px) {
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only {
      width: 250px;
      height: 370px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar {
      width: 250px;
      height: 840px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 {
      width: 250px;
      height: 681px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 {
      width: 250px;
      height: 564px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    html body.yp .ypw-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; } }
  html body.yp .ypw-portlet .alert-wrapper {
    background-color: #f5f5f5;
    border: 2px solid #fff;
    position: absolute;
    width: 371px;
    height: 448px;
    padding: 40px 10px 30px;
    right: 0;
    top: 46px;
    z-index: 2; }
  html body.yp .ypw-portlet .alert-wrapper .swiper-container {
    height: 100%;
    padding: 0 10px; }
  html body.yp .ypw-portlet .alert-wrapper .swiper-container .swiper-wrapper .swiper-slide {
    height: auto; }
  html body.yp .ypw-portlet .alert-wrapper .alertNotification {
    height: 149px;
    width: 100%;
    padding-right: 33px; }
  html body.yp .ypw-portlet .alert-wrapper .alertNotification:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .alert-wrapper .alertNotification.unread .alert-title:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    float: left;
    margin: 8px 18px 0 0;
    background-color: #96be0f;
    position: absolute;
    left: -33px; }
  html body.yp .ypw-portlet .alert-wrapper .alertNotification .alert-title {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #666;
    font-size: 13px;
    text-align: left;
    float: left;
    clear: both;
    margin-left: 33px;
    position: relative; }
  html body.yp .ypw-portlet .alert-wrapper .alertNotification .alert-time {
    color: #96be0f;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    float: left;
    clear: both;
    margin-top: -1px;
    margin-left: 33px;
    position: relative; }
  html body.yp .ypw-portlet .alert-wrapper .alertNotification .alert-description {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    text-align: left;
    float: left;
    clear: both;
    line-height: 160%;
    margin-left: 33px;
    position: relative; }
  html body.yp .ypw-portlet .alert-wrapper .alertNotification .alert-separator {
    background-image: url(../images/alertNotificationDottedLine.png);
    height: 2px;
    background-repeat: repeat-x;
    margin: 26px 0 26px 33px;
    float: left;
    width: calc(100% - 33px);
    position: relative; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .alert-wrapper {
      width: 305px;
      padding: 15px 20px 15px 15px; } }
  html body.yp .ypw-portlet .small-form {
    background-color: rgba(233, 233, 233, 0.7);
    padding: 27px 20px 25px; }
  html body.yp .ypw-portlet .small-form .form-group .control-label {
    margin-bottom: 0; }
  html body.yp .ypw-portlet .small-form .form-group .form-group, html body.yp .ypw-portlet .small-form .form-group .form-control {
    height: 33px; }
  html body.yp .ypw-portlet .small-form .form-group .form-group .controls .controls-wrapper .k-widget {
    height: 33px;
    border: 0; }
  html body.yp .ypw-portlet .small-form .form-group .form-group .controls .controls-wrapper .k-widget .k-multiselect-wrap {
    height: 100%; }
  html body.yp .ypw-portlet .small-form .btn {
    margin-top: 35px; }
  html body.yp .ypw-portlet .card {
    border-bottom: 3px solid #E3E4E8; }
  html body.yp .ypw-portlet .card .card-header {
    height: 60px; }
  html body.yp .ypw-portlet .card .card-header:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .ypw-portlet .card .card-header .card-title {
    padding: 14px 0;
    float: left; }
  html body.yp .ypw-portlet .card .card-header .card-title .title-page {
    margin: 0; }
  html body.yp .ypw-portlet .card .card-header .card-action {
    float: right;
    padding: 11px 0; }
  html body.yp .ypw-portlet .card .card-header .card-action .form-group {
    margin: 3px 0; }
  html body.yp .ypw-portlet .card .card-header .card-action .form-group {
    max-width: none; }
  html body.yp .ypw-portlet .card .card-header .card-action .form-group.select-group .controls-wrapper {
    border: 0;
    background: 0 0; }
  html body.yp .ypw-portlet .card .card-header .card-action .form-group.select-group .controls-wrapper select {
    padding-right: 15px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #666; }
  html body.yp .ypw-portlet .card .card-header .card-action .form-group.select-group .controls-wrapper .arrow-simulator {
    right: 0; }
  html body.yp .ypw-portlet .card .card-header .card-action .form-group.dateRange-group .controls-wrapper {
    border: 0;
    background: 0 0;
    max-width: none; }
  html body.yp .ypw-portlet .card .card-header .card-action .form-group.dateRange-group .controls-wrapper .dateRange-wrapper {
    width: auto; }
  html body.yp .ypw-portlet .card .card-header .card-action .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .form-control {
    background: 0 0;
    width: auto;
    padding: 0 23px 0 0;
    min-width: 190px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px; }
  html body.yp .ypw-portlet .card .card-header .card-action .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon {
    right: 0;
    pointer-events: none; }
  html body.yp .ypw-portlet .card .card-header.bg-white {
    background-color: #FFF;
    padding: 0 15px; }
  html body.yp .ypw-portlet .card .card-header.w-line {
    border-bottom: 1px solid #EBEEF0; }
  html body.yp .ypw-portlet .card.prevCard-outerHeader {
    margin-top: 60px; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .card .card-header {
      height: auto;
      padding-bottom: 10px; }
    html body.yp .ypw-portlet .card .card-header .card-title {
      padding: 0; }
    html body.yp .ypw-portlet .card .card-header .card-action {
      float: left;
      padding: 0; }
    html body.yp .ypw-portlet .card .card-header .card-action .form-group .controls-wrapper {
      height: 21px; } }
  html body.yp .ypw-portlet .generalError {
    width: 100%;
    min-height: 55px;
    background-color: rgba(250, 206, 206, 0.3);
    padding: 14px 42px;
    display: none; }
  html body.yp .ypw-portlet .generalError .fa-exclamation-triangle {
    color: #eb5f5f;
    margin-right: 21px;
    font-size: 23px;
    vertical-align: top;
    line-height: 42px; }
  html body.yp .ypw-portlet .generalError .generalErrorTextWrapper {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    width: calc(100% - 50px); }
  html body.yp .ypw-portlet .generalError .generalErrorTextWrapper .generalErrorText {
    color: #eb5f5f;
    font-size: 23px;
    font-family: Roboto,sans-serif;
    font-weight: 300; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .generalError {
      padding: 7px 20px; }
    html body.yp .ypw-portlet .generalError .generalErrorTextWrapper .generalErrorText {
      font-size: 15px; }
    html body.yp .ypw-portlet .generalError .generalErrorTextWrapper .generalErrorText + .generalErrorText {
      margin-top: 10px; } }
  html body.yp .ypw-portlet .Page404 {
    background-color: #F4F4F4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    position: relative; }
  html body.yp .ypw-portlet .Page404 .page-title {
    font-size: 250px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    color: rgba(153, 153, 153, 0.5);
    text-align: center;
    position: relative; }
  html body.yp .ypw-portlet .Page404 .page-description {
    font-size: 20px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    color: #333;
    text-align: center;
    position: relative;
    margin-top: -103px; }
  html body.yp .ypw-portlet .Page404 .page-separator {
    width: 90%;
    max-width: 1198px;
    height: 2px;
    position: relative;
    margin-top: 37px;
    margin-left: auto;
    margin-right: auto; }
  html body.yp .ypw-portlet .Page404 .page-separator:before {
    background-color: rgba(45, 60, 75, 0.1);
    height: 1px;
    width: 100%;
    content: "";
    position: absolute; }
  html body.yp .ypw-portlet .Page404 .page-separator:after {
    background-color: rgba(255, 255, 255, 0.9);
    height: 1px;
    width: 100%;
    content: "";
    position: absolute;
    top: 1px; }
  html body.yp .ypw-portlet .Page404 .page-button {
    margin-top: 53px;
    text-align: center; }
  @media (max-width: 767px) {
    html body.yp .ypw-portlet .Page404 .page-title {
      font-size: 50px; }
    html body.yp .ypw-portlet .Page404 .page-description {
      font-size: 18px;
      margin-top: 0; }
    html body.yp .ypw-portlet .Page404 .page-button, html body.yp .ypw-portlet .Page404 .page-separator {
      margin-top: 15px; } }
  html body.yp .ypw-portlet html.k-ie .Page404, html body.yp .ypw-portlet html.k-safari .Page404 {
    display: block; }
  html body.yp .ypw-portlet .checkbox input[type=checkbox], html body.yp .ypw-portlet .checkbox-inline input[type=checkbox], html body.yp .ypw-portlet input[type=checkbox] {
    margin-bottom: 0; }
  html body.yp .ypw-portlet .k-combobox > .k-dropdown-wrap > .k-i-close, html body.yp .ypw-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    display: none !important; }

@-moz-document url-prefix() {
  html body.yp .ypw-portlet html body {
    position: relative; }
  html body.yp .ypw-portlet html body .form-group.radioListing .controls-wrapper .radio label .radio-input, html body.yp .ypw-portlet html body .form-group.radioListing .controls-wrapper .radio label .radio-input {
    margin-top: 5px; }
  html body.yp .ypw-portlet html body .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio label .radio-input, html body.yp .ypw-portlet html body .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio label .radio-input {
    margin-top: 2px; }
  html body.yp .ypw-portlet html body .radio-elt-wrapper > label > span, html body.yp .ypw-portlet html body .radio-elt-wrapper > label > span > span {
    width: 19px;
    height: 19px; }
  html body.yp .ypw-portlet html body .btn:focus, html body.yp .ypw-portlet html body div:focus {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .ypw-portlet html body div:focus[role=dialog], html body.yp .ypw-portlet html body div:focus[role=tablist] {
    outline: 0 !important; }
  html body.yp .ypw-portlet html body .checkbox-elt-wrapper > input:focus + label > span, html body.yp .ypw-portlet html body .radio-elt-wrapper > input:focus + label > span {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .ypw-portlet html body .k-animation-container .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller, html body.yp .ypw-portlet html body .k-animation-container .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller, html body.yp .ypw-portlet html body .k-animation-container .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller, html body.yp .ypw-portlet html body .k-animation-container .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller {
    padding-right: 17px; }
  html body.yp .ypw-portlet html body .k-animation-container .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list, html body.yp .ypw-portlet html body .k-animation-container .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list, html body.yp .ypw-portlet html body .k-animation-container .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list, html body.yp .ypw-portlet html body .k-animation-container .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list {
    width: calc(100% + 17px); } }
  html body.yp .ypw-portlet html.k-ie body {
    position: relative; }
  html body.yp .ypw-portlet html.k-ie body.homepage {
    overflow: hidden; }
  html body.yp .ypw-portlet html.k-ie body input::-ms-clear {
    display: none; }
  html body.yp .ypw-portlet html.k-ie body .form-group.radioListing .controls-wrapper .radio label .radio-input, html body.yp .ypw-portlet html.k-ie body .form-group.radioListing .controls-wrapper .radio label .radio-input {
    margin-top: 5px; }
  html body.yp .ypw-portlet html.k-ie body .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio label .radio-input, html body.yp .ypw-portlet html.k-ie body .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio label .radio-input {
    margin-top: 2px; }
  html body.yp .ypw-portlet html.k-ie body .btn:focus, html body.yp .ypw-portlet html.k-ie body div:focus {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .ypw-portlet html.k-ie body div:focus[role=dialog], html body.yp .ypw-portlet html.k-ie body div:focus[role=tablist] {
    outline: 0 !important; }
  html body.yp .ypw-portlet html.k-ie body .checkbox-elt-wrapper > input:focus + label > span, html body.yp .ypw-portlet html.k-ie body .radio-elt-wrapper > input:focus + label > span {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .ypw-portlet html.k-ie body .k-block, html body.yp .ypw-portlet html.k-ie body .k-button, html body.yp .ypw-portlet html.k-ie body .k-draghandle, html body.yp .ypw-portlet html.k-ie body .k-grid-header, html body.yp .ypw-portlet html.k-ie body .k-grouping-header, html body.yp .ypw-portlet html.k-ie body .k-header, html body.yp .ypw-portlet html.k-ie body .k-pager-wrap, html body.yp .ypw-portlet html.k-ie body .k-toolbar, html body.yp .ypw-portlet html.k-ie body .k-treemap-tile, html body.yp .ypw-portlet html.k-ie body .km-pane-wrapper .k-header {
    background-color: transparent; }
  html body.yp .ypw-portlet html input[type="text"].k-input {
    max-width: 100%;
    margin-bottom: 0px; }
  html body.yp .ypw-portlet .k-dropdown-wrap .k-select, html body.yp .ypw-portlet .k-numeric-wrap .k-select, html body.yp .ypw-portlet .k-picker-wrap .k-select,
  html body.yp .ypw-portlet span.k-dropdown-wrap.k-state-default,
  html body.yp .ypw-portlet span.k-widget.k-combobox.k-header {
    height: 100%; }
  html body.yp .ypw-portlet .k-list.k-reset {
    margin: 0px; }
  html body.yp .ypw-portlet .k-list-container.k-popup.k-group.k-reset {
    padding: 0px; }
  html body.yp .ypw-portlet html input.k-input {
    border: none !important;
    padding: 0px !important; }
  html body.yp .ypw-portlet .custom-kendo-combo {
    font-size: 12px; }
  html body.yp .ypw-portlet div.custom-kendo-combo {
    max-width: 254px;
    width: 100%; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table tr#pair,
  html body.yp .ypw-portlet .TableauSaisieBicolore table tr#impair {
    display: block;
    width: 50% !important; }
  @media (min-width: 1200px) {
    html body.yp .ypw-portlet .TableauSaisieBicolore table tr#pair {
      width: 40% !important; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_saisieAlerteCompte_1154_idCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementsSctCpt_1124_idCompteDebit {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementsSctCpt_1124_idCompteCredit {
      max-width: 100%;
      width: 75%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementExterneEnt_1132_idCompteEmetteur {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementExterneEnt_1132_idCompteDestBenef {
      max-width: 100%;
      width: 75%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.virementsListe_saisieDesVirementsListeSepaCpteDebit_1500_idCompte {
      max-width: 100%;
      width: 85%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.chg_creationVirements_1249_idChgCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.chg_creationVirements_1249_idComptesBenef {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.sdd_saisieOrdreSepa_1396_idCompteEmetteur {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.sdd_saisieOrdreSepa_1396_idDestinataireSDD {
      max-width: 100%;
      width: 75%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.sdd_saisieRemiseSepa_1394_idCompte {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet table.tablekeepLines tr:nth-of-type(2n) td div.custom-kendo-combo.sdd_saisieRemiseSepa_1394_idCompte {
      max-width: 100%;
      width: 95%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.transfert_chargement_1431_idCompteSelected {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.transfert_telechargement_1423_idCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_saisieop_1150_selectedCompteId {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_listeDesDemandesVirementsSepaCCPerm_1175_Compte {
      max-width: 100%;
      width: 70%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_listeDesDemandesVirementsExternePerm_1177_Compte {
      max-width: 100%;
      width: 70%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_aideOppositionCheques_1220_Compte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_comcheque_1208_selectedCompteId {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_RechercheSouscriptionPdf_1161_idCompte {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_choixEffets_1346_idCompteSelectionne {
      max-width: 100%;
      width: 70%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_saisieRemise_1337_idCompte {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_listeDesEffetsEncaissements_1342_idCompteSelectionne {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_listeDesEffetsEscomptes_1341_idCompteSelectionne {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.impaye_impayes_1298_idCompteEmetteur {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_opera_1166_idCompte {
      max-width: 100%;
      width: 50%; } }
  @media (min-width: 993px) and (max-width: 1199px) {
    html body.yp .ypw-portlet div.custom-kendo-combo.base_saisieAlerteCompte_1154_idCompte {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementsSctCpt_1124_idCompteDebit {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementsSctCpt_1124_idCompteCredit {
      max-width: 100%;
      width: 75%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementExterneEnt_1132_idCompteEmetteur {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementExterneEnt_1132_idCompteDestBenef {
      max-width: 100%;
      width: 75%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.virementsListe_saisieDesVirementsListeSepaCpteDebit_1500_idCompte {
      max-width: 100%;
      width: 85%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.chg_creationVirements_1249_idChgCompte {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.chg_creationVirements_1249_idComptesBenef {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.sdd_saisieOrdreSepa_1396_idCompteEmetteur {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.sdd_saisieOrdreSepa_1396_idDestinataireSDD {
      max-width: 100%;
      width: 75%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.sdd_saisieRemiseSepa_1394_idCompte {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet table.tablekeepLines tr:nth-of-type(2n) td div.custom-kendo-combo.sdd_saisieRemiseSepa_1394_idCompte {
      max-width: 100%;
      width: 95%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.transfert_chargement_1431_idCompteSelected {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.transfert_telechargement_1423_idCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_saisieop_1150_selectedCompteId {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_listeDesDemandesVirementsSepaCCPerm_1175_Compte {
      max-width: 100%;
      width: 70%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_listeDesDemandesVirementsExternePerm_1177_Compte {
      max-width: 100%;
      width: 70%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_aideOppositionCheques_1220_Compte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_comcheque_1208_selectedCompteId {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_RechercheSouscriptionPdf_1161_idCompte {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_choixEffets_1346_idCompteSelectionne {
      max-width: 100%;
      width: 70%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_saisieRemise_1337_idCompte {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_listeDesEffetsEncaissements_1342_idCompteSelectionne {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_listeDesEffetsEscomptes_1341_idCompteSelectionne {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.impaye_impayes_1298_idCompteEmetteur {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_opera_1166_idCompte {
      max-width: 100%;
      width: 50%; } }
  @media (min-width: 769px) and (max-width: 992px) {
    html body.yp .ypw-portlet div.custom-kendo-combo.base_saisieAlerteCompte_1154_idCompte {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementsSctCpt_1124_idCompteDebit {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementsSctCpt_1124_idCompteCredit {
      max-width: 100%;
      width: 75%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementExterneEnt_1132_idCompteEmetteur {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementExterneEnt_1132_idCompteDestBenef {
      max-width: 100%;
      width: 75%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.virementsListe_saisieDesVirementsListeSepaCpteDebit_1500_idCompte {
      max-width: 100%;
      width: 85%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.chg_creationVirements_1249_idChgCompte {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.chg_creationVirements_1249_idComptesBenef {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.sdd_saisieOrdreSepa_1396_idCompteEmetteur {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.sdd_saisieOrdreSepa_1396_idDestinataireSDD {
      max-width: 100%;
      width: 75%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.sdd_saisieRemiseSepa_1394_idCompte {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet table.tablekeepLines tr:nth-of-type(2n) td div.custom-kendo-combo.sdd_saisieRemiseSepa_1394_idCompte {
      max-width: 100%;
      width: 95%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.transfert_chargement_1431_idCompteSelected {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.transfert_telechargement_1423_idCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_saisieop_1150_selectedCompteId {
      max-width: 100%;
      width: 80%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_listeDesDemandesVirementsSepaCCPerm_1175_Compte {
      max-width: 100%;
      width: 70%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_listeDesDemandesVirementsExternePerm_1177_Compte {
      max-width: 100%;
      width: 70%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_aideOppositionCheques_1220_Compte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_comcheque_1208_selectedCompteId {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_RechercheSouscriptionPdf_1161_idCompte {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_choixEffets_1346_idCompteSelectionne {
      max-width: 100%;
      width: 70%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_saisieRemise_1337_idCompte {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_listeDesEffetsEncaissements_1342_idCompteSelectionne {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_listeDesEffetsEscomptes_1341_idCompteSelectionne {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.impaye_impayes_1298_idCompteEmetteur {
      max-width: 100%;
      width: 50%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_opera_1166_idCompte {
      max-width: 100%;
      width: 50%; } }
  @media (max-width: 768px) {
    html body.yp .ypw-portlet .TableauSaisieBicolore tr:nth-of-type(2n + 3) {
      position: relative !important;
      right: 0px !important;
      top: 0px !important; }
    html body.yp .ypw-portlet .TableauSaisieBicolore table tr#pair,
    html body.yp .ypw-portlet .TableauSaisieBicolore table tr#impair {
      width: 100% !important; }
    html body.yp .ypw-portlet table.tablekeepLines td {
      width: 95%; }
    html body.yp .ypw-portlet table.tablekeepLines:not(.oneColumn) tr:nth-of-type(2n) {
      position: relative;
      right: 0px;
      top: 0px;
      display: table-row; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_saisieAlerteCompte_1154_idCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementsSctCpt_1124_idCompteDebit {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementsSctCpt_1124_idCompteCredit {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementExterneEnt_1132_idCompteEmetteur {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_virementExterneEnt_1132_idCompteDestBenef {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.virementsListe_saisieDesVirementsListeSepaCpteDebit_1500_idCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.chg_creationVirements_1249_idChgCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.chg_creationVirements_1249_idComptesBenef {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.sdd_saisieOrdreSepa_1396_idCompteEmetteur {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.sdd_saisieOrdreSepa_1396_idDestinataireSDD {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_saisieop_1150_selectedCompteId {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_listeDesDemandesVirementsSepaCCPerm_1175_Compte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_listeDesDemandesVirementsExternePerm_1177_Compte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_aideOppositionCheques_1220_Compte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_comcheque_1208_selectedCompteId {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.transfert_chargement_1431_idCompteSelected {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.transfert_telechargement_1423_idCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_RechercheSouscriptionPdf_1161_idCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_choixEffets_1346_idCompteSelectionne {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_saisieRemise_1337_idCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_listeDesEffetsEncaissements_1342_idCompteSelectionne {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet table.tablekeepLines td div.custom-kendo-combo.sdd_saisieRemiseSepa_1394_idCompte {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.Portefeuille_listeDesEffetsEscomptes_1341_idCompteSelectionne {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.impaye_impayes_1298_idCompteEmetteur {
      max-width: 100%;
      width: 100%; }
    html body.yp .ypw-portlet div.custom-kendo-combo.base_opera_1166_idCompte {
      max-width: 100%;
      width: 100%; } }
  html body.yp .ypw-portlet html {
    -webkit-text-size-adjust: auto;
    -ms-text-size-adjust: auto; }
  html body.yp .ypw-portlet body {
    font-weight: normal;
    font-family: 'robotoregular';
    color: #555;
    font-size: 14px;
    line-height: 20px; }
  html body.yp .ypw-portlet form {
    margin: 0 0 20px; }
  html body.yp .ypw-portlet input {
    max-width: 254px;
    width: 100%;
    height: 36px !important;
    border: 1px solid #E4E4E4 !important;
    box-shadow: none !important;
    padding: 0 0 0 10px !important;
    box-sizing: border-box;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
    margin: 0; }
  @media (min-width: 1200px) {
    html body.yp .ypw-portlet input, html body.yp .ypw-portlet textarea, html body.yp .ypw-portlet .uneditable-input {
      margin-left: 0; } }
  html body.yp .ypw-portlet table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0; }
  html body.yp .ypw-portlet .form-group {
    margin-bottom: 30px; }
  html body.yp .ypw-portlet input[type="text"].k-input {
    max-width: 100%;
    margin-bottom: 0px; }
  html body.yp .ypw-portlet input.k-input {
    border: none !important;
    padding: 0px !important; }
  html body.yp .ypw-portlet input[type="text"] {
    border-radius: 0;
    font-weight: 200;
    background-color: white;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle; }
  html body.yp .ypw-portlet textarea {
    background-color: white;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s; }
  html body.yp .ypw-portlet select {
    max-width: 254px;
    height: 36px !important;
    border: 1px solid #E4E4E4 !important;
    box-shadow: none !important;
    padding: 0 0 0 10px !important;
    box-sizing: border-box;
    margin-bottom: 0;
    font-weight: 200;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: middle;
    margin: 0; }
  html body.yp .ypw-portlet ul, html body.yp .ypw-portlet ol {
    padding: 0; }
  html body.yp .ypw-portlet .k-list > .k-state-focused, html body.yp .ypw-portlet .k-list > .k-state-hover {
    background-color: #ebebeb !important; }
  html body.yp .ypw-portlet .k-popup .k-list .k-state-focused, html body.yp .ypw-portlet .k-popup .k-list .k-state-hover, html body.yp .ypw-portlet .k-popup .k-list .k-state-selected {
    padding: 0 10px !important; }
  html body.yp .ypw-portlet .k-multiselect-wrap input, html body.yp .ypw-portlet .k-popup .k-list .k-item, html body.yp .ypw-portlet .k-popup .k-list .k-state-focused, html body.yp .ypw-portlet .k-popup .k-list .k-state-hover, html body.yp .ypw-portlet .k-popup .k-list .k-state-selected {
    color: #666 !important; }
  html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon, html body.yp .ypw-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon {
    vertical-align: middle !important; }
  html body.yp .ypw-portlet input[type="checkbox"] {
    width: auto; }
  html body.yp .ypw-portlet .aui-field-select.select-group {
    height: auto !important; }

@font-face {
  html body.yp .ypw-portlet {
    font-family: 'Material-Design-Iconic-Font';
    src: url("fonts/Material-Design-Iconic-Font.woff2?v=2.2.0") format("woff2"), url("fonts/Material-Design-Iconic-Font.woff?v=2.2.0") format("woff"), url("fonts/Material-Design-Iconic-Font.ttf?v=2.2.0") format("truetype");
    font-weight: normal;
    font-style: normal; } }
  html body.yp .ypw-portlet .zmdi {
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  html body.yp .ypw-portlet .zmdi-hc-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%; }
  html body.yp .ypw-portlet .zmdi-hc-2x {
    font-size: 2em; }
  html body.yp .ypw-portlet .zmdi-hc-3x {
    font-size: 3em; }
  html body.yp .ypw-portlet .zmdi-hc-4x {
    font-size: 4em; }
  html body.yp .ypw-portlet .zmdi-hc-5x {
    font-size: 5em; }
  html body.yp .ypw-portlet .zmdi-hc-fw {
    width: 1.28571429em;
    text-align: center; }
  html body.yp .ypw-portlet .zmdi-hc-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none; }
  html body.yp .ypw-portlet .zmdi-hc-ul > li {
    position: relative; }
  html body.yp .ypw-portlet .zmdi-hc-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center; }
  html body.yp .ypw-portlet .zmdi-hc-li.zmdi-hc-lg {
    left: -1.85714286em; }
  html body.yp .ypw-portlet .zmdi-hc-border {
    padding: .1em .25em;
    border: solid 0.1em #9e9e9e;
    border-radius: 2px; }
  html body.yp .ypw-portlet .zmdi-hc-border-circle {
    padding: .1em .25em;
    border: solid 0.1em #9e9e9e;
    border-radius: 50%; }
  html body.yp .ypw-portlet .zmdi.pull-left {
    float: left;
    margin-right: .15em; }
  html body.yp .ypw-portlet .zmdi.pull-right {
    float: right;
    margin-left: .15em; }
  html body.yp .ypw-portlet .zmdi-hc-spin {
    -webkit-animation: zmdi-spin 1.5s infinite linear;
    animation: zmdi-spin 1.5s infinite linear; }
  html body.yp .ypw-portlet .zmdi-hc-spin-reverse {
    -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
    animation: zmdi-spin-reverse 1.5s infinite linear; }

@-webkit-keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }

@keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }
  html body.yp .ypw-portlet .zmdi-hc-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  html body.yp .ypw-portlet .zmdi-hc-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  html body.yp .ypw-portlet .zmdi-hc-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  html body.yp .ypw-portlet .zmdi-hc-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  html body.yp .ypw-portlet .zmdi-hc-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1); }
  html body.yp .ypw-portlet .zmdi-hc-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle; }
  html body.yp .ypw-portlet .zmdi-hc-stack-1x,
  html body.yp .ypw-portlet .zmdi-hc-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center; }
  html body.yp .ypw-portlet .zmdi-hc-stack-1x {
    line-height: inherit; }
  html body.yp .ypw-portlet .zmdi-hc-stack-2x {
    font-size: 2em; }
  html body.yp .ypw-portlet .zmdi-hc-inverse {
    color: #ffffff; }
  html body.yp .ypw-portlet .zmdi-3d-rotation:before {
    content: '\f101'; }
  html body.yp .ypw-portlet .zmdi-airplane-off:before {
    content: '\f102'; }
  html body.yp .ypw-portlet .zmdi-airplane:before {
    content: '\f103'; }
  html body.yp .ypw-portlet .zmdi-album:before {
    content: '\f104'; }
  html body.yp .ypw-portlet .zmdi-archive:before {
    content: '\f105'; }
  html body.yp .ypw-portlet .zmdi-assignment-account:before {
    content: '\f106'; }
  html body.yp .ypw-portlet .zmdi-assignment-alert:before {
    content: '\f107'; }
  html body.yp .ypw-portlet .zmdi-assignment-check:before {
    content: '\f108'; }
  html body.yp .ypw-portlet .zmdi-assignment-o:before {
    content: '\f109'; }
  html body.yp .ypw-portlet .zmdi-assignment-return:before {
    content: '\f10a'; }
  html body.yp .ypw-portlet .zmdi-assignment-returned:before {
    content: '\f10b'; }
  html body.yp .ypw-portlet .zmdi-assignment:before {
    content: '\f10c'; }
  html body.yp .ypw-portlet .zmdi-attachment-alt:before {
    content: '\f10d'; }
  html body.yp .ypw-portlet .zmdi-attachment:before {
    content: '\f10e'; }
  html body.yp .ypw-portlet .zmdi-audio:before {
    content: '\f10f'; }
  html body.yp .ypw-portlet .zmdi-badge-check:before {
    content: '\f110'; }
  html body.yp .ypw-portlet .zmdi-balance-wallet:before {
    content: '\f111'; }
  html body.yp .ypw-portlet .zmdi-balance:before {
    content: '\f112'; }
  html body.yp .ypw-portlet .zmdi-battery-alert:before {
    content: '\f113'; }
  html body.yp .ypw-portlet .zmdi-battery-flash:before {
    content: '\f114'; }
  html body.yp .ypw-portlet .zmdi-battery-unknown:before {
    content: '\f115'; }
  html body.yp .ypw-portlet .zmdi-battery:before {
    content: '\f116'; }
  html body.yp .ypw-portlet .zmdi-bike:before {
    content: '\f117'; }
  html body.yp .ypw-portlet .zmdi-block-alt:before {
    content: '\f118'; }
  html body.yp .ypw-portlet .zmdi-block:before {
    content: '\f119'; }
  html body.yp .ypw-portlet .zmdi-boat:before {
    content: '\f11a'; }
  html body.yp .ypw-portlet .zmdi-book-image:before {
    content: '\f11b'; }
  html body.yp .ypw-portlet .zmdi-book:before {
    content: '\f11c'; }
  html body.yp .ypw-portlet .zmdi-bookmark-outline:before {
    content: '\f11d'; }
  html body.yp .ypw-portlet .zmdi-bookmark:before {
    content: '\f11e'; }
  html body.yp .ypw-portlet .zmdi-brush:before {
    content: '\f11f'; }
  html body.yp .ypw-portlet .zmdi-bug:before {
    content: '\f120'; }
  html body.yp .ypw-portlet .zmdi-bus:before {
    content: '\f121'; }
  html body.yp .ypw-portlet .zmdi-cake:before {
    content: '\f122'; }
  html body.yp .ypw-portlet .zmdi-car-taxi:before {
    content: '\f123'; }
  html body.yp .ypw-portlet .zmdi-car-wash:before {
    content: '\f124'; }
  html body.yp .ypw-portlet .zmdi-car:before {
    content: '\f125'; }
  html body.yp .ypw-portlet .zmdi-card-giftcard:before {
    content: '\f126'; }
  html body.yp .ypw-portlet .zmdi-card-membership:before {
    content: '\f127'; }
  html body.yp .ypw-portlet .zmdi-card-travel:before {
    content: '\f128'; }
  html body.yp .ypw-portlet .zmdi-card:before {
    content: '\f129'; }
  html body.yp .ypw-portlet .zmdi-case-check:before {
    content: '\f12a'; }
  html body.yp .ypw-portlet .zmdi-case-download:before {
    content: '\f12b'; }
  html body.yp .ypw-portlet .zmdi-case-play:before {
    content: '\f12c'; }
  html body.yp .ypw-portlet .zmdi-case:before {
    content: '\f12d'; }
  html body.yp .ypw-portlet .zmdi-cast-connected:before {
    content: '\f12e'; }
  html body.yp .ypw-portlet .zmdi-cast:before {
    content: '\f12f'; }
  html body.yp .ypw-portlet .zmdi-chart-donut:before {
    content: '\f130'; }
  html body.yp .ypw-portlet .zmdi-chart:before {
    content: '\f131'; }
  html body.yp .ypw-portlet .zmdi-city-alt:before {
    content: '\f132'; }
  html body.yp .ypw-portlet .zmdi-city:before {
    content: '\f133'; }
  html body.yp .ypw-portlet .zmdi-close-circle-o:before {
    content: '\f134'; }
  html body.yp .ypw-portlet .zmdi-close-circle:before {
    content: '\f135'; }
  html body.yp .ypw-portlet .zmdi-close:before {
    content: '\f136'; }
  html body.yp .ypw-portlet .zmdi-cocktail:before {
    content: '\f137'; }
  html body.yp .ypw-portlet .zmdi-code-setting:before {
    content: '\f138'; }
  html body.yp .ypw-portlet .zmdi-code-smartphone:before {
    content: '\f139'; }
  html body.yp .ypw-portlet .zmdi-code:before {
    content: '\f13a'; }
  html body.yp .ypw-portlet .zmdi-coffee:before {
    content: '\f13b'; }
  html body.yp .ypw-portlet .zmdi-collection-bookmark:before {
    content: '\f13c'; }
  html body.yp .ypw-portlet .zmdi-collection-case-play:before {
    content: '\f13d'; }
  html body.yp .ypw-portlet .zmdi-collection-folder-image:before {
    content: '\f13e'; }
  html body.yp .ypw-portlet .zmdi-collection-image-o:before {
    content: '\f13f'; }
  html body.yp .ypw-portlet .zmdi-collection-image:before {
    content: '\f140'; }
  html body.yp .ypw-portlet .zmdi-collection-item-1:before {
    content: '\f141'; }
  html body.yp .ypw-portlet .zmdi-collection-item-2:before {
    content: '\f142'; }
  html body.yp .ypw-portlet .zmdi-collection-item-3:before {
    content: '\f143'; }
  html body.yp .ypw-portlet .zmdi-collection-item-4:before {
    content: '\f144'; }
  html body.yp .ypw-portlet .zmdi-collection-item-5:before {
    content: '\f145'; }
  html body.yp .ypw-portlet .zmdi-collection-item-6:before {
    content: '\f146'; }
  html body.yp .ypw-portlet .zmdi-collection-item-7:before {
    content: '\f147'; }
  html body.yp .ypw-portlet .zmdi-collection-item-8:before {
    content: '\f148'; }
  html body.yp .ypw-portlet .zmdi-collection-item-9-plus:before {
    content: '\f149'; }
  html body.yp .ypw-portlet .zmdi-collection-item-9:before {
    content: '\f14a'; }
  html body.yp .ypw-portlet .zmdi-collection-item:before {
    content: '\f14b'; }
  html body.yp .ypw-portlet .zmdi-collection-music:before {
    content: '\f14c'; }
  html body.yp .ypw-portlet .zmdi-collection-pdf:before {
    content: '\f14d'; }
  html body.yp .ypw-portlet .zmdi-collection-plus:before {
    content: '\f14e'; }
  html body.yp .ypw-portlet .zmdi-collection-speaker:before {
    content: '\f14f'; }
  html body.yp .ypw-portlet .zmdi-collection-text:before {
    content: '\f150'; }
  html body.yp .ypw-portlet .zmdi-collection-video:before {
    content: '\f151'; }
  html body.yp .ypw-portlet .zmdi-compass:before {
    content: '\f152'; }
  html body.yp .ypw-portlet .zmdi-cutlery:before {
    content: '\f153'; }
  html body.yp .ypw-portlet .zmdi-delete:before {
    content: '\f154'; }
  html body.yp .ypw-portlet .zmdi-dialpad:before {
    content: '\f155'; }
  html body.yp .ypw-portlet .zmdi-dns:before {
    content: '\f156'; }
  html body.yp .ypw-portlet .zmdi-drink:before {
    content: '\f157'; }
  html body.yp .ypw-portlet .zmdi-edit:before {
    content: '\f158'; }
  html body.yp .ypw-portlet .zmdi-email-open:before {
    content: '\f159'; }
  html body.yp .ypw-portlet .zmdi-email:before {
    content: '\f15a'; }
  html body.yp .ypw-portlet .zmdi-eye-off:before {
    content: '\f15b'; }
  html body.yp .ypw-portlet .zmdi-eye:before {
    content: '\f15c'; }
  html body.yp .ypw-portlet .zmdi-eyedropper:before {
    content: '\f15d'; }
  html body.yp .ypw-portlet .zmdi-favorite-outline:before {
    content: '\f15e'; }
  html body.yp .ypw-portlet .zmdi-favorite:before {
    content: '\f15f'; }
  html body.yp .ypw-portlet .zmdi-filter-list:before {
    content: '\f160'; }
  html body.yp .ypw-portlet .zmdi-fire:before {
    content: '\f161'; }
  html body.yp .ypw-portlet .zmdi-flag:before {
    content: '\f162'; }
  html body.yp .ypw-portlet .zmdi-flare:before {
    content: '\f163'; }
  html body.yp .ypw-portlet .zmdi-flash-auto:before {
    content: '\f164'; }
  html body.yp .ypw-portlet .zmdi-flash-off:before {
    content: '\f165'; }
  html body.yp .ypw-portlet .zmdi-flash:before {
    content: '\f166'; }
  html body.yp .ypw-portlet .zmdi-flip:before {
    content: '\f167'; }
  html body.yp .ypw-portlet .zmdi-flower-alt:before {
    content: '\f168'; }
  html body.yp .ypw-portlet .zmdi-flower:before {
    content: '\f169'; }
  html body.yp .ypw-portlet .zmdi-font:before {
    content: '\f16a'; }
  html body.yp .ypw-portlet .zmdi-fullscreen-alt:before {
    content: '\f16b'; }
  html body.yp .ypw-portlet .zmdi-fullscreen-exit:before {
    content: '\f16c'; }
  html body.yp .ypw-portlet .zmdi-fullscreen:before {
    content: '\f16d'; }
  html body.yp .ypw-portlet .zmdi-functions:before {
    content: '\f16e'; }
  html body.yp .ypw-portlet .zmdi-gas-station:before {
    content: '\f16f'; }
  html body.yp .ypw-portlet .zmdi-gesture:before {
    content: '\f170'; }
  html body.yp .ypw-portlet .zmdi-globe-alt:before {
    content: '\f171'; }
  html body.yp .ypw-portlet .zmdi-globe-lock:before {
    content: '\f172'; }
  html body.yp .ypw-portlet .zmdi-globe:before {
    content: '\f173'; }
  html body.yp .ypw-portlet .zmdi-graduation-cap:before {
    content: '\f174'; }
  html body.yp .ypw-portlet .zmdi-home:before {
    content: '\f175'; }
  html body.yp .ypw-portlet .zmdi-hospital-alt:before {
    content: '\f176'; }
  html body.yp .ypw-portlet .zmdi-hospital:before {
    content: '\f177'; }
  html body.yp .ypw-portlet .zmdi-hotel:before {
    content: '\f178'; }
  html body.yp .ypw-portlet .zmdi-hourglass-alt:before {
    content: '\f179'; }
  html body.yp .ypw-portlet .zmdi-hourglass-outline:before {
    content: '\f17a'; }
  html body.yp .ypw-portlet .zmdi-hourglass:before {
    content: '\f17b'; }
  html body.yp .ypw-portlet .zmdi-http:before {
    content: '\f17c'; }
  html body.yp .ypw-portlet .zmdi-image-alt:before {
    content: '\f17d'; }
  html body.yp .ypw-portlet .zmdi-image-o:before {
    content: '\f17e'; }
  html body.yp .ypw-portlet .zmdi-image:before {
    content: '\f17f'; }
  html body.yp .ypw-portlet .zmdi-inbox:before {
    content: '\f180'; }
  html body.yp .ypw-portlet .zmdi-invert-colors-off:before {
    content: '\f181'; }
  html body.yp .ypw-portlet .zmdi-invert-colors:before {
    content: '\f182'; }
  html body.yp .ypw-portlet .zmdi-key:before {
    content: '\f183'; }
  html body.yp .ypw-portlet .zmdi-label-alt-outline:before {
    content: '\f184'; }
  html body.yp .ypw-portlet .zmdi-label-alt:before {
    content: '\f185'; }
  html body.yp .ypw-portlet .zmdi-label-heart:before {
    content: '\f186'; }
  html body.yp .ypw-portlet .zmdi-label:before {
    content: '\f187'; }
  html body.yp .ypw-portlet .zmdi-labels:before {
    content: '\f188'; }
  html body.yp .ypw-portlet .zmdi-lamp:before {
    content: '\f189'; }
  html body.yp .ypw-portlet .zmdi-landscape:before {
    content: '\f18a'; }
  html body.yp .ypw-portlet .zmdi-layers-off:before {
    content: '\f18b'; }
  html body.yp .ypw-portlet .zmdi-layers:before {
    content: '\f18c'; }
  html body.yp .ypw-portlet .zmdi-library:before {
    content: '\f18d'; }
  html body.yp .ypw-portlet .zmdi-link:before {
    content: '\f18e'; }
  html body.yp .ypw-portlet .zmdi-lock-open:before {
    content: '\f18f'; }
  html body.yp .ypw-portlet .zmdi-lock-outline:before {
    content: '\f190'; }
  html body.yp .ypw-portlet .zmdi-lock:before {
    content: '\f191'; }
  html body.yp .ypw-portlet .zmdi-mail-reply-all:before {
    content: '\f192'; }
  html body.yp .ypw-portlet .zmdi-mail-reply:before {
    content: '\f193'; }
  html body.yp .ypw-portlet .zmdi-mail-send:before {
    content: '\f194'; }
  html body.yp .ypw-portlet .zmdi-mall:before {
    content: '\f195'; }
  html body.yp .ypw-portlet .zmdi-map:before {
    content: '\f196'; }
  html body.yp .ypw-portlet .zmdi-menu:before {
    content: '\f197'; }
  html body.yp .ypw-portlet .zmdi-money-box:before {
    content: '\f198'; }
  html body.yp .ypw-portlet .zmdi-money-off:before {
    content: '\f199'; }
  html body.yp .ypw-portlet .zmdi-money:before {
    content: '\f19a'; }
  html body.yp .ypw-portlet .zmdi-more-vert:before {
    content: '\f19b'; }
  html body.yp .ypw-portlet .zmdi-more:before {
    content: '\f19c'; }
  html body.yp .ypw-portlet .zmdi-movie-alt:before {
    content: '\f19d'; }
  html body.yp .ypw-portlet .zmdi-movie:before {
    content: '\f19e'; }
  html body.yp .ypw-portlet .zmdi-nature-people:before {
    content: '\f19f'; }
  html body.yp .ypw-portlet .zmdi-nature:before {
    content: '\f1a0'; }
  html body.yp .ypw-portlet .zmdi-navigation:before {
    content: '\f1a1'; }
  html body.yp .ypw-portlet .zmdi-open-in-browser:before {
    content: '\f1a2'; }
  html body.yp .ypw-portlet .zmdi-open-in-new:before {
    content: '\f1a3'; }
  html body.yp .ypw-portlet .zmdi-palette:before {
    content: '\f1a4'; }
  html body.yp .ypw-portlet .zmdi-parking:before {
    content: '\f1a5'; }
  html body.yp .ypw-portlet .zmdi-pin-account:before {
    content: '\f1a6'; }
  html body.yp .ypw-portlet .zmdi-pin-assistant:before {
    content: '\f1a7'; }
  html body.yp .ypw-portlet .zmdi-pin-drop:before {
    content: '\f1a8'; }
  html body.yp .ypw-portlet .zmdi-pin-help:before {
    content: '\f1a9'; }
  html body.yp .ypw-portlet .zmdi-pin-off:before {
    content: '\f1aa'; }
  html body.yp .ypw-portlet .zmdi-pin:before {
    content: '\f1ab'; }
  html body.yp .ypw-portlet .zmdi-pizza:before {
    content: '\f1ac'; }
  html body.yp .ypw-portlet .zmdi-plaster:before {
    content: '\f1ad'; }
  html body.yp .ypw-portlet .zmdi-power-setting:before {
    content: '\f1ae'; }
  html body.yp .ypw-portlet .zmdi-power:before {
    content: '\f1af'; }
  html body.yp .ypw-portlet .zmdi-print:before {
    content: '\f1b0'; }
  html body.yp .ypw-portlet .zmdi-puzzle-piece:before {
    content: '\f1b1'; }
  html body.yp .ypw-portlet .zmdi-quote:before {
    content: '\f1b2'; }
  html body.yp .ypw-portlet .zmdi-railway:before {
    content: '\f1b3'; }
  html body.yp .ypw-portlet .zmdi-receipt:before {
    content: '\f1b4'; }
  html body.yp .ypw-portlet .zmdi-refresh-alt:before {
    content: '\f1b5'; }
  html body.yp .ypw-portlet .zmdi-refresh-sync-alert:before {
    content: '\f1b6'; }
  html body.yp .ypw-portlet .zmdi-refresh-sync-off:before {
    content: '\f1b7'; }
  html body.yp .ypw-portlet .zmdi-refresh-sync:before {
    content: '\f1b8'; }
  html body.yp .ypw-portlet .zmdi-refresh:before {
    content: '\f1b9'; }
  html body.yp .ypw-portlet .zmdi-roller:before {
    content: '\f1ba'; }
  html body.yp .ypw-portlet .zmdi-ruler:before {
    content: '\f1bb'; }
  html body.yp .ypw-portlet .zmdi-scissors:before {
    content: '\f1bc'; }
  html body.yp .ypw-portlet .zmdi-screen-rotation-lock:before {
    content: '\f1bd'; }
  html body.yp .ypw-portlet .zmdi-screen-rotation:before {
    content: '\f1be'; }
  html body.yp .ypw-portlet .zmdi-search-for:before {
    content: '\f1bf'; }
  html body.yp .ypw-portlet .zmdi-search-in-file:before {
    content: '\f1c0'; }
  html body.yp .ypw-portlet .zmdi-search-in-page:before {
    content: '\f1c1'; }
  html body.yp .ypw-portlet .zmdi-search-replace:before {
    content: '\f1c2'; }
  html body.yp .ypw-portlet .zmdi-search:before {
    content: '\f1c3'; }
  html body.yp .ypw-portlet .zmdi-seat:before {
    content: '\f1c4'; }
  html body.yp .ypw-portlet .zmdi-settings-square:before {
    content: '\f1c5'; }
  html body.yp .ypw-portlet .zmdi-settings:before {
    content: '\f1c6'; }
  html body.yp .ypw-portlet .zmdi-shield-check:before {
    content: '\f1c7'; }
  html body.yp .ypw-portlet .zmdi-shield-security:before {
    content: '\f1c8'; }
  html body.yp .ypw-portlet .zmdi-shopping-basket:before {
    content: '\f1c9'; }
  html body.yp .ypw-portlet .zmdi-shopping-cart-plus:before {
    content: '\f1ca'; }
  html body.yp .ypw-portlet .zmdi-shopping-cart:before {
    content: '\f1cb'; }
  html body.yp .ypw-portlet .zmdi-sign-in:before {
    content: '\f1cc'; }
  html body.yp .ypw-portlet .zmdi-sort-amount-asc:before {
    content: '\f1cd'; }
  html body.yp .ypw-portlet .zmdi-sort-amount-desc:before {
    content: '\f1ce'; }
  html body.yp .ypw-portlet .zmdi-sort-asc:before {
    content: '\f1cf'; }
  html body.yp .ypw-portlet .zmdi-sort-desc:before {
    content: '\f1d0'; }
  html body.yp .ypw-portlet .zmdi-spellcheck:before {
    content: '\f1d1'; }
  html body.yp .ypw-portlet .zmdi-storage:before {
    content: '\f1d2'; }
  html body.yp .ypw-portlet .zmdi-store-24:before {
    content: '\f1d3'; }
  html body.yp .ypw-portlet .zmdi-store:before {
    content: '\f1d4'; }
  html body.yp .ypw-portlet .zmdi-subway:before {
    content: '\f1d5'; }
  html body.yp .ypw-portlet .zmdi-sun:before {
    content: '\f1d6'; }
  html body.yp .ypw-portlet .zmdi-tab-unselected:before {
    content: '\f1d7'; }
  html body.yp .ypw-portlet .zmdi-tab:before {
    content: '\f1d8'; }
  html body.yp .ypw-portlet .zmdi-tag-close:before {
    content: '\f1d9'; }
  html body.yp .ypw-portlet .zmdi-tag-more:before {
    content: '\f1da'; }
  html body.yp .ypw-portlet .zmdi-tag:before {
    content: '\f1db'; }
  html body.yp .ypw-portlet .zmdi-thumb-down:before {
    content: '\f1dc'; }
  html body.yp .ypw-portlet .zmdi-thumb-up-down:before {
    content: '\f1dd'; }
  html body.yp .ypw-portlet .zmdi-thumb-up:before {
    content: '\f1de'; }
  html body.yp .ypw-portlet .zmdi-ticket-star:before {
    content: '\f1df'; }
  html body.yp .ypw-portlet .zmdi-toll:before {
    content: '\f1e0'; }
  html body.yp .ypw-portlet .zmdi-toys:before {
    content: '\f1e1'; }
  html body.yp .ypw-portlet .zmdi-traffic:before {
    content: '\f1e2'; }
  html body.yp .ypw-portlet .zmdi-translate:before {
    content: '\f1e3'; }
  html body.yp .ypw-portlet .zmdi-triangle-down:before {
    content: '\f1e4'; }
  html body.yp .ypw-portlet .zmdi-triangle-up:before {
    content: '\f1e5'; }
  html body.yp .ypw-portlet .zmdi-truck:before {
    content: '\f1e6'; }
  html body.yp .ypw-portlet .zmdi-turning-sign:before {
    content: '\f1e7'; }
  html body.yp .ypw-portlet .zmdi-wallpaper:before {
    content: '\f1e8'; }
  html body.yp .ypw-portlet .zmdi-washing-machine:before {
    content: '\f1e9'; }
  html body.yp .ypw-portlet .zmdi-window-maximize:before {
    content: '\f1ea'; }
  html body.yp .ypw-portlet .zmdi-window-minimize:before {
    content: '\f1eb'; }
  html body.yp .ypw-portlet .zmdi-window-restore:before {
    content: '\f1ec'; }
  html body.yp .ypw-portlet .zmdi-wrench:before {
    content: '\f1ed'; }
  html body.yp .ypw-portlet .zmdi-zoom-in:before {
    content: '\f1ee'; }
  html body.yp .ypw-portlet .zmdi-zoom-out:before {
    content: '\f1ef'; }
  html body.yp .ypw-portlet .zmdi-alert-circle-o:before {
    content: '\f1f0'; }
  html body.yp .ypw-portlet .zmdi-alert-circle:before {
    content: '\f1f1'; }
  html body.yp .ypw-portlet .zmdi-alert-octagon:before {
    content: '\f1f2'; }
  html body.yp .ypw-portlet .zmdi-alert-polygon:before {
    content: '\f1f3'; }
  html body.yp .ypw-portlet .zmdi-alert-triangle:before {
    content: '\f1f4'; }
  html body.yp .ypw-portlet .zmdi-help-outline:before {
    content: '\f1f5'; }
  html body.yp .ypw-portlet .zmdi-help:before {
    content: '\f1f6'; }
  html body.yp .ypw-portlet .zmdi-info-outline:before {
    content: '\f1f7'; }
  html body.yp .ypw-portlet .zmdi-info:before {
    content: '\f1f8'; }
  html body.yp .ypw-portlet .zmdi-notifications-active:before {
    content: '\f1f9'; }
  html body.yp .ypw-portlet .zmdi-notifications-add:before {
    content: '\f1fa'; }
  html body.yp .ypw-portlet .zmdi-notifications-none:before {
    content: '\f1fb'; }
  html body.yp .ypw-portlet .zmdi-notifications-off:before {
    content: '\f1fc'; }
  html body.yp .ypw-portlet .zmdi-notifications-paused:before {
    content: '\f1fd'; }
  html body.yp .ypw-portlet .zmdi-notifications:before {
    content: '\f1fe'; }
  html body.yp .ypw-portlet .zmdi-account-add:before {
    content: '\f1ff'; }
  html body.yp .ypw-portlet .zmdi-account-box-mail:before {
    content: '\f200'; }
  html body.yp .ypw-portlet .zmdi-account-box-o:before {
    content: '\f201'; }
  html body.yp .ypw-portlet .zmdi-account-box-phone:before {
    content: '\f202'; }
  html body.yp .ypw-portlet .zmdi-account-box:before {
    content: '\f203'; }
  html body.yp .ypw-portlet .zmdi-account-calendar:before {
    content: '\f204'; }
  html body.yp .ypw-portlet .zmdi-account-circle:before {
    content: '\f205'; }
  html body.yp .ypw-portlet .zmdi-account-o:before {
    content: '\f206'; }
  html body.yp .ypw-portlet .zmdi-account:before {
    content: '\f207'; }
  html body.yp .ypw-portlet .zmdi-accounts-add:before {
    content: '\f208'; }
  html body.yp .ypw-portlet .zmdi-accounts-alt:before {
    content: '\f209'; }
  html body.yp .ypw-portlet .zmdi-accounts-list-alt:before {
    content: '\f20a'; }
  html body.yp .ypw-portlet .zmdi-accounts-list:before {
    content: '\f20b'; }
  html body.yp .ypw-portlet .zmdi-accounts-outline:before {
    content: '\f20c'; }
  html body.yp .ypw-portlet .zmdi-accounts:before {
    content: '\f20d'; }
  html body.yp .ypw-portlet .zmdi-face:before {
    content: '\f20e'; }
  html body.yp .ypw-portlet .zmdi-female:before {
    content: '\f20f'; }
  html body.yp .ypw-portlet .zmdi-male-alt:before {
    content: '\f210'; }
  html body.yp .ypw-portlet .zmdi-male-female:before {
    content: '\f211'; }
  html body.yp .ypw-portlet .zmdi-male:before {
    content: '\f212'; }
  html body.yp .ypw-portlet .zmdi-mood-bad:before {
    content: '\f213'; }
  html body.yp .ypw-portlet .zmdi-mood:before {
    content: '\f214'; }
  html body.yp .ypw-portlet .zmdi-run:before {
    content: '\f215'; }
  html body.yp .ypw-portlet .zmdi-walk:before {
    content: '\f216'; }
  html body.yp .ypw-portlet .zmdi-cloud-box:before {
    content: '\f217'; }
  html body.yp .ypw-portlet .zmdi-cloud-circle:before {
    content: '\f218'; }
  html body.yp .ypw-portlet .zmdi-cloud-done:before {
    content: '\f219'; }
  html body.yp .ypw-portlet .zmdi-cloud-download:before {
    content: '\f21a'; }
  html body.yp .ypw-portlet .zmdi-cloud-off:before {
    content: '\f21b'; }
  html body.yp .ypw-portlet .zmdi-cloud-outline-alt:before {
    content: '\f21c'; }
  html body.yp .ypw-portlet .zmdi-cloud-outline:before {
    content: '\f21d'; }
  html body.yp .ypw-portlet .zmdi-cloud-upload:before {
    content: '\f21e'; }
  html body.yp .ypw-portlet .zmdi-cloud:before {
    content: '\f21f'; }
  html body.yp .ypw-portlet .zmdi-download:before {
    content: '\f220'; }
  html body.yp .ypw-portlet .zmdi-file-plus:before {
    content: '\f221'; }
  html body.yp .ypw-portlet .zmdi-file-text:before {
    content: '\f222'; }
  html body.yp .ypw-portlet .zmdi-file:before {
    content: '\f223'; }
  html body.yp .ypw-portlet .zmdi-folder-outline:before {
    content: '\f224'; }
  html body.yp .ypw-portlet .zmdi-folder-person:before {
    content: '\f225'; }
  html body.yp .ypw-portlet .zmdi-folder-star-alt:before {
    content: '\f226'; }
  html body.yp .ypw-portlet .zmdi-folder-star:before {
    content: '\f227'; }
  html body.yp .ypw-portlet .zmdi-folder:before {
    content: '\f228'; }
  html body.yp .ypw-portlet .zmdi-gif:before {
    content: '\f229'; }
  html body.yp .ypw-portlet .zmdi-upload:before {
    content: '\f22a'; }
  html body.yp .ypw-portlet .zmdi-border-all:before {
    content: '\f22b'; }
  html body.yp .ypw-portlet .zmdi-border-bottom:before {
    content: '\f22c'; }
  html body.yp .ypw-portlet .zmdi-border-clear:before {
    content: '\f22d'; }
  html body.yp .ypw-portlet .zmdi-border-color:before {
    content: '\f22e'; }
  html body.yp .ypw-portlet .zmdi-border-horizontal:before {
    content: '\f22f'; }
  html body.yp .ypw-portlet .zmdi-border-inner:before {
    content: '\f230'; }
  html body.yp .ypw-portlet .zmdi-border-left:before {
    content: '\f231'; }
  html body.yp .ypw-portlet .zmdi-border-outer:before {
    content: '\f232'; }
  html body.yp .ypw-portlet .zmdi-border-right:before {
    content: '\f233'; }
  html body.yp .ypw-portlet .zmdi-border-style:before {
    content: '\f234'; }
  html body.yp .ypw-portlet .zmdi-border-top:before {
    content: '\f235'; }
  html body.yp .ypw-portlet .zmdi-border-vertical:before {
    content: '\f236'; }
  html body.yp .ypw-portlet .zmdi-copy:before {
    content: '\f237'; }
  html body.yp .ypw-portlet .zmdi-crop:before {
    content: '\f238'; }
  html body.yp .ypw-portlet .zmdi-format-align-center:before {
    content: '\f239'; }
  html body.yp .ypw-portlet .zmdi-format-align-justify:before {
    content: '\f23a'; }
  html body.yp .ypw-portlet .zmdi-format-align-left:before {
    content: '\f23b'; }
  html body.yp .ypw-portlet .zmdi-format-align-right:before {
    content: '\f23c'; }
  html body.yp .ypw-portlet .zmdi-format-bold:before {
    content: '\f23d'; }
  html body.yp .ypw-portlet .zmdi-format-clear-all:before {
    content: '\f23e'; }
  html body.yp .ypw-portlet .zmdi-format-clear:before {
    content: '\f23f'; }
  html body.yp .ypw-portlet .zmdi-format-color-fill:before {
    content: '\f240'; }
  html body.yp .ypw-portlet .zmdi-format-color-reset:before {
    content: '\f241'; }
  html body.yp .ypw-portlet .zmdi-format-color-text:before {
    content: '\f242'; }
  html body.yp .ypw-portlet .zmdi-format-indent-decrease:before {
    content: '\f243'; }
  html body.yp .ypw-portlet .zmdi-format-indent-increase:before {
    content: '\f244'; }
  html body.yp .ypw-portlet .zmdi-format-italic:before {
    content: '\f245'; }
  html body.yp .ypw-portlet .zmdi-format-line-spacing:before {
    content: '\f246'; }
  html body.yp .ypw-portlet .zmdi-format-list-bulleted:before {
    content: '\f247'; }
  html body.yp .ypw-portlet .zmdi-format-list-numbered:before {
    content: '\f248'; }
  html body.yp .ypw-portlet .zmdi-format-ltr:before {
    content: '\f249'; }
  html body.yp .ypw-portlet .zmdi-format-rtl:before {
    content: '\f24a'; }
  html body.yp .ypw-portlet .zmdi-format-size:before {
    content: '\f24b'; }
  html body.yp .ypw-portlet .zmdi-format-strikethrough-s:before {
    content: '\f24c'; }
  html body.yp .ypw-portlet .zmdi-format-strikethrough:before {
    content: '\f24d'; }
  html body.yp .ypw-portlet .zmdi-format-subject:before {
    content: '\f24e'; }
  html body.yp .ypw-portlet .zmdi-format-underlined:before {
    content: '\f24f'; }
  html body.yp .ypw-portlet .zmdi-format-valign-bottom:before {
    content: '\f250'; }
  html body.yp .ypw-portlet .zmdi-format-valign-center:before {
    content: '\f251'; }
  html body.yp .ypw-portlet .zmdi-format-valign-top:before {
    content: '\f252'; }
  html body.yp .ypw-portlet .zmdi-redo:before {
    content: '\f253'; }
  html body.yp .ypw-portlet .zmdi-select-all:before {
    content: '\f254'; }
  html body.yp .ypw-portlet .zmdi-space-bar:before {
    content: '\f255'; }
  html body.yp .ypw-portlet .zmdi-text-format:before {
    content: '\f256'; }
  html body.yp .ypw-portlet .zmdi-transform:before {
    content: '\f257'; }
  html body.yp .ypw-portlet .zmdi-undo:before {
    content: '\f258'; }
  html body.yp .ypw-portlet .zmdi-wrap-text:before {
    content: '\f259'; }
  html body.yp .ypw-portlet .zmdi-comment-alert:before {
    content: '\f25a'; }
  html body.yp .ypw-portlet .zmdi-comment-alt-text:before {
    content: '\f25b'; }
  html body.yp .ypw-portlet .zmdi-comment-alt:before {
    content: '\f25c'; }
  html body.yp .ypw-portlet .zmdi-comment-edit:before {
    content: '\f25d'; }
  html body.yp .ypw-portlet .zmdi-comment-image:before {
    content: '\f25e'; }
  html body.yp .ypw-portlet .zmdi-comment-list:before {
    content: '\f25f'; }
  html body.yp .ypw-portlet .zmdi-comment-more:before {
    content: '\f260'; }
  html body.yp .ypw-portlet .zmdi-comment-outline:before {
    content: '\f261'; }
  html body.yp .ypw-portlet .zmdi-comment-text-alt:before {
    content: '\f262'; }
  html body.yp .ypw-portlet .zmdi-comment-text:before {
    content: '\f263'; }
  html body.yp .ypw-portlet .zmdi-comment-video:before {
    content: '\f264'; }
  html body.yp .ypw-portlet .zmdi-comment:before {
    content: '\f265'; }
  html body.yp .ypw-portlet .zmdi-comments:before {
    content: '\f266'; }
  html body.yp .ypw-portlet .zmdi-check-all:before {
    content: '\f267'; }
  html body.yp .ypw-portlet .zmdi-check-circle-u:before {
    content: '\f268'; }
  html body.yp .ypw-portlet .zmdi-check-circle:before {
    content: '\f269'; }
  html body.yp .ypw-portlet .zmdi-check-square:before {
    content: '\f26a'; }
  html body.yp .ypw-portlet .zmdi-check:before {
    content: '\f26b'; }
  html body.yp .ypw-portlet .zmdi-circle-o:before {
    content: '\f26c'; }
  html body.yp .ypw-portlet .zmdi-circle:before {
    content: '\f26d'; }
  html body.yp .ypw-portlet .zmdi-dot-circle-alt:before {
    content: '\f26e'; }
  html body.yp .ypw-portlet .zmdi-dot-circle:before {
    content: '\f26f'; }
  html body.yp .ypw-portlet .zmdi-minus-circle-outline:before {
    content: '\f270'; }
  html body.yp .ypw-portlet .zmdi-minus-circle:before {
    content: '\f271'; }
  html body.yp .ypw-portlet .zmdi-minus-square:before {
    content: '\f272'; }
  html body.yp .ypw-portlet .zmdi-minus:before {
    content: '\f273'; }
  html body.yp .ypw-portlet .zmdi-plus-circle-o-duplicate:before {
    content: '\f274'; }
  html body.yp .ypw-portlet .zmdi-plus-circle-o:before {
    content: '\f275'; }
  html body.yp .ypw-portlet .zmdi-plus-circle:before {
    content: '\f276'; }
  html body.yp .ypw-portlet .zmdi-plus-square:before {
    content: '\f277'; }
  html body.yp .ypw-portlet .zmdi-plus:before {
    content: '\f278'; }
  html body.yp .ypw-portlet .zmdi-square-o:before {
    content: '\f279'; }
  html body.yp .ypw-portlet .zmdi-star-circle:before {
    content: '\f27a'; }
  html body.yp .ypw-portlet .zmdi-star-half:before {
    content: '\f27b'; }
  html body.yp .ypw-portlet .zmdi-star-outline:before {
    content: '\f27c'; }
  html body.yp .ypw-portlet .zmdi-star:before {
    content: '\f27d'; }
  html body.yp .ypw-portlet .zmdi-bluetooth-connected:before {
    content: '\f27e'; }
  html body.yp .ypw-portlet .zmdi-bluetooth-off:before {
    content: '\f27f'; }
  html body.yp .ypw-portlet .zmdi-bluetooth-search:before {
    content: '\f280'; }
  html body.yp .ypw-portlet .zmdi-bluetooth-setting:before {
    content: '\f281'; }
  html body.yp .ypw-portlet .zmdi-bluetooth:before {
    content: '\f282'; }
  html body.yp .ypw-portlet .zmdi-camera-add:before {
    content: '\f283'; }
  html body.yp .ypw-portlet .zmdi-camera-alt:before {
    content: '\f284'; }
  html body.yp .ypw-portlet .zmdi-camera-bw:before {
    content: '\f285'; }
  html body.yp .ypw-portlet .zmdi-camera-front:before {
    content: '\f286'; }
  html body.yp .ypw-portlet .zmdi-camera-mic:before {
    content: '\f287'; }
  html body.yp .ypw-portlet .zmdi-camera-party-mode:before {
    content: '\f288'; }
  html body.yp .ypw-portlet .zmdi-camera-rear:before {
    content: '\f289'; }
  html body.yp .ypw-portlet .zmdi-camera-roll:before {
    content: '\f28a'; }
  html body.yp .ypw-portlet .zmdi-camera-switch:before {
    content: '\f28b'; }
  html body.yp .ypw-portlet .zmdi-camera:before {
    content: '\f28c'; }
  html body.yp .ypw-portlet .zmdi-card-alert:before {
    content: '\f28d'; }
  html body.yp .ypw-portlet .zmdi-card-off:before {
    content: '\f28e'; }
  html body.yp .ypw-portlet .zmdi-card-sd:before {
    content: '\f28f'; }
  html body.yp .ypw-portlet .zmdi-card-sim:before {
    content: '\f290'; }
  html body.yp .ypw-portlet .zmdi-desktop-mac:before {
    content: '\f291'; }
  html body.yp .ypw-portlet .zmdi-desktop-windows:before {
    content: '\f292'; }
  html body.yp .ypw-portlet .zmdi-device-hub:before {
    content: '\f293'; }
  html body.yp .ypw-portlet .zmdi-devices-off:before {
    content: '\f294'; }
  html body.yp .ypw-portlet .zmdi-devices:before {
    content: '\f295'; }
  html body.yp .ypw-portlet .zmdi-dock:before {
    content: '\f296'; }
  html body.yp .ypw-portlet .zmdi-floppy:before {
    content: '\f297'; }
  html body.yp .ypw-portlet .zmdi-gamepad:before {
    content: '\f298'; }
  html body.yp .ypw-portlet .zmdi-gps-dot:before {
    content: '\f299'; }
  html body.yp .ypw-portlet .zmdi-gps-off:before {
    content: '\f29a'; }
  html body.yp .ypw-portlet .zmdi-gps:before {
    content: '\f29b'; }
  html body.yp .ypw-portlet .zmdi-headset-mic:before {
    content: '\f29c'; }
  html body.yp .ypw-portlet .zmdi-headset:before {
    content: '\f29d'; }
  html body.yp .ypw-portlet .zmdi-input-antenna:before {
    content: '\f29e'; }
  html body.yp .ypw-portlet .zmdi-input-composite:before {
    content: '\f29f'; }
  html body.yp .ypw-portlet .zmdi-input-hdmi:before {
    content: '\f2a0'; }
  html body.yp .ypw-portlet .zmdi-input-power:before {
    content: '\f2a1'; }
  html body.yp .ypw-portlet .zmdi-input-svideo:before {
    content: '\f2a2'; }
  html body.yp .ypw-portlet .zmdi-keyboard-hide:before {
    content: '\f2a3'; }
  html body.yp .ypw-portlet .zmdi-keyboard:before {
    content: '\f2a4'; }
  html body.yp .ypw-portlet .zmdi-laptop-chromebook:before {
    content: '\f2a5'; }
  html body.yp .ypw-portlet .zmdi-laptop-mac:before {
    content: '\f2a6'; }
  html body.yp .ypw-portlet .zmdi-laptop:before {
    content: '\f2a7'; }
  html body.yp .ypw-portlet .zmdi-mic-off:before {
    content: '\f2a8'; }
  html body.yp .ypw-portlet .zmdi-mic-outline:before {
    content: '\f2a9'; }
  html body.yp .ypw-portlet .zmdi-mic-setting:before {
    content: '\f2aa'; }
  html body.yp .ypw-portlet .zmdi-mic:before {
    content: '\f2ab'; }
  html body.yp .ypw-portlet .zmdi-mouse:before {
    content: '\f2ac'; }
  html body.yp .ypw-portlet .zmdi-network-alert:before {
    content: '\f2ad'; }
  html body.yp .ypw-portlet .zmdi-network-locked:before {
    content: '\f2ae'; }
  html body.yp .ypw-portlet .zmdi-network-off:before {
    content: '\f2af'; }
  html body.yp .ypw-portlet .zmdi-network-outline:before {
    content: '\f2b0'; }
  html body.yp .ypw-portlet .zmdi-network-setting:before {
    content: '\f2b1'; }
  html body.yp .ypw-portlet .zmdi-network:before {
    content: '\f2b2'; }
  html body.yp .ypw-portlet .zmdi-phone-bluetooth:before {
    content: '\f2b3'; }
  html body.yp .ypw-portlet .zmdi-phone-end:before {
    content: '\f2b4'; }
  html body.yp .ypw-portlet .zmdi-phone-forwarded:before {
    content: '\f2b5'; }
  html body.yp .ypw-portlet .zmdi-phone-in-talk:before {
    content: '\f2b6'; }
  html body.yp .ypw-portlet .zmdi-phone-locked:before {
    content: '\f2b7'; }
  html body.yp .ypw-portlet .zmdi-phone-missed:before {
    content: '\f2b8'; }
  html body.yp .ypw-portlet .zmdi-phone-msg:before {
    content: '\f2b9'; }
  html body.yp .ypw-portlet .zmdi-phone-paused:before {
    content: '\f2ba'; }
  html body.yp .ypw-portlet .zmdi-phone-ring:before {
    content: '\f2bb'; }
  html body.yp .ypw-portlet .zmdi-phone-setting:before {
    content: '\f2bc'; }
  html body.yp .ypw-portlet .zmdi-phone-sip:before {
    content: '\f2bd'; }
  html body.yp .ypw-portlet .zmdi-phone:before {
    content: '\f2be'; }
  html body.yp .ypw-portlet .zmdi-portable-wifi-changes:before {
    content: '\f2bf'; }
  html body.yp .ypw-portlet .zmdi-portable-wifi-off:before {
    content: '\f2c0'; }
  html body.yp .ypw-portlet .zmdi-portable-wifi:before {
    content: '\f2c1'; }
  html body.yp .ypw-portlet .zmdi-radio:before {
    content: '\f2c2'; }
  html body.yp .ypw-portlet .zmdi-reader:before {
    content: '\f2c3'; }
  html body.yp .ypw-portlet .zmdi-remote-control-alt:before {
    content: '\f2c4'; }
  html body.yp .ypw-portlet .zmdi-remote-control:before {
    content: '\f2c5'; }
  html body.yp .ypw-portlet .zmdi-router:before {
    content: '\f2c6'; }
  html body.yp .ypw-portlet .zmdi-scanner:before {
    content: '\f2c7'; }
  html body.yp .ypw-portlet .zmdi-smartphone-android:before {
    content: '\f2c8'; }
  html body.yp .ypw-portlet .zmdi-smartphone-download:before {
    content: '\f2c9'; }
  html body.yp .ypw-portlet .zmdi-smartphone-erase:before {
    content: '\f2ca'; }
  html body.yp .ypw-portlet .zmdi-smartphone-info:before {
    content: '\f2cb'; }
  html body.yp .ypw-portlet .zmdi-smartphone-iphone:before {
    content: '\f2cc'; }
  html body.yp .ypw-portlet .zmdi-smartphone-landscape-lock:before {
    content: '\f2cd'; }
  html body.yp .ypw-portlet .zmdi-smartphone-landscape:before {
    content: '\f2ce'; }
  html body.yp .ypw-portlet .zmdi-smartphone-lock:before {
    content: '\f2cf'; }
  html body.yp .ypw-portlet .zmdi-smartphone-portrait-lock:before {
    content: '\f2d0'; }
  html body.yp .ypw-portlet .zmdi-smartphone-ring:before {
    content: '\f2d1'; }
  html body.yp .ypw-portlet .zmdi-smartphone-setting:before {
    content: '\f2d2'; }
  html body.yp .ypw-portlet .zmdi-smartphone-setup:before {
    content: '\f2d3'; }
  html body.yp .ypw-portlet .zmdi-smartphone:before {
    content: '\f2d4'; }
  html body.yp .ypw-portlet .zmdi-speaker:before {
    content: '\f2d5'; }
  html body.yp .ypw-portlet .zmdi-tablet-android:before {
    content: '\f2d6'; }
  html body.yp .ypw-portlet .zmdi-tablet-mac:before {
    content: '\f2d7'; }
  html body.yp .ypw-portlet .zmdi-tablet:before {
    content: '\f2d8'; }
  html body.yp .ypw-portlet .zmdi-tv-alt-play:before {
    content: '\f2d9'; }
  html body.yp .ypw-portlet .zmdi-tv-list:before {
    content: '\f2da'; }
  html body.yp .ypw-portlet .zmdi-tv-play:before {
    content: '\f2db'; }
  html body.yp .ypw-portlet .zmdi-tv:before {
    content: '\f2dc'; }
  html body.yp .ypw-portlet .zmdi-usb:before {
    content: '\f2dd'; }
  html body.yp .ypw-portlet .zmdi-videocam-off:before {
    content: '\f2de'; }
  html body.yp .ypw-portlet .zmdi-videocam-switch:before {
    content: '\f2df'; }
  html body.yp .ypw-portlet .zmdi-videocam:before {
    content: '\f2e0'; }
  html body.yp .ypw-portlet .zmdi-watch:before {
    content: '\f2e1'; }
  html body.yp .ypw-portlet .zmdi-wifi-alt-2:before {
    content: '\f2e2'; }
  html body.yp .ypw-portlet .zmdi-wifi-alt:before {
    content: '\f2e3'; }
  html body.yp .ypw-portlet .zmdi-wifi-info:before {
    content: '\f2e4'; }
  html body.yp .ypw-portlet .zmdi-wifi-lock:before {
    content: '\f2e5'; }
  html body.yp .ypw-portlet .zmdi-wifi-off:before {
    content: '\f2e6'; }
  html body.yp .ypw-portlet .zmdi-wifi-outline:before {
    content: '\f2e7'; }
  html body.yp .ypw-portlet .zmdi-wifi:before {
    content: '\f2e8'; }
  html body.yp .ypw-portlet .zmdi-arrow-left-bottom:before {
    content: '\f2e9'; }
  html body.yp .ypw-portlet .zmdi-arrow-left:before {
    content: '\f2ea'; }
  html body.yp .ypw-portlet .zmdi-arrow-merge:before {
    content: '\f2eb'; }
  html body.yp .ypw-portlet .zmdi-arrow-missed:before {
    content: '\f2ec'; }
  html body.yp .ypw-portlet .zmdi-arrow-right-top:before {
    content: '\f2ed'; }
  html body.yp .ypw-portlet .zmdi-arrow-right:before {
    content: '\f2ee'; }
  html body.yp .ypw-portlet .zmdi-arrow-split:before {
    content: '\f2ef'; }
  html body.yp .ypw-portlet .zmdi-arrows:before {
    content: '\f2f0'; }
  html body.yp .ypw-portlet .zmdi-caret-down-circle:before {
    content: '\f2f1'; }
  html body.yp .ypw-portlet .zmdi-caret-down:before {
    content: '\f2f2'; }
  html body.yp .ypw-portlet .zmdi-caret-left-circle:before {
    content: '\f2f3'; }
  html body.yp .ypw-portlet .zmdi-caret-left:before {
    content: '\f2f4'; }
  html body.yp .ypw-portlet .zmdi-caret-right-circle:before {
    content: '\f2f5'; }
  html body.yp .ypw-portlet .zmdi-caret-right:before {
    content: '\f2f6'; }
  html body.yp .ypw-portlet .zmdi-caret-up-circle:before {
    content: '\f2f7'; }
  html body.yp .ypw-portlet .zmdi-caret-up:before {
    content: '\f2f8'; }
  html body.yp .ypw-portlet .zmdi-chevron-down:before {
    content: '\f2f9'; }
  html body.yp .ypw-portlet .zmdi-chevron-left:before {
    content: '\f2fa'; }
  html body.yp .ypw-portlet .zmdi-chevron-right:before {
    content: '\f2fb'; }
  html body.yp .ypw-portlet .zmdi-chevron-up:before {
    content: '\f2fc'; }
  html body.yp .ypw-portlet .zmdi-forward:before {
    content: '\f2fd'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-down:before {
    content: '\f2fe'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-left:before {
    content: '\f2ff'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-return:before {
    content: '\f300'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-right:before {
    content: '\f301'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-tab:before {
    content: '\f302'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-up:before {
    content: '\f303'; }
  html body.yp .ypw-portlet .zmdi-rotate-ccw:before {
    content: '\f304'; }
  html body.yp .ypw-portlet .zmdi-rotate-cw:before {
    content: '\f305'; }
  html body.yp .ypw-portlet .zmdi-rotate-left:before {
    content: '\f306'; }
  html body.yp .ypw-portlet .zmdi-rotate-right:before {
    content: '\f307'; }
  html body.yp .ypw-portlet .zmdi-square-down:before {
    content: '\f308'; }
  html body.yp .ypw-portlet .zmdi-square-right:before {
    content: '\f309'; }
  html body.yp .ypw-portlet .zmdi-swap-alt:before {
    content: '\f30a'; }
  html body.yp .ypw-portlet .zmdi-swap-vertical-circle:before {
    content: '\f30b'; }
  html body.yp .ypw-portlet .zmdi-swap-vertical:before {
    content: '\f30c'; }
  html body.yp .ypw-portlet .zmdi-swap:before {
    content: '\f30d'; }
  html body.yp .ypw-portlet .zmdi-trending-down:before {
    content: '\f30e'; }
  html body.yp .ypw-portlet .zmdi-trending-flat:before {
    content: '\f30f'; }
  html body.yp .ypw-portlet .zmdi-trending-up:before {
    content: '\f310'; }
  html body.yp .ypw-portlet .zmdi-unfold-less:before {
    content: '\f311'; }
  html body.yp .ypw-portlet .zmdi-unfold-more:before {
    content: '\f312'; }
  html body.yp .ypw-portlet .zmdi-apps:before {
    content: '\f313'; }
  html body.yp .ypw-portlet .zmdi-grid-off:before {
    content: '\f314'; }
  html body.yp .ypw-portlet .zmdi-grid:before {
    content: '\f315'; }
  html body.yp .ypw-portlet .zmdi-view-agenda:before {
    content: '\f316'; }
  html body.yp .ypw-portlet .zmdi-view-array:before {
    content: '\f317'; }
  html body.yp .ypw-portlet .zmdi-view-carousel:before {
    content: '\f318'; }
  html body.yp .ypw-portlet .zmdi-view-column:before {
    content: '\f319'; }
  html body.yp .ypw-portlet .zmdi-view-comfy:before {
    content: '\f31a'; }
  html body.yp .ypw-portlet .zmdi-view-compact:before {
    content: '\f31b'; }
  html body.yp .ypw-portlet .zmdi-view-dashboard:before {
    content: '\f31c'; }
  html body.yp .ypw-portlet .zmdi-view-day:before {
    content: '\f31d'; }
  html body.yp .ypw-portlet .zmdi-view-headline:before {
    content: '\f31e'; }
  html body.yp .ypw-portlet .zmdi-view-list-alt:before {
    content: '\f31f'; }
  html body.yp .ypw-portlet .zmdi-view-list:before {
    content: '\f320'; }
  html body.yp .ypw-portlet .zmdi-view-module:before {
    content: '\f321'; }
  html body.yp .ypw-portlet .zmdi-view-quilt:before {
    content: '\f322'; }
  html body.yp .ypw-portlet .zmdi-view-stream:before {
    content: '\f323'; }
  html body.yp .ypw-portlet .zmdi-view-subtitles:before {
    content: '\f324'; }
  html body.yp .ypw-portlet .zmdi-view-toc:before {
    content: '\f325'; }
  html body.yp .ypw-portlet .zmdi-view-web:before {
    content: '\f326'; }
  html body.yp .ypw-portlet .zmdi-view-week:before {
    content: '\f327'; }
  html body.yp .ypw-portlet .zmdi-widgets:before {
    content: '\f328'; }
  html body.yp .ypw-portlet .zmdi-alarm-check:before {
    content: '\f329'; }
  html body.yp .ypw-portlet .zmdi-alarm-off:before {
    content: '\f32a'; }
  html body.yp .ypw-portlet .zmdi-alarm-plus:before {
    content: '\f32b'; }
  html body.yp .ypw-portlet .zmdi-alarm-snooze:before {
    content: '\f32c'; }
  html body.yp .ypw-portlet .zmdi-alarm:before {
    content: '\f32d'; }
  html body.yp .ypw-portlet .zmdi-calendar-alt:before {
    content: '\f32e'; }
  html body.yp .ypw-portlet .zmdi-calendar-check:before {
    content: '\f32f'; }
  html body.yp .ypw-portlet .zmdi-calendar-close:before {
    content: '\f330'; }
  html body.yp .ypw-portlet .zmdi-calendar-note:before {
    content: '\f331'; }
  html body.yp .ypw-portlet .zmdi-calendar:before {
    content: '\f332'; }
  html body.yp .ypw-portlet .zmdi-time-countdown:before {
    content: '\f333'; }
  html body.yp .ypw-portlet .zmdi-time-interval:before {
    content: '\f334'; }
  html body.yp .ypw-portlet .zmdi-time-restore-setting:before {
    content: '\f335'; }
  html body.yp .ypw-portlet .zmdi-time-restore:before {
    content: '\f336'; }
  html body.yp .ypw-portlet .zmdi-time:before {
    content: '\f337'; }
  html body.yp .ypw-portlet .zmdi-timer-off:before {
    content: '\f338'; }
  html body.yp .ypw-portlet .zmdi-timer:before {
    content: '\f339'; }
  html body.yp .ypw-portlet .zmdi-android-alt:before {
    content: '\f33a'; }
  html body.yp .ypw-portlet .zmdi-android:before {
    content: '\f33b'; }
  html body.yp .ypw-portlet .zmdi-apple:before {
    content: '\f33c'; }
  html body.yp .ypw-portlet .zmdi-behance:before {
    content: '\f33d'; }
  html body.yp .ypw-portlet .zmdi-codepen:before {
    content: '\f33e'; }
  html body.yp .ypw-portlet .zmdi-dribbble:before {
    content: '\f33f'; }
  html body.yp .ypw-portlet .zmdi-dropbox:before {
    content: '\f340'; }
  html body.yp .ypw-portlet .zmdi-evernote:before {
    content: '\f341'; }
  html body.yp .ypw-portlet .zmdi-facebook-box:before {
    content: '\f342'; }
  html body.yp .ypw-portlet .zmdi-facebook:before {
    content: '\f343'; }
  html body.yp .ypw-portlet .zmdi-github-box:before {
    content: '\f344'; }
  html body.yp .ypw-portlet .zmdi-github:before {
    content: '\f345'; }
  html body.yp .ypw-portlet .zmdi-google-drive:before {
    content: '\f346'; }
  html body.yp .ypw-portlet .zmdi-google-earth:before {
    content: '\f347'; }
  html body.yp .ypw-portlet .zmdi-google-glass:before {
    content: '\f348'; }
  html body.yp .ypw-portlet .zmdi-google-maps:before {
    content: '\f349'; }
  html body.yp .ypw-portlet .zmdi-google-pages:before {
    content: '\f34a'; }
  html body.yp .ypw-portlet .zmdi-google-play:before {
    content: '\f34b'; }
  html body.yp .ypw-portlet .zmdi-google-plus-box:before {
    content: '\f34c'; }
  html body.yp .ypw-portlet .zmdi-google-plus:before {
    content: '\f34d'; }
  html body.yp .ypw-portlet .zmdi-google:before {
    content: '\f34e'; }
  html body.yp .ypw-portlet .zmdi-instagram:before {
    content: '\f34f'; }
  html body.yp .ypw-portlet .zmdi-language-css3:before {
    content: '\f350'; }
  html body.yp .ypw-portlet .zmdi-language-html5:before {
    content: '\f351'; }
  html body.yp .ypw-portlet .zmdi-language-javascript:before {
    content: '\f352'; }
  html body.yp .ypw-portlet .zmdi-language-python-alt:before {
    content: '\f353'; }
  html body.yp .ypw-portlet .zmdi-language-python:before {
    content: '\f354'; }
  html body.yp .ypw-portlet .zmdi-lastfm:before {
    content: '\f355'; }
  html body.yp .ypw-portlet .zmdi-linkedin-box:before {
    content: '\f356'; }
  html body.yp .ypw-portlet .zmdi-paypal:before {
    content: '\f357'; }
  html body.yp .ypw-portlet .zmdi-pinterest-box:before {
    content: '\f358'; }
  html body.yp .ypw-portlet .zmdi-pocket:before {
    content: '\f359'; }
  html body.yp .ypw-portlet .zmdi-polymer:before {
    content: '\f35a'; }
  html body.yp .ypw-portlet .zmdi-share:before {
    content: '\f35b'; }
  html body.yp .ypw-portlet .zmdi-stackoverflow:before {
    content: '\f35c'; }
  html body.yp .ypw-portlet .zmdi-steam-square:before {
    content: '\f35d'; }
  html body.yp .ypw-portlet .zmdi-steam:before {
    content: '\f35e'; }
  html body.yp .ypw-portlet .zmdi-twitter-box:before {
    content: '\f35f'; }
  html body.yp .ypw-portlet .zmdi-twitter:before {
    content: '\f360'; }
  html body.yp .ypw-portlet .zmdi-vk:before {
    content: '\f361'; }
  html body.yp .ypw-portlet .zmdi-wikipedia:before {
    content: '\f362'; }
  html body.yp .ypw-portlet .zmdi-windows:before {
    content: '\f363'; }
  html body.yp .ypw-portlet .zmdi-aspect-ratio-alt:before {
    content: '\f364'; }
  html body.yp .ypw-portlet .zmdi-aspect-ratio:before {
    content: '\f365'; }
  html body.yp .ypw-portlet .zmdi-blur-circular:before {
    content: '\f366'; }
  html body.yp .ypw-portlet .zmdi-blur-linear:before {
    content: '\f367'; }
  html body.yp .ypw-portlet .zmdi-blur-off:before {
    content: '\f368'; }
  html body.yp .ypw-portlet .zmdi-blur:before {
    content: '\f369'; }
  html body.yp .ypw-portlet .zmdi-brightness-2:before {
    content: '\f36a'; }
  html body.yp .ypw-portlet .zmdi-brightness-3:before {
    content: '\f36b'; }
  html body.yp .ypw-portlet .zmdi-brightness-4:before {
    content: '\f36c'; }
  html body.yp .ypw-portlet .zmdi-brightness-5:before {
    content: '\f36d'; }
  html body.yp .ypw-portlet .zmdi-brightness-6:before {
    content: '\f36e'; }
  html body.yp .ypw-portlet .zmdi-brightness-7:before {
    content: '\f36f'; }
  html body.yp .ypw-portlet .zmdi-brightness-auto:before {
    content: '\f370'; }
  html body.yp .ypw-portlet .zmdi-brightness-setting:before {
    content: '\f371'; }
  html body.yp .ypw-portlet .zmdi-broken-image:before {
    content: '\f372'; }
  html body.yp .ypw-portlet .zmdi-center-focus-strong:before {
    content: '\f373'; }
  html body.yp .ypw-portlet .zmdi-center-focus-weak:before {
    content: '\f374'; }
  html body.yp .ypw-portlet .zmdi-compare:before {
    content: '\f375'; }
  html body.yp .ypw-portlet .zmdi-crop-16-9:before {
    content: '\f376'; }
  html body.yp .ypw-portlet .zmdi-crop-3-2:before {
    content: '\f377'; }
  html body.yp .ypw-portlet .zmdi-crop-5-4:before {
    content: '\f378'; }
  html body.yp .ypw-portlet .zmdi-crop-7-5:before {
    content: '\f379'; }
  html body.yp .ypw-portlet .zmdi-crop-din:before {
    content: '\f37a'; }
  html body.yp .ypw-portlet .zmdi-crop-free:before {
    content: '\f37b'; }
  html body.yp .ypw-portlet .zmdi-crop-landscape:before {
    content: '\f37c'; }
  html body.yp .ypw-portlet .zmdi-crop-portrait:before {
    content: '\f37d'; }
  html body.yp .ypw-portlet .zmdi-crop-square:before {
    content: '\f37e'; }
  html body.yp .ypw-portlet .zmdi-exposure-alt:before {
    content: '\f37f'; }
  html body.yp .ypw-portlet .zmdi-exposure:before {
    content: '\f380'; }
  html body.yp .ypw-portlet .zmdi-filter-b-and-w:before {
    content: '\f381'; }
  html body.yp .ypw-portlet .zmdi-filter-center-focus:before {
    content: '\f382'; }
  html body.yp .ypw-portlet .zmdi-filter-frames:before {
    content: '\f383'; }
  html body.yp .ypw-portlet .zmdi-filter-tilt-shift:before {
    content: '\f384'; }
  html body.yp .ypw-portlet .zmdi-gradient:before {
    content: '\f385'; }
  html body.yp .ypw-portlet .zmdi-grain:before {
    content: '\f386'; }
  html body.yp .ypw-portlet .zmdi-graphic-eq:before {
    content: '\f387'; }
  html body.yp .ypw-portlet .zmdi-hdr-off:before {
    content: '\f388'; }
  html body.yp .ypw-portlet .zmdi-hdr-strong:before {
    content: '\f389'; }
  html body.yp .ypw-portlet .zmdi-hdr-weak:before {
    content: '\f38a'; }
  html body.yp .ypw-portlet .zmdi-hdr:before {
    content: '\f38b'; }
  html body.yp .ypw-portlet .zmdi-iridescent:before {
    content: '\f38c'; }
  html body.yp .ypw-portlet .zmdi-leak-off:before {
    content: '\f38d'; }
  html body.yp .ypw-portlet .zmdi-leak:before {
    content: '\f38e'; }
  html body.yp .ypw-portlet .zmdi-looks:before {
    content: '\f38f'; }
  html body.yp .ypw-portlet .zmdi-loupe:before {
    content: '\f390'; }
  html body.yp .ypw-portlet .zmdi-panorama-horizontal:before {
    content: '\f391'; }
  html body.yp .ypw-portlet .zmdi-panorama-vertical:before {
    content: '\f392'; }
  html body.yp .ypw-portlet .zmdi-panorama-wide-angle:before {
    content: '\f393'; }
  html body.yp .ypw-portlet .zmdi-photo-size-select-large:before {
    content: '\f394'; }
  html body.yp .ypw-portlet .zmdi-photo-size-select-small:before {
    content: '\f395'; }
  html body.yp .ypw-portlet .zmdi-picture-in-picture:before {
    content: '\f396'; }
  html body.yp .ypw-portlet .zmdi-slideshow:before {
    content: '\f397'; }
  html body.yp .ypw-portlet .zmdi-texture:before {
    content: '\f398'; }
  html body.yp .ypw-portlet .zmdi-tonality:before {
    content: '\f399'; }
  html body.yp .ypw-portlet .zmdi-vignette:before {
    content: '\f39a'; }
  html body.yp .ypw-portlet .zmdi-wb-auto:before {
    content: '\f39b'; }
  html body.yp .ypw-portlet .zmdi-eject-alt:before {
    content: '\f39c'; }
  html body.yp .ypw-portlet .zmdi-eject:before {
    content: '\f39d'; }
  html body.yp .ypw-portlet .zmdi-equalizer:before {
    content: '\f39e'; }
  html body.yp .ypw-portlet .zmdi-fast-forward:before {
    content: '\f39f'; }
  html body.yp .ypw-portlet .zmdi-fast-rewind:before {
    content: '\f3a0'; }
  html body.yp .ypw-portlet .zmdi-forward-10:before {
    content: '\f3a1'; }
  html body.yp .ypw-portlet .zmdi-forward-30:before {
    content: '\f3a2'; }
  html body.yp .ypw-portlet .zmdi-forward-5:before {
    content: '\f3a3'; }
  html body.yp .ypw-portlet .zmdi-hearing:before {
    content: '\f3a4'; }
  html body.yp .ypw-portlet .zmdi-pause-circle-outline:before {
    content: '\f3a5'; }
  html body.yp .ypw-portlet .zmdi-pause-circle:before {
    content: '\f3a6'; }
  html body.yp .ypw-portlet .zmdi-pause:before {
    content: '\f3a7'; }
  html body.yp .ypw-portlet .zmdi-play-circle-outline:before {
    content: '\f3a8'; }
  html body.yp .ypw-portlet .zmdi-play-circle:before {
    content: '\f3a9'; }
  html body.yp .ypw-portlet .zmdi-play:before {
    content: '\f3aa'; }
  html body.yp .ypw-portlet .zmdi-playlist-audio:before {
    content: '\f3ab'; }
  html body.yp .ypw-portlet .zmdi-playlist-plus:before {
    content: '\f3ac'; }
  html body.yp .ypw-portlet .zmdi-repeat-one:before {
    content: '\f3ad'; }
  html body.yp .ypw-portlet .zmdi-repeat:before {
    content: '\f3ae'; }
  html body.yp .ypw-portlet .zmdi-replay-10:before {
    content: '\f3af'; }
  html body.yp .ypw-portlet .zmdi-replay-30:before {
    content: '\f3b0'; }
  html body.yp .ypw-portlet .zmdi-replay-5:before {
    content: '\f3b1'; }
  html body.yp .ypw-portlet .zmdi-replay:before {
    content: '\f3b2'; }
  html body.yp .ypw-portlet .zmdi-shuffle:before {
    content: '\f3b3'; }
  html body.yp .ypw-portlet .zmdi-skip-next:before {
    content: '\f3b4'; }
  html body.yp .ypw-portlet .zmdi-skip-previous:before {
    content: '\f3b5'; }
  html body.yp .ypw-portlet .zmdi-stop:before {
    content: '\f3b6'; }
  html body.yp .ypw-portlet .zmdi-surround-sound:before {
    content: '\f3b7'; }
  html body.yp .ypw-portlet .zmdi-tune:before {
    content: '\f3b8'; }
  html body.yp .ypw-portlet .zmdi-volume-down:before {
    content: '\f3b9'; }
  html body.yp .ypw-portlet .zmdi-volume-mute:before {
    content: '\f3ba'; }
  html body.yp .ypw-portlet .zmdi-volume-off:before {
    content: '\f3bb'; }
  html body.yp .ypw-portlet .zmdi-volume-up:before {
    content: '\f3bc'; }
  html body.yp .ypw-portlet .zmdi-n-1-square:before {
    content: '\f3bd'; }
  html body.yp .ypw-portlet .zmdi-n-2-square:before {
    content: '\f3be'; }
  html body.yp .ypw-portlet .zmdi-n-3-square:before {
    content: '\f3bf'; }
  html body.yp .ypw-portlet .zmdi-n-4-square:before {
    content: '\f3c0'; }
  html body.yp .ypw-portlet .zmdi-n-5-square:before {
    content: '\f3c1'; }
  html body.yp .ypw-portlet .zmdi-n-6-square:before {
    content: '\f3c2'; }
  html body.yp .ypw-portlet .zmdi-neg-1:before {
    content: '\f3c3'; }
  html body.yp .ypw-portlet .zmdi-neg-2:before {
    content: '\f3c4'; }
  html body.yp .ypw-portlet .zmdi-plus-1:before {
    content: '\f3c5'; }
  html body.yp .ypw-portlet .zmdi-plus-2:before {
    content: '\f3c6'; }
  html body.yp .ypw-portlet .zmdi-sec-10:before {
    content: '\f3c7'; }
  html body.yp .ypw-portlet .zmdi-sec-3:before {
    content: '\f3c8'; }
  html body.yp .ypw-portlet .zmdi-zero:before {
    content: '\f3c9'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-flat-angled:before {
    content: '\f3ca'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-flat:before {
    content: '\f3cb'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-individual-suite:before {
    content: '\f3cc'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-legroom-extra:before {
    content: '\f3cd'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-legroom-normal:before {
    content: '\f3ce'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-legroom-reduced:before {
    content: '\f3cf'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-recline-extra:before {
    content: '\f3d0'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-recline-normal:before {
    content: '\f3d1'; }
  html body.yp .ypw-portlet .zmdi-airplay:before {
    content: '\f3d2'; }
  html body.yp .ypw-portlet .zmdi-closed-caption:before {
    content: '\f3d3'; }
  html body.yp .ypw-portlet .zmdi-confirmation-number:before {
    content: '\f3d4'; }
  html body.yp .ypw-portlet .zmdi-developer-board:before {
    content: '\f3d5'; }
  html body.yp .ypw-portlet .zmdi-disc-full:before {
    content: '\f3d6'; }
  html body.yp .ypw-portlet .zmdi-explicit:before {
    content: '\f3d7'; }
  html body.yp .ypw-portlet .zmdi-flight-land:before {
    content: '\f3d8'; }
  html body.yp .ypw-portlet .zmdi-flight-takeoff:before {
    content: '\f3d9'; }
  html body.yp .ypw-portlet .zmdi-flip-to-back:before {
    content: '\f3da'; }
  html body.yp .ypw-portlet .zmdi-flip-to-front:before {
    content: '\f3db'; }
  html body.yp .ypw-portlet .zmdi-group-work:before {
    content: '\f3dc'; }
  html body.yp .ypw-portlet .zmdi-hd:before {
    content: '\f3dd'; }
  html body.yp .ypw-portlet .zmdi-hq:before {
    content: '\f3de'; }
  html body.yp .ypw-portlet .zmdi-markunread-mailbox:before {
    content: '\f3df'; }
  html body.yp .ypw-portlet .zmdi-memory:before {
    content: '\f3e0'; }
  html body.yp .ypw-portlet .zmdi-nfc:before {
    content: '\f3e1'; }
  html body.yp .ypw-portlet .zmdi-play-for-work:before {
    content: '\f3e2'; }
  html body.yp .ypw-portlet .zmdi-power-input:before {
    content: '\f3e3'; }
  html body.yp .ypw-portlet .zmdi-present-to-all:before {
    content: '\f3e4'; }
  html body.yp .ypw-portlet .zmdi-satellite:before {
    content: '\f3e5'; }
  html body.yp .ypw-portlet .zmdi-tap-and-play:before {
    content: '\f3e6'; }
  html body.yp .ypw-portlet .zmdi-vibration:before {
    content: '\f3e7'; }
  html body.yp .ypw-portlet .zmdi-voicemail:before {
    content: '\f3e8'; }
  html body.yp .ypw-portlet .zmdi-group:before {
    content: '\f3e9'; }
  html body.yp .ypw-portlet .zmdi-rss:before {
    content: '\f3ea'; }
  html body.yp .ypw-portlet .zmdi-shape:before {
    content: '\f3eb'; }
  html body.yp .ypw-portlet .zmdi-spinner:before {
    content: '\f3ec'; }
  html body.yp .ypw-portlet .zmdi-ungroup:before {
    content: '\f3ed'; }
  html body.yp .ypw-portlet .zmdi-500px:before {
    content: '\f3ee'; }
  html body.yp .ypw-portlet .zmdi-8tracks:before {
    content: '\f3ef'; }
  html body.yp .ypw-portlet .zmdi-amazon:before {
    content: '\f3f0'; }
  html body.yp .ypw-portlet .zmdi-blogger:before {
    content: '\f3f1'; }
  html body.yp .ypw-portlet .zmdi-delicious:before {
    content: '\f3f2'; }
  html body.yp .ypw-portlet .zmdi-disqus:before {
    content: '\f3f3'; }
  html body.yp .ypw-portlet .zmdi-flattr:before {
    content: '\f3f4'; }
  html body.yp .ypw-portlet .zmdi-flickr:before {
    content: '\f3f5'; }
  html body.yp .ypw-portlet .zmdi-github-alt:before {
    content: '\f3f6'; }
  html body.yp .ypw-portlet .zmdi-google-old:before {
    content: '\f3f7'; }
  html body.yp .ypw-portlet .zmdi-linkedin:before {
    content: '\f3f8'; }
  html body.yp .ypw-portlet .zmdi-odnoklassniki:before {
    content: '\f3f9'; }
  html body.yp .ypw-portlet .zmdi-outlook:before {
    content: '\f3fa'; }
  html body.yp .ypw-portlet .zmdi-paypal-alt:before {
    content: '\f3fb'; }
  html body.yp .ypw-portlet .zmdi-pinterest:before {
    content: '\f3fc'; }
  html body.yp .ypw-portlet .zmdi-playstation:before {
    content: '\f3fd'; }
  html body.yp .ypw-portlet .zmdi-reddit:before {
    content: '\f3fe'; }
  html body.yp .ypw-portlet .zmdi-skype:before {
    content: '\f3ff'; }
  html body.yp .ypw-portlet .zmdi-slideshare:before {
    content: '\f400'; }
  html body.yp .ypw-portlet .zmdi-soundcloud:before {
    content: '\f401'; }
  html body.yp .ypw-portlet .zmdi-tumblr:before {
    content: '\f402'; }
  html body.yp .ypw-portlet .zmdi-twitch:before {
    content: '\f403'; }
  html body.yp .ypw-portlet .zmdi-vimeo:before {
    content: '\f404'; }
  html body.yp .ypw-portlet .zmdi-whatsapp:before {
    content: '\f405'; }
  html body.yp .ypw-portlet .zmdi-xbox:before {
    content: '\f406'; }
  html body.yp .ypw-portlet .zmdi-yahoo:before {
    content: '\f407'; }
  html body.yp .ypw-portlet .zmdi-youtube-play:before {
    content: '\f408'; }
  html body.yp .ypw-portlet .zmdi-youtube:before {
    content: '\f409'; }
  html body.yp .ypw-portlet .zmdi-3d-rotation:before {
    content: '\f101'; }
  html body.yp .ypw-portlet .zmdi-airplane-off:before {
    content: '\f102'; }
  html body.yp .ypw-portlet .zmdi-airplane:before {
    content: '\f103'; }
  html body.yp .ypw-portlet .zmdi-album:before {
    content: '\f104'; }
  html body.yp .ypw-portlet .zmdi-archive:before {
    content: '\f105'; }
  html body.yp .ypw-portlet .zmdi-assignment-account:before {
    content: '\f106'; }
  html body.yp .ypw-portlet .zmdi-assignment-alert:before {
    content: '\f107'; }
  html body.yp .ypw-portlet .zmdi-assignment-check:before {
    content: '\f108'; }
  html body.yp .ypw-portlet .zmdi-assignment-o:before {
    content: '\f109'; }
  html body.yp .ypw-portlet .zmdi-assignment-return:before {
    content: '\f10a'; }
  html body.yp .ypw-portlet .zmdi-assignment-returned:before {
    content: '\f10b'; }
  html body.yp .ypw-portlet .zmdi-assignment:before {
    content: '\f10c'; }
  html body.yp .ypw-portlet .zmdi-attachment-alt:before {
    content: '\f10d'; }
  html body.yp .ypw-portlet .zmdi-attachment:before {
    content: '\f10e'; }
  html body.yp .ypw-portlet .zmdi-audio:before {
    content: '\f10f'; }
  html body.yp .ypw-portlet .zmdi-badge-check:before {
    content: '\f110'; }
  html body.yp .ypw-portlet .zmdi-balance-wallet:before {
    content: '\f111'; }
  html body.yp .ypw-portlet .zmdi-balance:before {
    content: '\f112'; }
  html body.yp .ypw-portlet .zmdi-battery-alert:before {
    content: '\f113'; }
  html body.yp .ypw-portlet .zmdi-battery-flash:before {
    content: '\f114'; }
  html body.yp .ypw-portlet .zmdi-battery-unknown:before {
    content: '\f115'; }
  html body.yp .ypw-portlet .zmdi-battery:before {
    content: '\f116'; }
  html body.yp .ypw-portlet .zmdi-bike:before {
    content: '\f117'; }
  html body.yp .ypw-portlet .zmdi-block-alt:before {
    content: '\f118'; }
  html body.yp .ypw-portlet .zmdi-block:before {
    content: '\f119'; }
  html body.yp .ypw-portlet .zmdi-boat:before {
    content: '\f11a'; }
  html body.yp .ypw-portlet .zmdi-book-image:before {
    content: '\f11b'; }
  html body.yp .ypw-portlet .zmdi-book:before {
    content: '\f11c'; }
  html body.yp .ypw-portlet .zmdi-bookmark-outline:before {
    content: '\f11d'; }
  html body.yp .ypw-portlet .zmdi-bookmark:before {
    content: '\f11e'; }
  html body.yp .ypw-portlet .zmdi-brush:before {
    content: '\f11f'; }
  html body.yp .ypw-portlet .zmdi-bug:before {
    content: '\f120'; }
  html body.yp .ypw-portlet .zmdi-bus:before {
    content: '\f121'; }
  html body.yp .ypw-portlet .zmdi-cake:before {
    content: '\f122'; }
  html body.yp .ypw-portlet .zmdi-car-taxi:before {
    content: '\f123'; }
  html body.yp .ypw-portlet .zmdi-car-wash:before {
    content: '\f124'; }
  html body.yp .ypw-portlet .zmdi-car:before {
    content: '\f125'; }
  html body.yp .ypw-portlet .zmdi-card-giftcard:before {
    content: '\f126'; }
  html body.yp .ypw-portlet .zmdi-card-membership:before {
    content: '\f127'; }
  html body.yp .ypw-portlet .zmdi-card-travel:before {
    content: '\f128'; }
  html body.yp .ypw-portlet .zmdi-card:before {
    content: '\f129'; }
  html body.yp .ypw-portlet .zmdi-case-check:before {
    content: '\f12a'; }
  html body.yp .ypw-portlet .zmdi-case-download:before {
    content: '\f12b'; }
  html body.yp .ypw-portlet .zmdi-case-play:before {
    content: '\f12c'; }
  html body.yp .ypw-portlet .zmdi-case:before {
    content: '\f12d'; }
  html body.yp .ypw-portlet .zmdi-cast-connected:before {
    content: '\f12e'; }
  html body.yp .ypw-portlet .zmdi-cast:before {
    content: '\f12f'; }
  html body.yp .ypw-portlet .zmdi-chart-donut:before {
    content: '\f130'; }
  html body.yp .ypw-portlet .zmdi-chart:before {
    content: '\f131'; }
  html body.yp .ypw-portlet .zmdi-city-alt:before {
    content: '\f132'; }
  html body.yp .ypw-portlet .zmdi-city:before {
    content: '\f133'; }
  html body.yp .ypw-portlet .zmdi-close-circle-o:before {
    content: '\f134'; }
  html body.yp .ypw-portlet .zmdi-close-circle:before {
    content: '\f135'; }
  html body.yp .ypw-portlet .zmdi-close:before {
    content: '\f136'; }
  html body.yp .ypw-portlet .zmdi-cocktail:before {
    content: '\f137'; }
  html body.yp .ypw-portlet .zmdi-code-setting:before {
    content: '\f138'; }
  html body.yp .ypw-portlet .zmdi-code-smartphone:before {
    content: '\f139'; }
  html body.yp .ypw-portlet .zmdi-code:before {
    content: '\f13a'; }
  html body.yp .ypw-portlet .zmdi-coffee:before {
    content: '\f13b'; }
  html body.yp .ypw-portlet .zmdi-collection-bookmark:before {
    content: '\f13c'; }
  html body.yp .ypw-portlet .zmdi-collection-case-play:before {
    content: '\f13d'; }
  html body.yp .ypw-portlet .zmdi-collection-folder-image:before {
    content: '\f13e'; }
  html body.yp .ypw-portlet .zmdi-collection-image-o:before {
    content: '\f13f'; }
  html body.yp .ypw-portlet .zmdi-collection-image:before {
    content: '\f140'; }
  html body.yp .ypw-portlet .zmdi-collection-item-1:before {
    content: '\f141'; }
  html body.yp .ypw-portlet .zmdi-collection-item-2:before {
    content: '\f142'; }
  html body.yp .ypw-portlet .zmdi-collection-item-3:before {
    content: '\f143'; }
  html body.yp .ypw-portlet .zmdi-collection-item-4:before {
    content: '\f144'; }
  html body.yp .ypw-portlet .zmdi-collection-item-5:before {
    content: '\f145'; }
  html body.yp .ypw-portlet .zmdi-collection-item-6:before {
    content: '\f146'; }
  html body.yp .ypw-portlet .zmdi-collection-item-7:before {
    content: '\f147'; }
  html body.yp .ypw-portlet .zmdi-collection-item-8:before {
    content: '\f148'; }
  html body.yp .ypw-portlet .zmdi-collection-item-9-plus:before {
    content: '\f149'; }
  html body.yp .ypw-portlet .zmdi-collection-item-9:before {
    content: '\f14a'; }
  html body.yp .ypw-portlet .zmdi-collection-item:before {
    content: '\f14b'; }
  html body.yp .ypw-portlet .zmdi-collection-music:before {
    content: '\f14c'; }
  html body.yp .ypw-portlet .zmdi-collection-pdf:before {
    content: '\f14d'; }
  html body.yp .ypw-portlet .zmdi-collection-plus:before {
    content: '\f14e'; }
  html body.yp .ypw-portlet .zmdi-collection-speaker:before {
    content: '\f14f'; }
  html body.yp .ypw-portlet .zmdi-collection-text:before {
    content: '\f150'; }
  html body.yp .ypw-portlet .zmdi-collection-video:before {
    content: '\f151'; }
  html body.yp .ypw-portlet .zmdi-compass:before {
    content: '\f152'; }
  html body.yp .ypw-portlet .zmdi-cutlery:before {
    content: '\f153'; }
  html body.yp .ypw-portlet .zmdi-delete:before {
    content: '\f154'; }
  html body.yp .ypw-portlet .zmdi-dialpad:before {
    content: '\f155'; }
  html body.yp .ypw-portlet .zmdi-dns:before {
    content: '\f156'; }
  html body.yp .ypw-portlet .zmdi-drink:before {
    content: '\f157'; }
  html body.yp .ypw-portlet .zmdi-edit:before {
    content: '\f158'; }
  html body.yp .ypw-portlet .zmdi-email-open:before {
    content: '\f159'; }
  html body.yp .ypw-portlet .zmdi-email:before {
    content: '\f15a'; }
  html body.yp .ypw-portlet .zmdi-eye-off:before {
    content: '\f15b'; }
  html body.yp .ypw-portlet .zmdi-eye:before {
    content: '\f15c'; }
  html body.yp .ypw-portlet .zmdi-eyedropper:before {
    content: '\f15d'; }
  html body.yp .ypw-portlet .zmdi-favorite-outline:before {
    content: '\f15e'; }
  html body.yp .ypw-portlet .zmdi-favorite:before {
    content: '\f15f'; }
  html body.yp .ypw-portlet .zmdi-filter-list:before {
    content: '\f160'; }
  html body.yp .ypw-portlet .zmdi-fire:before {
    content: '\f161'; }
  html body.yp .ypw-portlet .zmdi-flag:before {
    content: '\f162'; }
  html body.yp .ypw-portlet .zmdi-flare:before {
    content: '\f163'; }
  html body.yp .ypw-portlet .zmdi-flash-auto:before {
    content: '\f164'; }
  html body.yp .ypw-portlet .zmdi-flash-off:before {
    content: '\f165'; }
  html body.yp .ypw-portlet .zmdi-flash:before {
    content: '\f166'; }
  html body.yp .ypw-portlet .zmdi-flip:before {
    content: '\f167'; }
  html body.yp .ypw-portlet .zmdi-flower-alt:before {
    content: '\f168'; }
  html body.yp .ypw-portlet .zmdi-flower:before {
    content: '\f169'; }
  html body.yp .ypw-portlet .zmdi-font:before {
    content: '\f16a'; }
  html body.yp .ypw-portlet .zmdi-fullscreen-alt:before {
    content: '\f16b'; }
  html body.yp .ypw-portlet .zmdi-fullscreen-exit:before {
    content: '\f16c'; }
  html body.yp .ypw-portlet .zmdi-fullscreen:before {
    content: '\f16d'; }
  html body.yp .ypw-portlet .zmdi-functions:before {
    content: '\f16e'; }
  html body.yp .ypw-portlet .zmdi-gas-station:before {
    content: '\f16f'; }
  html body.yp .ypw-portlet .zmdi-gesture:before {
    content: '\f170'; }
  html body.yp .ypw-portlet .zmdi-globe-alt:before {
    content: '\f171'; }
  html body.yp .ypw-portlet .zmdi-globe-lock:before {
    content: '\f172'; }
  html body.yp .ypw-portlet .zmdi-globe:before {
    content: '\f173'; }
  html body.yp .ypw-portlet .zmdi-graduation-cap:before {
    content: '\f174'; }
  html body.yp .ypw-portlet .zmdi-home:before {
    content: '\f175'; }
  html body.yp .ypw-portlet .zmdi-hospital-alt:before {
    content: '\f176'; }
  html body.yp .ypw-portlet .zmdi-hospital:before {
    content: '\f177'; }
  html body.yp .ypw-portlet .zmdi-hotel:before {
    content: '\f178'; }
  html body.yp .ypw-portlet .zmdi-hourglass-alt:before {
    content: '\f179'; }
  html body.yp .ypw-portlet .zmdi-hourglass-outline:before {
    content: '\f17a'; }
  html body.yp .ypw-portlet .zmdi-hourglass:before {
    content: '\f17b'; }
  html body.yp .ypw-portlet .zmdi-http:before {
    content: '\f17c'; }
  html body.yp .ypw-portlet .zmdi-image-alt:before {
    content: '\f17d'; }
  html body.yp .ypw-portlet .zmdi-image-o:before {
    content: '\f17e'; }
  html body.yp .ypw-portlet .zmdi-image:before {
    content: '\f17f'; }
  html body.yp .ypw-portlet .zmdi-inbox:before {
    content: '\f180'; }
  html body.yp .ypw-portlet .zmdi-invert-colors-off:before {
    content: '\f181'; }
  html body.yp .ypw-portlet .zmdi-invert-colors:before {
    content: '\f182'; }
  html body.yp .ypw-portlet .zmdi-key:before {
    content: '\f183'; }
  html body.yp .ypw-portlet .zmdi-label-alt-outline:before {
    content: '\f184'; }
  html body.yp .ypw-portlet .zmdi-label-alt:before {
    content: '\f185'; }
  html body.yp .ypw-portlet .zmdi-label-heart:before {
    content: '\f186'; }
  html body.yp .ypw-portlet .zmdi-label:before {
    content: '\f187'; }
  html body.yp .ypw-portlet .zmdi-labels:before {
    content: '\f188'; }
  html body.yp .ypw-portlet .zmdi-lamp:before {
    content: '\f189'; }
  html body.yp .ypw-portlet .zmdi-landscape:before {
    content: '\f18a'; }
  html body.yp .ypw-portlet .zmdi-layers-off:before {
    content: '\f18b'; }
  html body.yp .ypw-portlet .zmdi-layers:before {
    content: '\f18c'; }
  html body.yp .ypw-portlet .zmdi-library:before {
    content: '\f18d'; }
  html body.yp .ypw-portlet .zmdi-link:before {
    content: '\f18e'; }
  html body.yp .ypw-portlet .zmdi-lock-open:before {
    content: '\f18f'; }
  html body.yp .ypw-portlet .zmdi-lock-outline:before {
    content: '\f190'; }
  html body.yp .ypw-portlet .zmdi-lock:before {
    content: '\f191'; }
  html body.yp .ypw-portlet .zmdi-mail-reply-all:before {
    content: '\f192'; }
  html body.yp .ypw-portlet .zmdi-mail-reply:before {
    content: '\f193'; }
  html body.yp .ypw-portlet .zmdi-mail-send:before {
    content: '\f194'; }
  html body.yp .ypw-portlet .zmdi-mall:before {
    content: '\f195'; }
  html body.yp .ypw-portlet .zmdi-map:before {
    content: '\f196'; }
  html body.yp .ypw-portlet .zmdi-menu:before {
    content: '\f197'; }
  html body.yp .ypw-portlet .zmdi-money-box:before {
    content: '\f198'; }
  html body.yp .ypw-portlet .zmdi-money-off:before {
    content: '\f199'; }
  html body.yp .ypw-portlet .zmdi-money:before {
    content: '\f19a'; }
  html body.yp .ypw-portlet .zmdi-more-vert:before {
    content: '\f19b'; }
  html body.yp .ypw-portlet .zmdi-more:before {
    content: '\f19c'; }
  html body.yp .ypw-portlet .zmdi-movie-alt:before {
    content: '\f19d'; }
  html body.yp .ypw-portlet .zmdi-movie:before {
    content: '\f19e'; }
  html body.yp .ypw-portlet .zmdi-nature-people:before {
    content: '\f19f'; }
  html body.yp .ypw-portlet .zmdi-nature:before {
    content: '\f1a0'; }
  html body.yp .ypw-portlet .zmdi-navigation:before {
    content: '\f1a1'; }
  html body.yp .ypw-portlet .zmdi-open-in-browser:before {
    content: '\f1a2'; }
  html body.yp .ypw-portlet .zmdi-open-in-new:before {
    content: '\f1a3'; }
  html body.yp .ypw-portlet .zmdi-palette:before {
    content: '\f1a4'; }
  html body.yp .ypw-portlet .zmdi-parking:before {
    content: '\f1a5'; }
  html body.yp .ypw-portlet .zmdi-pin-account:before {
    content: '\f1a6'; }
  html body.yp .ypw-portlet .zmdi-pin-assistant:before {
    content: '\f1a7'; }
  html body.yp .ypw-portlet .zmdi-pin-drop:before {
    content: '\f1a8'; }
  html body.yp .ypw-portlet .zmdi-pin-help:before {
    content: '\f1a9'; }
  html body.yp .ypw-portlet .zmdi-pin-off:before {
    content: '\f1aa'; }
  html body.yp .ypw-portlet .zmdi-pin:before {
    content: '\f1ab'; }
  html body.yp .ypw-portlet .zmdi-pizza:before {
    content: '\f1ac'; }
  html body.yp .ypw-portlet .zmdi-plaster:before {
    content: '\f1ad'; }
  html body.yp .ypw-portlet .zmdi-power-setting:before {
    content: '\f1ae'; }
  html body.yp .ypw-portlet .zmdi-power:before {
    content: '\f1af'; }
  html body.yp .ypw-portlet .zmdi-print:before {
    content: '\f1b0'; }
  html body.yp .ypw-portlet .zmdi-puzzle-piece:before {
    content: '\f1b1'; }
  html body.yp .ypw-portlet .zmdi-quote:before {
    content: '\f1b2'; }
  html body.yp .ypw-portlet .zmdi-railway:before {
    content: '\f1b3'; }
  html body.yp .ypw-portlet .zmdi-receipt:before {
    content: '\f1b4'; }
  html body.yp .ypw-portlet .zmdi-refresh-alt:before {
    content: '\f1b5'; }
  html body.yp .ypw-portlet .zmdi-refresh-sync-alert:before {
    content: '\f1b6'; }
  html body.yp .ypw-portlet .zmdi-refresh-sync-off:before {
    content: '\f1b7'; }
  html body.yp .ypw-portlet .zmdi-refresh-sync:before {
    content: '\f1b8'; }
  html body.yp .ypw-portlet .zmdi-refresh:before {
    content: '\f1b9'; }
  html body.yp .ypw-portlet .zmdi-roller:before {
    content: '\f1ba'; }
  html body.yp .ypw-portlet .zmdi-ruler:before {
    content: '\f1bb'; }
  html body.yp .ypw-portlet .zmdi-scissors:before {
    content: '\f1bc'; }
  html body.yp .ypw-portlet .zmdi-screen-rotation-lock:before {
    content: '\f1bd'; }
  html body.yp .ypw-portlet .zmdi-screen-rotation:before {
    content: '\f1be'; }
  html body.yp .ypw-portlet .zmdi-search-for:before {
    content: '\f1bf'; }
  html body.yp .ypw-portlet .zmdi-search-in-file:before {
    content: '\f1c0'; }
  html body.yp .ypw-portlet .zmdi-search-in-page:before {
    content: '\f1c1'; }
  html body.yp .ypw-portlet .zmdi-search-replace:before {
    content: '\f1c2'; }
  html body.yp .ypw-portlet .zmdi-search:before {
    content: '\f1c3'; }
  html body.yp .ypw-portlet .zmdi-seat:before {
    content: '\f1c4'; }
  html body.yp .ypw-portlet .zmdi-settings-square:before {
    content: '\f1c5'; }
  html body.yp .ypw-portlet .zmdi-settings:before {
    content: '\f1c6'; }
  html body.yp .ypw-portlet .zmdi-shield-check:before {
    content: '\f1c7'; }
  html body.yp .ypw-portlet .zmdi-shield-security:before {
    content: '\f1c8'; }
  html body.yp .ypw-portlet .zmdi-shopping-basket:before {
    content: '\f1c9'; }
  html body.yp .ypw-portlet .zmdi-shopping-cart-plus:before {
    content: '\f1ca'; }
  html body.yp .ypw-portlet .zmdi-shopping-cart:before {
    content: '\f1cb'; }
  html body.yp .ypw-portlet .zmdi-sign-in:before {
    content: '\f1cc'; }
  html body.yp .ypw-portlet .zmdi-sort-amount-asc:before {
    content: '\f1cd'; }
  html body.yp .ypw-portlet .zmdi-sort-amount-desc:before {
    content: '\f1ce'; }
  html body.yp .ypw-portlet .zmdi-sort-asc:before {
    content: '\f1cf'; }
  html body.yp .ypw-portlet .zmdi-sort-desc:before {
    content: '\f1d0'; }
  html body.yp .ypw-portlet .zmdi-spellcheck:before {
    content: '\f1d1'; }
  html body.yp .ypw-portlet .zmdi-storage:before {
    content: '\f1d2'; }
  html body.yp .ypw-portlet .zmdi-store-24:before {
    content: '\f1d3'; }
  html body.yp .ypw-portlet .zmdi-store:before {
    content: '\f1d4'; }
  html body.yp .ypw-portlet .zmdi-subway:before {
    content: '\f1d5'; }
  html body.yp .ypw-portlet .zmdi-sun:before {
    content: '\f1d6'; }
  html body.yp .ypw-portlet .zmdi-tab-unselected:before {
    content: '\f1d7'; }
  html body.yp .ypw-portlet .zmdi-tab:before {
    content: '\f1d8'; }
  html body.yp .ypw-portlet .zmdi-tag-close:before {
    content: '\f1d9'; }
  html body.yp .ypw-portlet .zmdi-tag-more:before {
    content: '\f1da'; }
  html body.yp .ypw-portlet .zmdi-tag:before {
    content: '\f1db'; }
  html body.yp .ypw-portlet .zmdi-thumb-down:before {
    content: '\f1dc'; }
  html body.yp .ypw-portlet .zmdi-thumb-up-down:before {
    content: '\f1dd'; }
  html body.yp .ypw-portlet .zmdi-thumb-up:before {
    content: '\f1de'; }
  html body.yp .ypw-portlet .zmdi-ticket-star:before {
    content: '\f1df'; }
  html body.yp .ypw-portlet .zmdi-toll:before {
    content: '\f1e0'; }
  html body.yp .ypw-portlet .zmdi-toys:before {
    content: '\f1e1'; }
  html body.yp .ypw-portlet .zmdi-traffic:before {
    content: '\f1e2'; }
  html body.yp .ypw-portlet .zmdi-translate:before {
    content: '\f1e3'; }
  html body.yp .ypw-portlet .zmdi-triangle-down:before {
    content: '\f1e4'; }
  html body.yp .ypw-portlet .zmdi-triangle-up:before {
    content: '\f1e5'; }
  html body.yp .ypw-portlet .zmdi-truck:before {
    content: '\f1e6'; }
  html body.yp .ypw-portlet .zmdi-turning-sign:before {
    content: '\f1e7'; }
  html body.yp .ypw-portlet .zmdi-wallpaper:before {
    content: '\f1e8'; }
  html body.yp .ypw-portlet .zmdi-washing-machine:before {
    content: '\f1e9'; }
  html body.yp .ypw-portlet .zmdi-window-maximize:before {
    content: '\f1ea'; }
  html body.yp .ypw-portlet .zmdi-window-minimize:before {
    content: '\f1eb'; }
  html body.yp .ypw-portlet .zmdi-window-restore:before {
    content: '\f1ec'; }
  html body.yp .ypw-portlet .zmdi-wrench:before {
    content: '\f1ed'; }
  html body.yp .ypw-portlet .zmdi-zoom-in:before {
    content: '\f1ee'; }
  html body.yp .ypw-portlet .zmdi-zoom-out:before {
    content: '\f1ef'; }
  html body.yp .ypw-portlet .zmdi-alert-circle-o:before {
    content: '\f1f0'; }
  html body.yp .ypw-portlet .zmdi-alert-circle:before {
    content: '\f1f1'; }
  html body.yp .ypw-portlet .zmdi-alert-octagon:before {
    content: '\f1f2'; }
  html body.yp .ypw-portlet .zmdi-alert-polygon:before {
    content: '\f1f3'; }
  html body.yp .ypw-portlet .zmdi-alert-triangle:before {
    content: '\f1f4'; }
  html body.yp .ypw-portlet .zmdi-help-outline:before {
    content: '\f1f5'; }
  html body.yp .ypw-portlet .zmdi-help:before {
    content: '\f1f6'; }
  html body.yp .ypw-portlet .zmdi-info-outline:before {
    content: '\f1f7'; }
  html body.yp .ypw-portlet .zmdi-info:before {
    content: '\f1f8'; }
  html body.yp .ypw-portlet .zmdi-notifications-active:before {
    content: '\f1f9'; }
  html body.yp .ypw-portlet .zmdi-notifications-add:before {
    content: '\f1fa'; }
  html body.yp .ypw-portlet .zmdi-notifications-none:before {
    content: '\f1fb'; }
  html body.yp .ypw-portlet .zmdi-notifications-off:before {
    content: '\f1fc'; }
  html body.yp .ypw-portlet .zmdi-notifications-paused:before {
    content: '\f1fd'; }
  html body.yp .ypw-portlet .zmdi-notifications:before {
    content: '\f1fe'; }
  html body.yp .ypw-portlet .zmdi-account-add:before {
    content: '\f1ff'; }
  html body.yp .ypw-portlet .zmdi-account-box-mail:before {
    content: '\f200'; }
  html body.yp .ypw-portlet .zmdi-account-box-o:before {
    content: '\f201'; }
  html body.yp .ypw-portlet .zmdi-account-box-phone:before {
    content: '\f202'; }
  html body.yp .ypw-portlet .zmdi-account-box:before {
    content: '\f203'; }
  html body.yp .ypw-portlet .zmdi-account-calendar:before {
    content: '\f204'; }
  html body.yp .ypw-portlet .zmdi-account-circle:before {
    content: '\f205'; }
  html body.yp .ypw-portlet .zmdi-account-o:before {
    content: '\f206'; }
  html body.yp .ypw-portlet .zmdi-account:before {
    content: '\f207'; }
  html body.yp .ypw-portlet .zmdi-accounts-add:before {
    content: '\f208'; }
  html body.yp .ypw-portlet .zmdi-accounts-alt:before {
    content: '\f209'; }
  html body.yp .ypw-portlet .zmdi-accounts-list-alt:before {
    content: '\f20a'; }
  html body.yp .ypw-portlet .zmdi-accounts-list:before {
    content: '\f20b'; }
  html body.yp .ypw-portlet .zmdi-accounts-outline:before {
    content: '\f20c'; }
  html body.yp .ypw-portlet .zmdi-accounts:before {
    content: '\f20d'; }
  html body.yp .ypw-portlet .zmdi-face:before {
    content: '\f20e'; }
  html body.yp .ypw-portlet .zmdi-female:before {
    content: '\f20f'; }
  html body.yp .ypw-portlet .zmdi-male-alt:before {
    content: '\f210'; }
  html body.yp .ypw-portlet .zmdi-male-female:before {
    content: '\f211'; }
  html body.yp .ypw-portlet .zmdi-male:before {
    content: '\f212'; }
  html body.yp .ypw-portlet .zmdi-mood-bad:before {
    content: '\f213'; }
  html body.yp .ypw-portlet .zmdi-mood:before {
    content: '\f214'; }
  html body.yp .ypw-portlet .zmdi-run:before {
    content: '\f215'; }
  html body.yp .ypw-portlet .zmdi-walk:before {
    content: '\f216'; }
  html body.yp .ypw-portlet .zmdi-cloud-box:before {
    content: '\f217'; }
  html body.yp .ypw-portlet .zmdi-cloud-circle:before {
    content: '\f218'; }
  html body.yp .ypw-portlet .zmdi-cloud-done:before {
    content: '\f219'; }
  html body.yp .ypw-portlet .zmdi-cloud-download:before {
    content: '\f21a'; }
  html body.yp .ypw-portlet .zmdi-cloud-off:before {
    content: '\f21b'; }
  html body.yp .ypw-portlet .zmdi-cloud-outline-alt:before {
    content: '\f21c'; }
  html body.yp .ypw-portlet .zmdi-cloud-outline:before {
    content: '\f21d'; }
  html body.yp .ypw-portlet .zmdi-cloud-upload:before {
    content: '\f21e'; }
  html body.yp .ypw-portlet .zmdi-cloud:before {
    content: '\f21f'; }
  html body.yp .ypw-portlet .zmdi-download:before {
    content: '\f220'; }
  html body.yp .ypw-portlet .zmdi-file-plus:before {
    content: '\f221'; }
  html body.yp .ypw-portlet .zmdi-file-text:before {
    content: '\f222'; }
  html body.yp .ypw-portlet .zmdi-file:before {
    content: '\f223'; }
  html body.yp .ypw-portlet .zmdi-folder-outline:before {
    content: '\f224'; }
  html body.yp .ypw-portlet .zmdi-folder-person:before {
    content: '\f225'; }
  html body.yp .ypw-portlet .zmdi-folder-star-alt:before {
    content: '\f226'; }
  html body.yp .ypw-portlet .zmdi-folder-star:before {
    content: '\f227'; }
  html body.yp .ypw-portlet .zmdi-folder:before {
    content: '\f228'; }
  html body.yp .ypw-portlet .zmdi-gif:before {
    content: '\f229'; }
  html body.yp .ypw-portlet .zmdi-upload:before {
    content: '\f22a'; }
  html body.yp .ypw-portlet .zmdi-border-all:before {
    content: '\f22b'; }
  html body.yp .ypw-portlet .zmdi-border-bottom:before {
    content: '\f22c'; }
  html body.yp .ypw-portlet .zmdi-border-clear:before {
    content: '\f22d'; }
  html body.yp .ypw-portlet .zmdi-border-color:before {
    content: '\f22e'; }
  html body.yp .ypw-portlet .zmdi-border-horizontal:before {
    content: '\f22f'; }
  html body.yp .ypw-portlet .zmdi-border-inner:before {
    content: '\f230'; }
  html body.yp .ypw-portlet .zmdi-border-left:before {
    content: '\f231'; }
  html body.yp .ypw-portlet .zmdi-border-outer:before {
    content: '\f232'; }
  html body.yp .ypw-portlet .zmdi-border-right:before {
    content: '\f233'; }
  html body.yp .ypw-portlet .zmdi-border-style:before {
    content: '\f234'; }
  html body.yp .ypw-portlet .zmdi-border-top:before {
    content: '\f235'; }
  html body.yp .ypw-portlet .zmdi-border-vertical:before {
    content: '\f236'; }
  html body.yp .ypw-portlet .zmdi-copy:before {
    content: '\f237'; }
  html body.yp .ypw-portlet .zmdi-crop:before {
    content: '\f238'; }
  html body.yp .ypw-portlet .zmdi-format-align-center:before {
    content: '\f239'; }
  html body.yp .ypw-portlet .zmdi-format-align-justify:before {
    content: '\f23a'; }
  html body.yp .ypw-portlet .zmdi-format-align-left:before {
    content: '\f23b'; }
  html body.yp .ypw-portlet .zmdi-format-align-right:before {
    content: '\f23c'; }
  html body.yp .ypw-portlet .zmdi-format-bold:before {
    content: '\f23d'; }
  html body.yp .ypw-portlet .zmdi-format-clear-all:before {
    content: '\f23e'; }
  html body.yp .ypw-portlet .zmdi-format-clear:before {
    content: '\f23f'; }
  html body.yp .ypw-portlet .zmdi-format-color-fill:before {
    content: '\f240'; }
  html body.yp .ypw-portlet .zmdi-format-color-reset:before {
    content: '\f241'; }
  html body.yp .ypw-portlet .zmdi-format-color-text:before {
    content: '\f242'; }
  html body.yp .ypw-portlet .zmdi-format-indent-decrease:before {
    content: '\f243'; }
  html body.yp .ypw-portlet .zmdi-format-indent-increase:before {
    content: '\f244'; }
  html body.yp .ypw-portlet .zmdi-format-italic:before {
    content: '\f245'; }
  html body.yp .ypw-portlet .zmdi-format-line-spacing:before {
    content: '\f246'; }
  html body.yp .ypw-portlet .zmdi-format-list-bulleted:before {
    content: '\f247'; }
  html body.yp .ypw-portlet .zmdi-format-list-numbered:before {
    content: '\f248'; }
  html body.yp .ypw-portlet .zmdi-format-ltr:before {
    content: '\f249'; }
  html body.yp .ypw-portlet .zmdi-format-rtl:before {
    content: '\f24a'; }
  html body.yp .ypw-portlet .zmdi-format-size:before {
    content: '\f24b'; }
  html body.yp .ypw-portlet .zmdi-format-strikethrough-s:before {
    content: '\f24c'; }
  html body.yp .ypw-portlet .zmdi-format-strikethrough:before {
    content: '\f24d'; }
  html body.yp .ypw-portlet .zmdi-format-subject:before {
    content: '\f24e'; }
  html body.yp .ypw-portlet .zmdi-format-underlined:before {
    content: '\f24f'; }
  html body.yp .ypw-portlet .zmdi-format-valign-bottom:before {
    content: '\f250'; }
  html body.yp .ypw-portlet .zmdi-format-valign-center:before {
    content: '\f251'; }
  html body.yp .ypw-portlet .zmdi-format-valign-top:before {
    content: '\f252'; }
  html body.yp .ypw-portlet .zmdi-redo:before {
    content: '\f253'; }
  html body.yp .ypw-portlet .zmdi-select-all:before {
    content: '\f254'; }
  html body.yp .ypw-portlet .zmdi-space-bar:before {
    content: '\f255'; }
  html body.yp .ypw-portlet .zmdi-text-format:before {
    content: '\f256'; }
  html body.yp .ypw-portlet .zmdi-transform:before {
    content: '\f257'; }
  html body.yp .ypw-portlet .zmdi-undo:before {
    content: '\f258'; }
  html body.yp .ypw-portlet .zmdi-wrap-text:before {
    content: '\f259'; }
  html body.yp .ypw-portlet .zmdi-comment-alert:before {
    content: '\f25a'; }
  html body.yp .ypw-portlet .zmdi-comment-alt-text:before {
    content: '\f25b'; }
  html body.yp .ypw-portlet .zmdi-comment-alt:before {
    content: '\f25c'; }
  html body.yp .ypw-portlet .zmdi-comment-edit:before {
    content: '\f25d'; }
  html body.yp .ypw-portlet .zmdi-comment-image:before {
    content: '\f25e'; }
  html body.yp .ypw-portlet .zmdi-comment-list:before {
    content: '\f25f'; }
  html body.yp .ypw-portlet .zmdi-comment-more:before {
    content: '\f260'; }
  html body.yp .ypw-portlet .zmdi-comment-outline:before {
    content: '\f261'; }
  html body.yp .ypw-portlet .zmdi-comment-text-alt:before {
    content: '\f262'; }
  html body.yp .ypw-portlet .zmdi-comment-text:before {
    content: '\f263'; }
  html body.yp .ypw-portlet .zmdi-comment-video:before {
    content: '\f264'; }
  html body.yp .ypw-portlet .zmdi-comment:before {
    content: '\f265'; }
  html body.yp .ypw-portlet .zmdi-comments:before {
    content: '\f266'; }
  html body.yp .ypw-portlet .zmdi-check-all:before {
    content: '\f267'; }
  html body.yp .ypw-portlet .zmdi-check-circle-u:before {
    content: '\f268'; }
  html body.yp .ypw-portlet .zmdi-check-circle:before {
    content: '\f269'; }
  html body.yp .ypw-portlet .zmdi-check-square:before {
    content: '\f26a'; }
  html body.yp .ypw-portlet .zmdi-check:before {
    content: '\f26b'; }
  html body.yp .ypw-portlet .zmdi-circle-o:before {
    content: '\f26c'; }
  html body.yp .ypw-portlet .zmdi-circle:before {
    content: '\f26d'; }
  html body.yp .ypw-portlet .zmdi-dot-circle-alt:before {
    content: '\f26e'; }
  html body.yp .ypw-portlet .zmdi-dot-circle:before {
    content: '\f26f'; }
  html body.yp .ypw-portlet .zmdi-minus-circle-outline:before {
    content: '\f270'; }
  html body.yp .ypw-portlet .zmdi-minus-circle:before {
    content: '\f271'; }
  html body.yp .ypw-portlet .zmdi-minus-square:before {
    content: '\f272'; }
  html body.yp .ypw-portlet .zmdi-minus:before {
    content: '\f273'; }
  html body.yp .ypw-portlet .zmdi-plus-circle-o-duplicate:before {
    content: '\f274'; }
  html body.yp .ypw-portlet .zmdi-plus-circle-o:before {
    content: '\f275'; }
  html body.yp .ypw-portlet .zmdi-plus-circle:before {
    content: '\f276'; }
  html body.yp .ypw-portlet .zmdi-plus-square:before {
    content: '\f277'; }
  html body.yp .ypw-portlet .zmdi-plus:before {
    content: '\f278'; }
  html body.yp .ypw-portlet .zmdi-square-o:before {
    content: '\f279'; }
  html body.yp .ypw-portlet .zmdi-star-circle:before {
    content: '\f27a'; }
  html body.yp .ypw-portlet .zmdi-star-half:before {
    content: '\f27b'; }
  html body.yp .ypw-portlet .zmdi-star-outline:before {
    content: '\f27c'; }
  html body.yp .ypw-portlet .zmdi-star:before {
    content: '\f27d'; }
  html body.yp .ypw-portlet .zmdi-bluetooth-connected:before {
    content: '\f27e'; }
  html body.yp .ypw-portlet .zmdi-bluetooth-off:before {
    content: '\f27f'; }
  html body.yp .ypw-portlet .zmdi-bluetooth-search:before {
    content: '\f280'; }
  html body.yp .ypw-portlet .zmdi-bluetooth-setting:before {
    content: '\f281'; }
  html body.yp .ypw-portlet .zmdi-bluetooth:before {
    content: '\f282'; }
  html body.yp .ypw-portlet .zmdi-camera-add:before {
    content: '\f283'; }
  html body.yp .ypw-portlet .zmdi-camera-alt:before {
    content: '\f284'; }
  html body.yp .ypw-portlet .zmdi-camera-bw:before {
    content: '\f285'; }
  html body.yp .ypw-portlet .zmdi-camera-front:before {
    content: '\f286'; }
  html body.yp .ypw-portlet .zmdi-camera-mic:before {
    content: '\f287'; }
  html body.yp .ypw-portlet .zmdi-camera-party-mode:before {
    content: '\f288'; }
  html body.yp .ypw-portlet .zmdi-camera-rear:before {
    content: '\f289'; }
  html body.yp .ypw-portlet .zmdi-camera-roll:before {
    content: '\f28a'; }
  html body.yp .ypw-portlet .zmdi-camera-switch:before {
    content: '\f28b'; }
  html body.yp .ypw-portlet .zmdi-camera:before {
    content: '\f28c'; }
  html body.yp .ypw-portlet .zmdi-card-alert:before {
    content: '\f28d'; }
  html body.yp .ypw-portlet .zmdi-card-off:before {
    content: '\f28e'; }
  html body.yp .ypw-portlet .zmdi-card-sd:before {
    content: '\f28f'; }
  html body.yp .ypw-portlet .zmdi-card-sim:before {
    content: '\f290'; }
  html body.yp .ypw-portlet .zmdi-desktop-mac:before {
    content: '\f291'; }
  html body.yp .ypw-portlet .zmdi-desktop-windows:before {
    content: '\f292'; }
  html body.yp .ypw-portlet .zmdi-device-hub:before {
    content: '\f293'; }
  html body.yp .ypw-portlet .zmdi-devices-off:before {
    content: '\f294'; }
  html body.yp .ypw-portlet .zmdi-devices:before {
    content: '\f295'; }
  html body.yp .ypw-portlet .zmdi-dock:before {
    content: '\f296'; }
  html body.yp .ypw-portlet .zmdi-floppy:before {
    content: '\f297'; }
  html body.yp .ypw-portlet .zmdi-gamepad:before {
    content: '\f298'; }
  html body.yp .ypw-portlet .zmdi-gps-dot:before {
    content: '\f299'; }
  html body.yp .ypw-portlet .zmdi-gps-off:before {
    content: '\f29a'; }
  html body.yp .ypw-portlet .zmdi-gps:before {
    content: '\f29b'; }
  html body.yp .ypw-portlet .zmdi-headset-mic:before {
    content: '\f29c'; }
  html body.yp .ypw-portlet .zmdi-headset:before {
    content: '\f29d'; }
  html body.yp .ypw-portlet .zmdi-input-antenna:before {
    content: '\f29e'; }
  html body.yp .ypw-portlet .zmdi-input-composite:before {
    content: '\f29f'; }
  html body.yp .ypw-portlet .zmdi-input-hdmi:before {
    content: '\f2a0'; }
  html body.yp .ypw-portlet .zmdi-input-power:before {
    content: '\f2a1'; }
  html body.yp .ypw-portlet .zmdi-input-svideo:before {
    content: '\f2a2'; }
  html body.yp .ypw-portlet .zmdi-keyboard-hide:before {
    content: '\f2a3'; }
  html body.yp .ypw-portlet .zmdi-keyboard:before {
    content: '\f2a4'; }
  html body.yp .ypw-portlet .zmdi-laptop-chromebook:before {
    content: '\f2a5'; }
  html body.yp .ypw-portlet .zmdi-laptop-mac:before {
    content: '\f2a6'; }
  html body.yp .ypw-portlet .zmdi-laptop:before {
    content: '\f2a7'; }
  html body.yp .ypw-portlet .zmdi-mic-off:before {
    content: '\f2a8'; }
  html body.yp .ypw-portlet .zmdi-mic-outline:before {
    content: '\f2a9'; }
  html body.yp .ypw-portlet .zmdi-mic-setting:before {
    content: '\f2aa'; }
  html body.yp .ypw-portlet .zmdi-mic:before {
    content: '\f2ab'; }
  html body.yp .ypw-portlet .zmdi-mouse:before {
    content: '\f2ac'; }
  html body.yp .ypw-portlet .zmdi-network-alert:before {
    content: '\f2ad'; }
  html body.yp .ypw-portlet .zmdi-network-locked:before {
    content: '\f2ae'; }
  html body.yp .ypw-portlet .zmdi-network-off:before {
    content: '\f2af'; }
  html body.yp .ypw-portlet .zmdi-network-outline:before {
    content: '\f2b0'; }
  html body.yp .ypw-portlet .zmdi-network-setting:before {
    content: '\f2b1'; }
  html body.yp .ypw-portlet .zmdi-network:before {
    content: '\f2b2'; }
  html body.yp .ypw-portlet .zmdi-phone-bluetooth:before {
    content: '\f2b3'; }
  html body.yp .ypw-portlet .zmdi-phone-end:before {
    content: '\f2b4'; }
  html body.yp .ypw-portlet .zmdi-phone-forwarded:before {
    content: '\f2b5'; }
  html body.yp .ypw-portlet .zmdi-phone-in-talk:before {
    content: '\f2b6'; }
  html body.yp .ypw-portlet .zmdi-phone-locked:before {
    content: '\f2b7'; }
  html body.yp .ypw-portlet .zmdi-phone-missed:before {
    content: '\f2b8'; }
  html body.yp .ypw-portlet .zmdi-phone-msg:before {
    content: '\f2b9'; }
  html body.yp .ypw-portlet .zmdi-phone-paused:before {
    content: '\f2ba'; }
  html body.yp .ypw-portlet .zmdi-phone-ring:before {
    content: '\f2bb'; }
  html body.yp .ypw-portlet .zmdi-phone-setting:before {
    content: '\f2bc'; }
  html body.yp .ypw-portlet .zmdi-phone-sip:before {
    content: '\f2bd'; }
  html body.yp .ypw-portlet .zmdi-phone:before {
    content: '\f2be'; }
  html body.yp .ypw-portlet .zmdi-portable-wifi-changes:before {
    content: '\f2bf'; }
  html body.yp .ypw-portlet .zmdi-portable-wifi-off:before {
    content: '\f2c0'; }
  html body.yp .ypw-portlet .zmdi-portable-wifi:before {
    content: '\f2c1'; }
  html body.yp .ypw-portlet .zmdi-radio:before {
    content: '\f2c2'; }
  html body.yp .ypw-portlet .zmdi-reader:before {
    content: '\f2c3'; }
  html body.yp .ypw-portlet .zmdi-remote-control-alt:before {
    content: '\f2c4'; }
  html body.yp .ypw-portlet .zmdi-remote-control:before {
    content: '\f2c5'; }
  html body.yp .ypw-portlet .zmdi-router:before {
    content: '\f2c6'; }
  html body.yp .ypw-portlet .zmdi-scanner:before {
    content: '\f2c7'; }
  html body.yp .ypw-portlet .zmdi-smartphone-android:before {
    content: '\f2c8'; }
  html body.yp .ypw-portlet .zmdi-smartphone-download:before {
    content: '\f2c9'; }
  html body.yp .ypw-portlet .zmdi-smartphone-erase:before {
    content: '\f2ca'; }
  html body.yp .ypw-portlet .zmdi-smartphone-info:before {
    content: '\f2cb'; }
  html body.yp .ypw-portlet .zmdi-smartphone-iphone:before {
    content: '\f2cc'; }
  html body.yp .ypw-portlet .zmdi-smartphone-landscape-lock:before {
    content: '\f2cd'; }
  html body.yp .ypw-portlet .zmdi-smartphone-landscape:before {
    content: '\f2ce'; }
  html body.yp .ypw-portlet .zmdi-smartphone-lock:before {
    content: '\f2cf'; }
  html body.yp .ypw-portlet .zmdi-smartphone-portrait-lock:before {
    content: '\f2d0'; }
  html body.yp .ypw-portlet .zmdi-smartphone-ring:before {
    content: '\f2d1'; }
  html body.yp .ypw-portlet .zmdi-smartphone-setting:before {
    content: '\f2d2'; }
  html body.yp .ypw-portlet .zmdi-smartphone-setup:before {
    content: '\f2d3'; }
  html body.yp .ypw-portlet .zmdi-smartphone:before {
    content: '\f2d4'; }
  html body.yp .ypw-portlet .zmdi-speaker:before {
    content: '\f2d5'; }
  html body.yp .ypw-portlet .zmdi-tablet-android:before {
    content: '\f2d6'; }
  html body.yp .ypw-portlet .zmdi-tablet-mac:before {
    content: '\f2d7'; }
  html body.yp .ypw-portlet .zmdi-tablet:before {
    content: '\f2d8'; }
  html body.yp .ypw-portlet .zmdi-tv-alt-play:before {
    content: '\f2d9'; }
  html body.yp .ypw-portlet .zmdi-tv-list:before {
    content: '\f2da'; }
  html body.yp .ypw-portlet .zmdi-tv-play:before {
    content: '\f2db'; }
  html body.yp .ypw-portlet .zmdi-tv:before {
    content: '\f2dc'; }
  html body.yp .ypw-portlet .zmdi-usb:before {
    content: '\f2dd'; }
  html body.yp .ypw-portlet .zmdi-videocam-off:before {
    content: '\f2de'; }
  html body.yp .ypw-portlet .zmdi-videocam-switch:before {
    content: '\f2df'; }
  html body.yp .ypw-portlet .zmdi-videocam:before {
    content: '\f2e0'; }
  html body.yp .ypw-portlet .zmdi-watch:before {
    content: '\f2e1'; }
  html body.yp .ypw-portlet .zmdi-wifi-alt-2:before {
    content: '\f2e2'; }
  html body.yp .ypw-portlet .zmdi-wifi-alt:before {
    content: '\f2e3'; }
  html body.yp .ypw-portlet .zmdi-wifi-info:before {
    content: '\f2e4'; }
  html body.yp .ypw-portlet .zmdi-wifi-lock:before {
    content: '\f2e5'; }
  html body.yp .ypw-portlet .zmdi-wifi-off:before {
    content: '\f2e6'; }
  html body.yp .ypw-portlet .zmdi-wifi-outline:before {
    content: '\f2e7'; }
  html body.yp .ypw-portlet .zmdi-wifi:before {
    content: '\f2e8'; }
  html body.yp .ypw-portlet .zmdi-arrow-left-bottom:before {
    content: '\f2e9'; }
  html body.yp .ypw-portlet .zmdi-arrow-left:before {
    content: '\f2ea'; }
  html body.yp .ypw-portlet .zmdi-arrow-merge:before {
    content: '\f2eb'; }
  html body.yp .ypw-portlet .zmdi-arrow-missed:before {
    content: '\f2ec'; }
  html body.yp .ypw-portlet .zmdi-arrow-right-top:before {
    content: '\f2ed'; }
  html body.yp .ypw-portlet .zmdi-arrow-right:before {
    content: '\f2ee'; }
  html body.yp .ypw-portlet .zmdi-arrow-split:before {
    content: '\f2ef'; }
  html body.yp .ypw-portlet .zmdi-arrows:before {
    content: '\f2f0'; }
  html body.yp .ypw-portlet .zmdi-caret-down-circle:before {
    content: '\f2f1'; }
  html body.yp .ypw-portlet .zmdi-caret-down:before {
    content: '\f2f2'; }
  html body.yp .ypw-portlet .zmdi-caret-left-circle:before {
    content: '\f2f3'; }
  html body.yp .ypw-portlet .zmdi-caret-left:before {
    content: '\f2f4'; }
  html body.yp .ypw-portlet .zmdi-caret-right-circle:before {
    content: '\f2f5'; }
  html body.yp .ypw-portlet .zmdi-caret-right:before {
    content: '\f2f6'; }
  html body.yp .ypw-portlet .zmdi-caret-up-circle:before {
    content: '\f2f7'; }
  html body.yp .ypw-portlet .zmdi-caret-up:before {
    content: '\f2f8'; }
  html body.yp .ypw-portlet .zmdi-chevron-down:before {
    content: '\f2f9'; }
  html body.yp .ypw-portlet .zmdi-chevron-left:before {
    content: '\f2fa'; }
  html body.yp .ypw-portlet .zmdi-chevron-right:before {
    content: '\f2fb'; }
  html body.yp .ypw-portlet .zmdi-chevron-up:before {
    content: '\f2fc'; }
  html body.yp .ypw-portlet .zmdi-forward:before {
    content: '\f2fd'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-down:before {
    content: '\f2fe'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-left:before {
    content: '\f2ff'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-return:before {
    content: '\f300'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-right:before {
    content: '\f301'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-tab:before {
    content: '\f302'; }
  html body.yp .ypw-portlet .zmdi-long-arrow-up:before {
    content: '\f303'; }
  html body.yp .ypw-portlet .zmdi-rotate-ccw:before {
    content: '\f304'; }
  html body.yp .ypw-portlet .zmdi-rotate-cw:before {
    content: '\f305'; }
  html body.yp .ypw-portlet .zmdi-rotate-left:before {
    content: '\f306'; }
  html body.yp .ypw-portlet .zmdi-rotate-right:before {
    content: '\f307'; }
  html body.yp .ypw-portlet .zmdi-square-down:before {
    content: '\f308'; }
  html body.yp .ypw-portlet .zmdi-square-right:before {
    content: '\f309'; }
  html body.yp .ypw-portlet .zmdi-swap-alt:before {
    content: '\f30a'; }
  html body.yp .ypw-portlet .zmdi-swap-vertical-circle:before {
    content: '\f30b'; }
  html body.yp .ypw-portlet .zmdi-swap-vertical:before {
    content: '\f30c'; }
  html body.yp .ypw-portlet .zmdi-swap:before {
    content: '\f30d'; }
  html body.yp .ypw-portlet .zmdi-trending-down:before {
    content: '\f30e'; }
  html body.yp .ypw-portlet .zmdi-trending-flat:before {
    content: '\f30f'; }
  html body.yp .ypw-portlet .zmdi-trending-up:before {
    content: '\f310'; }
  html body.yp .ypw-portlet .zmdi-unfold-less:before {
    content: '\f311'; }
  html body.yp .ypw-portlet .zmdi-unfold-more:before {
    content: '\f312'; }
  html body.yp .ypw-portlet .zmdi-apps:before {
    content: '\f313'; }
  html body.yp .ypw-portlet .zmdi-grid-off:before {
    content: '\f314'; }
  html body.yp .ypw-portlet .zmdi-grid:before {
    content: '\f315'; }
  html body.yp .ypw-portlet .zmdi-view-agenda:before {
    content: '\f316'; }
  html body.yp .ypw-portlet .zmdi-view-array:before {
    content: '\f317'; }
  html body.yp .ypw-portlet .zmdi-view-carousel:before {
    content: '\f318'; }
  html body.yp .ypw-portlet .zmdi-view-column:before {
    content: '\f319'; }
  html body.yp .ypw-portlet .zmdi-view-comfy:before {
    content: '\f31a'; }
  html body.yp .ypw-portlet .zmdi-view-compact:before {
    content: '\f31b'; }
  html body.yp .ypw-portlet .zmdi-view-dashboard:before {
    content: '\f31c'; }
  html body.yp .ypw-portlet .zmdi-view-day:before {
    content: '\f31d'; }
  html body.yp .ypw-portlet .zmdi-view-headline:before {
    content: '\f31e'; }
  html body.yp .ypw-portlet .zmdi-view-list-alt:before {
    content: '\f31f'; }
  html body.yp .ypw-portlet .zmdi-view-list:before {
    content: '\f320'; }
  html body.yp .ypw-portlet .zmdi-view-module:before {
    content: '\f321'; }
  html body.yp .ypw-portlet .zmdi-view-quilt:before {
    content: '\f322'; }
  html body.yp .ypw-portlet .zmdi-view-stream:before {
    content: '\f323'; }
  html body.yp .ypw-portlet .zmdi-view-subtitles:before {
    content: '\f324'; }
  html body.yp .ypw-portlet .zmdi-view-toc:before {
    content: '\f325'; }
  html body.yp .ypw-portlet .zmdi-view-web:before {
    content: '\f326'; }
  html body.yp .ypw-portlet .zmdi-view-week:before {
    content: '\f327'; }
  html body.yp .ypw-portlet .zmdi-widgets:before {
    content: '\f328'; }
  html body.yp .ypw-portlet .zmdi-alarm-check:before {
    content: '\f329'; }
  html body.yp .ypw-portlet .zmdi-alarm-off:before {
    content: '\f32a'; }
  html body.yp .ypw-portlet .zmdi-alarm-plus:before {
    content: '\f32b'; }
  html body.yp .ypw-portlet .zmdi-alarm-snooze:before {
    content: '\f32c'; }
  html body.yp .ypw-portlet .zmdi-alarm:before {
    content: '\f32d'; }
  html body.yp .ypw-portlet .zmdi-calendar-alt:before {
    content: '\f32e'; }
  html body.yp .ypw-portlet .zmdi-calendar-check:before {
    content: '\f32f'; }
  html body.yp .ypw-portlet .zmdi-calendar-close:before {
    content: '\f330'; }
  html body.yp .ypw-portlet .zmdi-calendar-note:before {
    content: '\f331'; }
  html body.yp .ypw-portlet .zmdi-calendar:before {
    content: '\f332'; }
  html body.yp .ypw-portlet .zmdi-time-countdown:before {
    content: '\f333'; }
  html body.yp .ypw-portlet .zmdi-time-interval:before {
    content: '\f334'; }
  html body.yp .ypw-portlet .zmdi-time-restore-setting:before {
    content: '\f335'; }
  html body.yp .ypw-portlet .zmdi-time-restore:before {
    content: '\f336'; }
  html body.yp .ypw-portlet .zmdi-time:before {
    content: '\f337'; }
  html body.yp .ypw-portlet .zmdi-timer-off:before {
    content: '\f338'; }
  html body.yp .ypw-portlet .zmdi-timer:before {
    content: '\f339'; }
  html body.yp .ypw-portlet .zmdi-android-alt:before {
    content: '\f33a'; }
  html body.yp .ypw-portlet .zmdi-android:before {
    content: '\f33b'; }
  html body.yp .ypw-portlet .zmdi-apple:before {
    content: '\f33c'; }
  html body.yp .ypw-portlet .zmdi-behance:before {
    content: '\f33d'; }
  html body.yp .ypw-portlet .zmdi-codepen:before {
    content: '\f33e'; }
  html body.yp .ypw-portlet .zmdi-dribbble:before {
    content: '\f33f'; }
  html body.yp .ypw-portlet .zmdi-dropbox:before {
    content: '\f340'; }
  html body.yp .ypw-portlet .zmdi-evernote:before {
    content: '\f341'; }
  html body.yp .ypw-portlet .zmdi-facebook-box:before {
    content: '\f342'; }
  html body.yp .ypw-portlet .zmdi-facebook:before {
    content: '\f343'; }
  html body.yp .ypw-portlet .zmdi-github-box:before {
    content: '\f344'; }
  html body.yp .ypw-portlet .zmdi-github:before {
    content: '\f345'; }
  html body.yp .ypw-portlet .zmdi-google-drive:before {
    content: '\f346'; }
  html body.yp .ypw-portlet .zmdi-google-earth:before {
    content: '\f347'; }
  html body.yp .ypw-portlet .zmdi-google-glass:before {
    content: '\f348'; }
  html body.yp .ypw-portlet .zmdi-google-maps:before {
    content: '\f349'; }
  html body.yp .ypw-portlet .zmdi-google-pages:before {
    content: '\f34a'; }
  html body.yp .ypw-portlet .zmdi-google-play:before {
    content: '\f34b'; }
  html body.yp .ypw-portlet .zmdi-google-plus-box:before {
    content: '\f34c'; }
  html body.yp .ypw-portlet .zmdi-google-plus:before {
    content: '\f34d'; }
  html body.yp .ypw-portlet .zmdi-google:before {
    content: '\f34e'; }
  html body.yp .ypw-portlet .zmdi-instagram:before {
    content: '\f34f'; }
  html body.yp .ypw-portlet .zmdi-language-css3:before {
    content: '\f350'; }
  html body.yp .ypw-portlet .zmdi-language-html5:before {
    content: '\f351'; }
  html body.yp .ypw-portlet .zmdi-language-javascript:before {
    content: '\f352'; }
  html body.yp .ypw-portlet .zmdi-language-python-alt:before {
    content: '\f353'; }
  html body.yp .ypw-portlet .zmdi-language-python:before {
    content: '\f354'; }
  html body.yp .ypw-portlet .zmdi-lastfm:before {
    content: '\f355'; }
  html body.yp .ypw-portlet .zmdi-linkedin-box:before {
    content: '\f356'; }
  html body.yp .ypw-portlet .zmdi-paypal:before {
    content: '\f357'; }
  html body.yp .ypw-portlet .zmdi-pinterest-box:before {
    content: '\f358'; }
  html body.yp .ypw-portlet .zmdi-pocket:before {
    content: '\f359'; }
  html body.yp .ypw-portlet .zmdi-polymer:before {
    content: '\f35a'; }
  html body.yp .ypw-portlet .zmdi-share:before {
    content: '\f35b'; }
  html body.yp .ypw-portlet .zmdi-stackoverflow:before {
    content: '\f35c'; }
  html body.yp .ypw-portlet .zmdi-steam-square:before {
    content: '\f35d'; }
  html body.yp .ypw-portlet .zmdi-steam:before {
    content: '\f35e'; }
  html body.yp .ypw-portlet .zmdi-twitter-box:before {
    content: '\f35f'; }
  html body.yp .ypw-portlet .zmdi-twitter:before {
    content: '\f360'; }
  html body.yp .ypw-portlet .zmdi-vk:before {
    content: '\f361'; }
  html body.yp .ypw-portlet .zmdi-wikipedia:before {
    content: '\f362'; }
  html body.yp .ypw-portlet .zmdi-windows:before {
    content: '\f363'; }
  html body.yp .ypw-portlet .zmdi-aspect-ratio-alt:before {
    content: '\f364'; }
  html body.yp .ypw-portlet .zmdi-aspect-ratio:before {
    content: '\f365'; }
  html body.yp .ypw-portlet .zmdi-blur-circular:before {
    content: '\f366'; }
  html body.yp .ypw-portlet .zmdi-blur-linear:before {
    content: '\f367'; }
  html body.yp .ypw-portlet .zmdi-blur-off:before {
    content: '\f368'; }
  html body.yp .ypw-portlet .zmdi-blur:before {
    content: '\f369'; }
  html body.yp .ypw-portlet .zmdi-brightness-2:before {
    content: '\f36a'; }
  html body.yp .ypw-portlet .zmdi-brightness-3:before {
    content: '\f36b'; }
  html body.yp .ypw-portlet .zmdi-brightness-4:before {
    content: '\f36c'; }
  html body.yp .ypw-portlet .zmdi-brightness-5:before {
    content: '\f36d'; }
  html body.yp .ypw-portlet .zmdi-brightness-6:before {
    content: '\f36e'; }
  html body.yp .ypw-portlet .zmdi-brightness-7:before {
    content: '\f36f'; }
  html body.yp .ypw-portlet .zmdi-brightness-auto:before {
    content: '\f370'; }
  html body.yp .ypw-portlet .zmdi-brightness-setting:before {
    content: '\f371'; }
  html body.yp .ypw-portlet .zmdi-broken-image:before {
    content: '\f372'; }
  html body.yp .ypw-portlet .zmdi-center-focus-strong:before {
    content: '\f373'; }
  html body.yp .ypw-portlet .zmdi-center-focus-weak:before {
    content: '\f374'; }
  html body.yp .ypw-portlet .zmdi-compare:before {
    content: '\f375'; }
  html body.yp .ypw-portlet .zmdi-crop-16-9:before {
    content: '\f376'; }
  html body.yp .ypw-portlet .zmdi-crop-3-2:before {
    content: '\f377'; }
  html body.yp .ypw-portlet .zmdi-crop-5-4:before {
    content: '\f378'; }
  html body.yp .ypw-portlet .zmdi-crop-7-5:before {
    content: '\f379'; }
  html body.yp .ypw-portlet .zmdi-crop-din:before {
    content: '\f37a'; }
  html body.yp .ypw-portlet .zmdi-crop-free:before {
    content: '\f37b'; }
  html body.yp .ypw-portlet .zmdi-crop-landscape:before {
    content: '\f37c'; }
  html body.yp .ypw-portlet .zmdi-crop-portrait:before {
    content: '\f37d'; }
  html body.yp .ypw-portlet .zmdi-crop-square:before {
    content: '\f37e'; }
  html body.yp .ypw-portlet .zmdi-exposure-alt:before {
    content: '\f37f'; }
  html body.yp .ypw-portlet .zmdi-exposure:before {
    content: '\f380'; }
  html body.yp .ypw-portlet .zmdi-filter-b-and-w:before {
    content: '\f381'; }
  html body.yp .ypw-portlet .zmdi-filter-center-focus:before {
    content: '\f382'; }
  html body.yp .ypw-portlet .zmdi-filter-frames:before {
    content: '\f383'; }
  html body.yp .ypw-portlet .zmdi-filter-tilt-shift:before {
    content: '\f384'; }
  html body.yp .ypw-portlet .zmdi-gradient:before {
    content: '\f385'; }
  html body.yp .ypw-portlet .zmdi-grain:before {
    content: '\f386'; }
  html body.yp .ypw-portlet .zmdi-graphic-eq:before {
    content: '\f387'; }
  html body.yp .ypw-portlet .zmdi-hdr-off:before {
    content: '\f388'; }
  html body.yp .ypw-portlet .zmdi-hdr-strong:before {
    content: '\f389'; }
  html body.yp .ypw-portlet .zmdi-hdr-weak:before {
    content: '\f38a'; }
  html body.yp .ypw-portlet .zmdi-hdr:before {
    content: '\f38b'; }
  html body.yp .ypw-portlet .zmdi-iridescent:before {
    content: '\f38c'; }
  html body.yp .ypw-portlet .zmdi-leak-off:before {
    content: '\f38d'; }
  html body.yp .ypw-portlet .zmdi-leak:before {
    content: '\f38e'; }
  html body.yp .ypw-portlet .zmdi-looks:before {
    content: '\f38f'; }
  html body.yp .ypw-portlet .zmdi-loupe:before {
    content: '\f390'; }
  html body.yp .ypw-portlet .zmdi-panorama-horizontal:before {
    content: '\f391'; }
  html body.yp .ypw-portlet .zmdi-panorama-vertical:before {
    content: '\f392'; }
  html body.yp .ypw-portlet .zmdi-panorama-wide-angle:before {
    content: '\f393'; }
  html body.yp .ypw-portlet .zmdi-photo-size-select-large:before {
    content: '\f394'; }
  html body.yp .ypw-portlet .zmdi-photo-size-select-small:before {
    content: '\f395'; }
  html body.yp .ypw-portlet .zmdi-picture-in-picture:before {
    content: '\f396'; }
  html body.yp .ypw-portlet .zmdi-slideshow:before {
    content: '\f397'; }
  html body.yp .ypw-portlet .zmdi-texture:before {
    content: '\f398'; }
  html body.yp .ypw-portlet .zmdi-tonality:before {
    content: '\f399'; }
  html body.yp .ypw-portlet .zmdi-vignette:before {
    content: '\f39a'; }
  html body.yp .ypw-portlet .zmdi-wb-auto:before {
    content: '\f39b'; }
  html body.yp .ypw-portlet .zmdi-eject-alt:before {
    content: '\f39c'; }
  html body.yp .ypw-portlet .zmdi-eject:before {
    content: '\f39d'; }
  html body.yp .ypw-portlet .zmdi-equalizer:before {
    content: '\f39e'; }
  html body.yp .ypw-portlet .zmdi-fast-forward:before {
    content: '\f39f'; }
  html body.yp .ypw-portlet .zmdi-fast-rewind:before {
    content: '\f3a0'; }
  html body.yp .ypw-portlet .zmdi-forward-10:before {
    content: '\f3a1'; }
  html body.yp .ypw-portlet .zmdi-forward-30:before {
    content: '\f3a2'; }
  html body.yp .ypw-portlet .zmdi-forward-5:before {
    content: '\f3a3'; }
  html body.yp .ypw-portlet .zmdi-hearing:before {
    content: '\f3a4'; }
  html body.yp .ypw-portlet .zmdi-pause-circle-outline:before {
    content: '\f3a5'; }
  html body.yp .ypw-portlet .zmdi-pause-circle:before {
    content: '\f3a6'; }
  html body.yp .ypw-portlet .zmdi-pause:before {
    content: '\f3a7'; }
  html body.yp .ypw-portlet .zmdi-play-circle-outline:before {
    content: '\f3a8'; }
  html body.yp .ypw-portlet .zmdi-play-circle:before {
    content: '\f3a9'; }
  html body.yp .ypw-portlet .zmdi-play:before {
    content: '\f3aa'; }
  html body.yp .ypw-portlet .zmdi-playlist-audio:before {
    content: '\f3ab'; }
  html body.yp .ypw-portlet .zmdi-playlist-plus:before {
    content: '\f3ac'; }
  html body.yp .ypw-portlet .zmdi-repeat-one:before {
    content: '\f3ad'; }
  html body.yp .ypw-portlet .zmdi-repeat:before {
    content: '\f3ae'; }
  html body.yp .ypw-portlet .zmdi-replay-10:before {
    content: '\f3af'; }
  html body.yp .ypw-portlet .zmdi-replay-30:before {
    content: '\f3b0'; }
  html body.yp .ypw-portlet .zmdi-replay-5:before {
    content: '\f3b1'; }
  html body.yp .ypw-portlet .zmdi-replay:before {
    content: '\f3b2'; }
  html body.yp .ypw-portlet .zmdi-shuffle:before {
    content: '\f3b3'; }
  html body.yp .ypw-portlet .zmdi-skip-next:before {
    content: '\f3b4'; }
  html body.yp .ypw-portlet .zmdi-skip-previous:before {
    content: '\f3b5'; }
  html body.yp .ypw-portlet .zmdi-stop:before {
    content: '\f3b6'; }
  html body.yp .ypw-portlet .zmdi-surround-sound:before {
    content: '\f3b7'; }
  html body.yp .ypw-portlet .zmdi-tune:before {
    content: '\f3b8'; }
  html body.yp .ypw-portlet .zmdi-volume-down:before {
    content: '\f3b9'; }
  html body.yp .ypw-portlet .zmdi-volume-mute:before {
    content: '\f3ba'; }
  html body.yp .ypw-portlet .zmdi-volume-off:before {
    content: '\f3bb'; }
  html body.yp .ypw-portlet .zmdi-volume-up:before {
    content: '\f3bc'; }
  html body.yp .ypw-portlet .zmdi-n-1-square:before {
    content: '\f3bd'; }
  html body.yp .ypw-portlet .zmdi-n-2-square:before {
    content: '\f3be'; }
  html body.yp .ypw-portlet .zmdi-n-3-square:before {
    content: '\f3bf'; }
  html body.yp .ypw-portlet .zmdi-n-4-square:before {
    content: '\f3c0'; }
  html body.yp .ypw-portlet .zmdi-n-5-square:before {
    content: '\f3c1'; }
  html body.yp .ypw-portlet .zmdi-n-6-square:before {
    content: '\f3c2'; }
  html body.yp .ypw-portlet .zmdi-neg-1:before {
    content: '\f3c3'; }
  html body.yp .ypw-portlet .zmdi-neg-2:before {
    content: '\f3c4'; }
  html body.yp .ypw-portlet .zmdi-plus-1:before {
    content: '\f3c5'; }
  html body.yp .ypw-portlet .zmdi-plus-2:before {
    content: '\f3c6'; }
  html body.yp .ypw-portlet .zmdi-sec-10:before {
    content: '\f3c7'; }
  html body.yp .ypw-portlet .zmdi-sec-3:before {
    content: '\f3c8'; }
  html body.yp .ypw-portlet .zmdi-zero:before {
    content: '\f3c9'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-flat-angled:before {
    content: '\f3ca'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-flat:before {
    content: '\f3cb'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-individual-suite:before {
    content: '\f3cc'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-legroom-extra:before {
    content: '\f3cd'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-legroom-normal:before {
    content: '\f3ce'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-legroom-reduced:before {
    content: '\f3cf'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-recline-extra:before {
    content: '\f3d0'; }
  html body.yp .ypw-portlet .zmdi-airline-seat-recline-normal:before {
    content: '\f3d1'; }
  html body.yp .ypw-portlet .zmdi-airplay:before {
    content: '\f3d2'; }
  html body.yp .ypw-portlet .zmdi-closed-caption:before {
    content: '\f3d3'; }
  html body.yp .ypw-portlet .zmdi-confirmation-number:before {
    content: '\f3d4'; }
  html body.yp .ypw-portlet .zmdi-developer-board:before {
    content: '\f3d5'; }
  html body.yp .ypw-portlet .zmdi-disc-full:before {
    content: '\f3d6'; }
  html body.yp .ypw-portlet .zmdi-explicit:before {
    content: '\f3d7'; }
  html body.yp .ypw-portlet .zmdi-flight-land:before {
    content: '\f3d8'; }
  html body.yp .ypw-portlet .zmdi-flight-takeoff:before {
    content: '\f3d9'; }
  html body.yp .ypw-portlet .zmdi-flip-to-back:before {
    content: '\f3da'; }
  html body.yp .ypw-portlet .zmdi-flip-to-front:before {
    content: '\f3db'; }
  html body.yp .ypw-portlet .zmdi-group-work:before {
    content: '\f3dc'; }
  html body.yp .ypw-portlet .zmdi-hd:before {
    content: '\f3dd'; }
  html body.yp .ypw-portlet .zmdi-hq:before {
    content: '\f3de'; }
  html body.yp .ypw-portlet .zmdi-markunread-mailbox:before {
    content: '\f3df'; }
  html body.yp .ypw-portlet .zmdi-memory:before {
    content: '\f3e0'; }
  html body.yp .ypw-portlet .zmdi-nfc:before {
    content: '\f3e1'; }
  html body.yp .ypw-portlet .zmdi-play-for-work:before {
    content: '\f3e2'; }
  html body.yp .ypw-portlet .zmdi-power-input:before {
    content: '\f3e3'; }
  html body.yp .ypw-portlet .zmdi-present-to-all:before {
    content: '\f3e4'; }
  html body.yp .ypw-portlet .zmdi-satellite:before {
    content: '\f3e5'; }
  html body.yp .ypw-portlet .zmdi-tap-and-play:before {
    content: '\f3e6'; }
  html body.yp .ypw-portlet .zmdi-vibration:before {
    content: '\f3e7'; }
  html body.yp .ypw-portlet .zmdi-voicemail:before {
    content: '\f3e8'; }
  html body.yp .ypw-portlet .zmdi-group:before {
    content: '\f3e9'; }
  html body.yp .ypw-portlet .zmdi-rss:before {
    content: '\f3ea'; }
  html body.yp .ypw-portlet .zmdi-shape:before {
    content: '\f3eb'; }
  html body.yp .ypw-portlet .zmdi-spinner:before {
    content: '\f3ec'; }
  html body.yp .ypw-portlet .zmdi-ungroup:before {
    content: '\f3ed'; }
  html body.yp .ypw-portlet .zmdi-500px:before {
    content: '\f3ee'; }
  html body.yp .ypw-portlet .zmdi-8tracks:before {
    content: '\f3ef'; }
  html body.yp .ypw-portlet .zmdi-amazon:before {
    content: '\f3f0'; }
  html body.yp .ypw-portlet .zmdi-blogger:before {
    content: '\f3f1'; }
  html body.yp .ypw-portlet .zmdi-delicious:before {
    content: '\f3f2'; }
  html body.yp .ypw-portlet .zmdi-disqus:before {
    content: '\f3f3'; }
  html body.yp .ypw-portlet .zmdi-flattr:before {
    content: '\f3f4'; }
  html body.yp .ypw-portlet .zmdi-flickr:before {
    content: '\f3f5'; }
  html body.yp .ypw-portlet .zmdi-github-alt:before {
    content: '\f3f6'; }
  html body.yp .ypw-portlet .zmdi-google-old:before {
    content: '\f3f7'; }
  html body.yp .ypw-portlet .zmdi-linkedin:before {
    content: '\f3f8'; }
  html body.yp .ypw-portlet .zmdi-odnoklassniki:before {
    content: '\f3f9'; }
  html body.yp .ypw-portlet .zmdi-outlook:before {
    content: '\f3fa'; }
  html body.yp .ypw-portlet .zmdi-paypal-alt:before {
    content: '\f3fb'; }
  html body.yp .ypw-portlet .zmdi-pinterest:before {
    content: '\f3fc'; }
  html body.yp .ypw-portlet .zmdi-playstation:before {
    content: '\f3fd'; }
  html body.yp .ypw-portlet .zmdi-reddit:before {
    content: '\f3fe'; }
  html body.yp .ypw-portlet .zmdi-skype:before {
    content: '\f3ff'; }
  html body.yp .ypw-portlet .zmdi-slideshare:before {
    content: '\f400'; }
  html body.yp .ypw-portlet .zmdi-soundcloud:before {
    content: '\f401'; }
  html body.yp .ypw-portlet .zmdi-tumblr:before {
    content: '\f402'; }
  html body.yp .ypw-portlet .zmdi-twitch:before {
    content: '\f403'; }
  html body.yp .ypw-portlet .zmdi-vimeo:before {
    content: '\f404'; }
  html body.yp .ypw-portlet .zmdi-whatsapp:before {
    content: '\f405'; }
  html body.yp .ypw-portlet .zmdi-xbox:before {
    content: '\f406'; }
  html body.yp .ypw-portlet .zmdi-yahoo:before {
    content: '\f407'; }
  html body.yp .ypw-portlet .zmdi-youtube-play:before {
    content: '\f408'; }
  html body.yp .ypw-portlet .zmdi-youtube:before {
    content: '\f409'; }
  html body.yp .ypw-portlet .zmdi-import-export:before {
    content: '\f30c'; }
  html body.yp .ypw-portlet .zmdi-swap-vertical-:before {
    content: '\f30c'; }
  html body.yp .ypw-portlet .zmdi-airplanemode-inactive:before {
    content: '\f102'; }
  html body.yp .ypw-portlet .zmdi-airplanemode-active:before {
    content: '\f103'; }
  html body.yp .ypw-portlet .zmdi-rate-review:before {
    content: '\f103'; }
  html body.yp .ypw-portlet .zmdi-comment-sign:before {
    content: '\f25a'; }
  html body.yp .ypw-portlet .zmdi-network-warning:before {
    content: '\f2ad'; }
  html body.yp .ypw-portlet .zmdi-shopping-cart-add:before {
    content: '\f1ca'; }
  html body.yp .ypw-portlet .zmdi-file-add:before {
    content: '\f221'; }
  html body.yp .ypw-portlet .zmdi-network-wifi-scan:before {
    content: '\f2e4'; }
  html body.yp .ypw-portlet .zmdi-collection-add:before {
    content: '\f14e'; }
  html body.yp .ypw-portlet .zmdi-format-playlist-add:before {
    content: '\f3ac'; }
  html body.yp .ypw-portlet .zmdi-format-queue-music:before {
    content: '\f3ab'; }
  html body.yp .ypw-portlet .zmdi-plus-box:before {
    content: '\f277'; }
  html body.yp .ypw-portlet .zmdi-tag-backspace:before {
    content: '\f1d9'; }
  html body.yp .ypw-portlet .zmdi-alarm-add:before {
    content: '\f32b'; }
  html body.yp .ypw-portlet .zmdi-battery-charging:before {
    content: '\f114'; }
  html body.yp .ypw-portlet .zmdi-daydream-setting:before {
    content: '\f217'; }
  html body.yp .ypw-portlet .zmdi-more-horiz:before {
    content: '\f19c'; }
  html body.yp .ypw-portlet .zmdi-book-photo:before {
    content: '\f11b'; }
  html body.yp .ypw-portlet .zmdi-incandescent:before {
    content: '\f189'; }
  html body.yp .ypw-portlet .zmdi-wb-iridescent:before {
    content: '\f38c'; }
  html body.yp .ypw-portlet .zmdi-calendar-remove:before {
    content: '\f330'; }
  html body.yp .ypw-portlet .zmdi-refresh-sync-disabled:before {
    content: '\f1b7'; }
  html body.yp .ypw-portlet .zmdi-refresh-sync-problem:before {
    content: '\f1b6'; }
  html body.yp .ypw-portlet .zmdi-crop-original:before {
    content: '\f17e'; }
  html body.yp .ypw-portlet .zmdi-power-off:before {
    content: '\f1af'; }
  html body.yp .ypw-portlet .zmdi-power-off-setting:before {
    content: '\f1ae'; }
  html body.yp .ypw-portlet .zmdi-leak-remove:before {
    content: '\f38d'; }
  html body.yp .ypw-portlet .zmdi-star-border:before {
    content: '\f27c'; }
  html body.yp .ypw-portlet .zmdi-brightness-low:before {
    content: '\f36d'; }
  html body.yp .ypw-portlet .zmdi-brightness-medium:before {
    content: '\f36e'; }
  html body.yp .ypw-portlet .zmdi-brightness-high:before {
    content: '\f36f'; }
  html body.yp .ypw-portlet .zmdi-smartphone-portrait:before {
    content: '\f2d4'; }
  html body.yp .ypw-portlet .zmdi-live-tv:before {
    content: '\f2d9'; }
  html body.yp .ypw-portlet .zmdi-format-textdirection-l-to-r:before {
    content: '\f249'; }
  html body.yp .ypw-portlet .zmdi-format-textdirection-r-to-l:before {
    content: '\f24a'; }
  html body.yp .ypw-portlet .zmdi-arrow-back:before {
    content: '\f2ea'; }
  html body.yp .ypw-portlet .zmdi-arrow-forward:before {
    content: '\f2ee'; }
  html body.yp .ypw-portlet .zmdi-arrow-in:before {
    content: '\f2e9'; }
  html body.yp .ypw-portlet .zmdi-arrow-out:before {
    content: '\f2ed'; }
  html body.yp .ypw-portlet .zmdi-rotate-90-degrees-ccw:before {
    content: '\f304'; }
  html body.yp .ypw-portlet .zmdi-adb:before {
    content: '\f33a'; }
  html body.yp .ypw-portlet .zmdi-network-wifi:before {
    content: '\f2e8'; }
  html body.yp .ypw-portlet .zmdi-network-wifi-alt:before {
    content: '\f2e3'; }
  html body.yp .ypw-portlet .zmdi-network-wifi-lock:before {
    content: '\f2e5'; }
  html body.yp .ypw-portlet .zmdi-network-wifi-off:before {
    content: '\f2e6'; }
  html body.yp .ypw-portlet .zmdi-network-wifi-outline:before {
    content: '\f2e7'; }
  html body.yp .ypw-portlet .zmdi-network-wifi-info:before {
    content: '\f2e4'; }
  html body.yp .ypw-portlet .zmdi-layers-clear:before {
    content: '\f18b'; }
  html body.yp .ypw-portlet .zmdi-colorize:before {
    content: '\f15d'; }
  html body.yp .ypw-portlet .zmdi-format-paint:before {
    content: '\f1ba'; }
  html body.yp .ypw-portlet .zmdi-format-quote:before {
    content: '\f1b2'; }
  html body.yp .ypw-portlet .zmdi-camera-monochrome-photos:before {
    content: '\f285'; }
  html body.yp .ypw-portlet .zmdi-sort-by-alpha:before {
    content: '\f1cf'; }
  html body.yp .ypw-portlet .zmdi-folder-shared:before {
    content: '\f225'; }
  html body.yp .ypw-portlet .zmdi-folder-special:before {
    content: '\f226'; }
  html body.yp .ypw-portlet .zmdi-comment-dots:before {
    content: '\f260'; }
  html body.yp .ypw-portlet .zmdi-reorder:before {
    content: '\f31e'; }
  html body.yp .ypw-portlet .zmdi-dehaze:before {
    content: '\f197'; }
  html body.yp .ypw-portlet .zmdi-sort:before {
    content: '\f1ce'; }
  html body.yp .ypw-portlet .zmdi-pages:before {
    content: '\f34a'; }
  html body.yp .ypw-portlet .zmdi-stack-overflow:before {
    content: '\f35c'; }
  html body.yp .ypw-portlet .zmdi-calendar-account:before {
    content: '\f204'; }
  html body.yp .ypw-portlet .zmdi-paste:before {
    content: '\f109'; }
  html body.yp .ypw-portlet .zmdi-cut:before {
    content: '\f1bc'; }
  html body.yp .ypw-portlet .zmdi-save:before {
    content: '\f297'; }
  html body.yp .ypw-portlet .zmdi-smartphone-code:before {
    content: '\f139'; }
  html body.yp .ypw-portlet .zmdi-directions-bike:before {
    content: '\f117'; }
  html body.yp .ypw-portlet .zmdi-directions-boat:before {
    content: '\f11a'; }
  html body.yp .ypw-portlet .zmdi-directions-bus:before {
    content: '\f121'; }
  html body.yp .ypw-portlet .zmdi-directions-car:before {
    content: '\f125'; }
  html body.yp .ypw-portlet .zmdi-directions-railway:before {
    content: '\f1b3'; }
  html body.yp .ypw-portlet .zmdi-directions-run:before {
    content: '\f215'; }
  html body.yp .ypw-portlet .zmdi-directions-subway:before {
    content: '\f1d5'; }
  html body.yp .ypw-portlet .zmdi-directions-walk:before {
    content: '\f216'; }
  html body.yp .ypw-portlet .zmdi-local-hotel:before {
    content: '\f178'; }
  html body.yp .ypw-portlet .zmdi-local-activity:before {
    content: '\f1df'; }
  html body.yp .ypw-portlet .zmdi-local-play:before {
    content: '\f1df'; }
  html body.yp .ypw-portlet .zmdi-local-airport:before {
    content: '\f103'; }
  html body.yp .ypw-portlet .zmdi-local-atm:before {
    content: '\f198'; }
  html body.yp .ypw-portlet .zmdi-local-bar:before {
    content: '\f137'; }
  html body.yp .ypw-portlet .zmdi-local-cafe:before {
    content: '\f13b'; }
  html body.yp .ypw-portlet .zmdi-local-car-wash:before {
    content: '\f124'; }
  html body.yp .ypw-portlet .zmdi-local-convenience-store:before {
    content: '\f1d3'; }
  html body.yp .ypw-portlet .zmdi-local-dining:before {
    content: '\f153'; }
  html body.yp .ypw-portlet .zmdi-local-drink:before {
    content: '\f157'; }
  html body.yp .ypw-portlet .zmdi-local-florist:before {
    content: '\f168'; }
  html body.yp .ypw-portlet .zmdi-local-gas-station:before {
    content: '\f16f'; }
  html body.yp .ypw-portlet .zmdi-local-grocery-store:before {
    content: '\f1cb'; }
  html body.yp .ypw-portlet .zmdi-local-hospital:before {
    content: '\f177'; }
  html body.yp .ypw-portlet .zmdi-local-laundry-service:before {
    content: '\f1e9'; }
  html body.yp .ypw-portlet .zmdi-local-library:before {
    content: '\f18d'; }
  html body.yp .ypw-portlet .zmdi-local-mall:before {
    content: '\f195'; }
  html body.yp .ypw-portlet .zmdi-local-movies:before {
    content: '\f19d'; }
  html body.yp .ypw-portlet .zmdi-local-offer:before {
    content: '\f187'; }
  html body.yp .ypw-portlet .zmdi-local-parking:before {
    content: '\f1a5'; }
  html body.yp .ypw-portlet .zmdi-local-parking:before {
    content: '\f1a5'; }
  html body.yp .ypw-portlet .zmdi-local-pharmacy:before {
    content: '\f176'; }
  html body.yp .ypw-portlet .zmdi-local-phone:before {
    content: '\f2be'; }
  html body.yp .ypw-portlet .zmdi-local-pizza:before {
    content: '\f1ac'; }
  html body.yp .ypw-portlet .zmdi-local-post-office:before {
    content: '\f15a'; }
  html body.yp .ypw-portlet .zmdi-local-printshop:before {
    content: '\f1b0'; }
  html body.yp .ypw-portlet .zmdi-local-see:before {
    content: '\f28c'; }
  html body.yp .ypw-portlet .zmdi-local-shipping:before {
    content: '\f1e6'; }
  html body.yp .ypw-portlet .zmdi-local-store:before {
    content: '\f1d4'; }
  html body.yp .ypw-portlet .zmdi-local-taxi:before {
    content: '\f123'; }
  html body.yp .ypw-portlet .zmdi-local-wc:before {
    content: '\f211'; }
  html body.yp .ypw-portlet .zmdi-my-location:before {
    content: '\f299'; }
  html body.yp .ypw-portlet .zmdi-directions:before {
    content: '\f1e7'; }
  html body.yp .ypw-portlet .navbar.site-navigation.nav-secondary {
    flex-direction: row-reverse;
    align-items: start;
    justify-content: flex-end; }
    html body.yp .ypw-portlet .navbar.site-navigation.nav-secondary .nav {
      flex-direction: row; }
    html body.yp .ypw-portlet .navbar.site-navigation.nav-secondary .esab-toolbar-wrapper {
      flex: 1 1 auto; }
  html body.yp .ypw-portlet .navbar-header .icon-reorder, html body.yp .ypw-portlet .esab-toolbar-wrapper .icon-reorder {
    cursor: pointer; }
  html body.yp .ypw-portlet .form-horizontal .radio,
  html body.yp .ypw-portlet .form-horizontal .checkbox,
  html body.yp .ypw-portlet .form-horizontal .radio-inline,
  html body.yp .ypw-portlet .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0; }
  html body.yp .ypw-portlet .badge {
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    background-color: #777777;
    border-radius: 10px; }
  html body.yp .ypw-portlet .yp-file-upload {
    line-height: 23px; }
  html body.yp .ypw-portlet .btn {
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  @media (min-width: 980px) {
    html body.yp .ypw-portlet .navbar.site-navigation .lfr-nav-item span, html body.yp .ypw-portlet .navbar.site-navigation .lfr-nav-item a {
      display: inline; } }
  @media (max-width: 979px) {
    html body.yp .ypw-portlet #navigation {
      display: none; }
    html body.yp .ypw-portlet #navigation.open {
      display: block; }
      html body.yp .ypw-portlet #navigation.open .navbar-inner {
        padding: 10px; }
    html body.yp .ypw-portlet .navigation-toggle .nav-collapse {
      overflow: hidden;
      height: 0; }
    html body.yp .ypw-portlet .navigation-toggle.open .nav-collapse {
      height: auto;
      overflow: visible;
      flex: 1 1 auto; }
    html body.yp .ypw-portlet .navbar-toggle {
      display: block; }
    html body.yp .ypw-portlet .nav-secondary .esab-toolbar {
      padding-top: 15px;
      padding-bottom: 15px; }
    html body.yp .ypw-portlet .nav-secondary .navbar-inner .nav-collapse.fixed-width-navbar li {
      float: none; }
    html body.yp .ypw-portlet .nav-secondary .nav-collapse .nav > li > a:hover,
    html body.yp .ypw-portlet .nav-secondary .nav-collapse .nav > li > a:focus,
    html body.yp .ypw-portlet .nav-secondary .nav-collapse .dropdown-menu a:hover,
    html body.yp .ypw-portlet .nav-secondary .nav-collapse .dropdown-menu a:focus {
      background-color: #f3f3f3;
      color: #009AE5 !important; } }
  @media (max-width: 767px) and (max-width: 979px) {
    html body.yp .ypw-portlet .btn {
      width: 100%; } }
  html body.yp .ypw-portlet .dropdown-menu {
    max-height: inherit; }
  html body.yp .ypw-portlet .radio input[type="radio"],
  html body.yp .ypw-portlet .checkbox input[type="checkbox"] {
    float: left; }
  html body.yp .ypw-portlet .radio input[type="radio"],
  html body.yp .ypw-portlet .radio-inline input[type="radio"] {
    top: 8px; }
  html body.yp .ypw-portlet .k-grid .k-grid-toolbar .toolbar {
    display: block;
    /* to override the ".toolbar" rule that's coming from Liferay Clay */ }
  html body.yp .ypw-portlet li {
    line-height: 27px; }
  html body.yp .ypw-portlet .btn-primary {
    color: #FFF; }
    html body.yp .ypw-portlet .btn-primary:hover {
      color: #FFF; }
  html body.yp .ypw-portlet .badge {
    display: inline-block; }
  html body.yp .ypw-portlet .btn {
    border-width: 0px; }
  html body.yp .ypw-portlet .btn-primary:active:hover,
  html body.yp .ypw-portlet .btn-primary.active:hover,
  html body.yp .ypw-portlet .open > .dropdown-toggle.btn-primary:hover,
  html body.yp .ypw-portlet .btn-primary:active:focus,
  html body.yp .ypw-portlet .btn-primary.active:focus,
  html body.yp .ypw-portlet .open > .dropdown-toggle.btn-primary:focus,
  html body.yp .ypw-portlet .btn-primary:active.focus,
  html body.yp .ypw-portlet .btn-primary.active.focus,
  html body.yp .ypw-portlet .open > .dropdown-toggle.btn-primary.focus {
    color: #FFF; }
  html body.yp .ypw-portlet .btn.btn-secondary {
    color: #999 !important; }
  html body.yp .ypw-portlet .k-button.k-state-active, html body.yp .ypw-portlet .k-button.k-state-focused, html body.yp .ypw-portlet .k-button:active, html body.yp .ypw-portlet .k-button:focus {
    color: #FFF; }
  html body.yp .ypw-portlet .navbar-default .navbar-collapse {
    border-color: #e7e7e7;
    border-top: 1px solid; }
  html body.yp .ypw-portlet .navbar-default .navbar-brand {
    color: #777; }
  html body.yp .ypw-portlet .navbar-default .navbar-brand:hover,
  html body.yp .ypw-portlet .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent; }
  html body.yp .ypw-portlet .navbar-default .navbar-collapse,
  html body.yp .ypw-portlet .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  html body.yp .ypw-portlet a {
    color: #337ab7;
    text-decoration: none; }
  html body.yp .ypw-portlet a:hover, html body.yp .ypw-portlet a:focus {
    color: #23527c;
    text-decoration: underline; }

/* YP Portlet */
html body.yp .yp-portlet {
  /*according to Koein; kendo css files should be before bootstrap css files*/
  /** 
 * Kendo UI v2016.1.226 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
  /*# sourceMappingURL=kendo.common.min.css.map */
  /** 
 * Kendo UI v2016.3.914 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
  /*# sourceMappingURL=kendo.common-material.min.css.map */
  /** 
 * Kendo UI v2016.3.914 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
  /*# sourceMappingURL=kendo.material.min.css.map */
  /** 
 * Kendo UI v2016.3.914 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
  /*# sourceMappingURL=kendo.material.mobile.min.css.map */
  /** --- Bootstrap --- */
  /** Bootstrap dependencies should be included this way in order to :
    - have more importance than AUI rules
    - not to mess with Liferay's components (toolbar, menus, widgets...)
   */
  /* @import "bootstrap/bootstrap";
  @import "bootstrap/bootstrap-theme";*/
  /**
* A stylesheet for use with Bootstrap 3.x
* @author: Dan Grossman http://www.dangrossman.info/
* @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
* @website: https://www.improvely.com/
*/
  /* Container Appearance */
  /* Calendars */
  /* Text Input Above Each Calendar */
  /* Time Picker */
  /* Predefined Ranges */
  /*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2013 Hakim El Hattab, http://hakim.se
 */
  /*************************************
 * CONFIG
 */
  /*************************************
 * MIXINS
 */
  /*************************************
 * BUTTON BASE
 */
  /* Spinner animation */
  /* Button label */
  /* Progress bar */
  /*************************************
 * EASING
 */
  /*************************************
 * EXPAND LEFT
 */
  /*************************************
 * EXPAND RIGHT
 */
  /*************************************
 * EXPAND UP
 */
  /*************************************
 * EXPAND DOWN
 */
  /*************************************
 * SLIDE LEFT
 */
  /*************************************
 * SLIDE RIGHT
 */
  /*************************************
 * SLIDE UP
 */
  /*************************************
 * SLIDE DOWN
 */
  /*************************************
 * ZOOM-OUT
 */
  /*************************************
 * ZOOM-IN
 */
  /*************************************
 * CONTRACT
 */
  /*************************************
 * OVERLAY
 */
  /* hide browser scrollbar on Webkit (Safari & Chrome) */
  /**
 * Forms CSS
 */
  /** Default input size : 100% */
  /** Default kendo NumericTextBox and TextBox size : 100% */
  /** Default label size : auto */
  /* Combobox */
  /* Date picker*/
  /* Slider */
  /*  Date range picker  */
  /* form */
  /*validation of inputs*/
  /* Dual slider */
  /*currency*/
  /* server side validation */
  /* form buttons (ex: submit) */
  /* GlobalError */
  /* Labels */
  /** 
 * Custom navigation CSS 
 */
  /* .k-tooltip { */
  /*     background: red; */
  /* } */
  /* .k-tooltip.k-slider-tooltip, .k-slider-tooltip { */
  /*        margin-top: 60px; */
  /* } */
  /**
 * Table style
 */
  /** Inline datepicker: same style as regular datepicker, without all the wrappers */
  /**
 * Cell formats
 */
  /*
 * CSS Koein delivery of 08/11/2016 (dd/MM/yyyy)
 */
  /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
  /*!
 *  Font Awesome 4.6.1 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
  /*.btn-group .dropdown-menu button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    background-color: transparent;
    text-align: left;
    padding: 3px 20px;
    text-transform: none
} redmine #70389 */
  /*.actionbar .actionbar-btns .btn-group .dropdown-menu button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    background-color: transparent;
    text-align: left;
    padding: 3px 20px;
    text-transform: none
} redmine #70389 */
  /*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
  /*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
  /* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
  /* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
  /* non-visible scrollbar */
  /* RTL direction/left-side scrollbar */
  /* scrollbar position: outside */
  /* RTL direction/left-side scrollbar (scrollbar position: outside) */
  /* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
  /* non-visible scrollbar */
  /* scrollbar position: outside */
  /* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
  /* non-visible horizontal scrollbar */
  /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
  /* RTL direction/left-side scrollbar */
  /* non-visible scrollbar/RTL direction/left-side scrollbar */
  /* non-visible horizontal scrollbar */
  /* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
  /* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
  /* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
  /* default theme ("light") */
  /* theme: "dark" */
  /* ---------------------------------------- */
  /* theme: "light-2", "dark-2" */
  /* theme: "dark-2" */
  /* ---------------------------------------- */
  /* theme: "light-thick", "dark-thick" */
  /* theme: "dark-thick" */
  /* ---------------------------------------- */
  /* theme: "light-thin", "dark-thin" */
  /* theme "dark-thin" */
  /* ---------------------------------------- */
  /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
  /* theme "rounded-dark", "rounded-dots-dark" */
  /* theme "rounded-dots", "rounded-dots-dark" */
  /* theme "rounded-dots-dark" */
  /* ---------------------------------------- */
  /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
  /* theme "3d", "3d-dark" */
  /* theme "3d-dark" */
  /* ---------------------------------------- */
  /* theme: "3d-thick", "3d-thick-dark" */
  /* theme: "3d-thick-dark" */
  /* ---------------------------------------- */
  /* theme: "minimal", "minimal-dark" */
  /* RTL direction/left-side scrollbar */
  /* theme: "minimal-dark" */
  /* ---------------------------------------- */
  /* theme "light-3", "dark-3" */
  /* theme "dark-3" */
  /* ---------------------------------------- */
  /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
  /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
  /* theme "inset-2", "inset-2-dark" */
  /* theme "inset-3", "inset-3-dark" */
  /* ---------------------------------------- */
  /*
 * Margin for all components
 */
  /*
 * Inline components
 */
  /* Panel */
  /* Correction du redmine #82306
.yp-panel.row {
    margin: 0 -15px;
    padding: 0;
}*/
  /* Correction du redmine #82306
.row > .yp-panel:not(.row) {
    padding: 5px 15px 0;
    margin: 0px;
}*/
  /* Panel margin options */
  /** Panel: fill colors */
  /** Panel borders */
  /*end panels*/
  /* Labels */
  /* redmine #74555*/
  /*end labels */
  /* Summary Board */
  /*end summary board*/
  /* terms-and-condition */
  /*end terms and condition */
  /* wizard */
  /* end wizard */
  /* toolTip */
  /* End toolTip */
  /* tab / wizard*/
  /* end tab */
  /*slider*/
  /*end slider*/
  /* grid */
  /** Override padding-bottom on grid content: adding a padding here causes problems with live scrolling (#56385) */
  /* end grid */
  /* page title */
  /* end page title */
  /*Widget Model*/
  /*End Widget Model*/
  /* page content */
  /* end page content */
  /* required div */
  /* end required div */
  /**
* Adding the CSS for yp-help-block
*/
  /**
* End of adding the CSS for yp-help-block
*/
  /**
* Adding CSS of help-block for error class
**/
  /**
* End adding CSS of help-block for error class
**/
  /**
 * overwrite KOEIN CSS
 */
  /*action link*/
  /*end action link*/
  /*list*/
  /*end list*/
  /*Radio group*/
  /*end radio group*/
  /*date picker*/
  /*end date picker*/
  /*kendo date picker*/
  /*changes for kendo ui single date picker*/
  /*end kendo date picker*/
  /*input*/
  /* end input */
  /* override the display of a div for ypBootstrapValidation */
  /* end override the display of a div for ypBootstrapValidation */
  /* actionBar */
  /* this code will be uncommented once the disabled cursor is confirmed
.form-group .form-control[disabled],
.form-group .form-control[disabled] {
  cursor: not-allowed;
}

.switch-wrapper .switch-input[disabled]+label {
    cursor: not-allowed;
}*/
  /*end overwrite KOEIN CSS */
  /* remove the float left added by koein to display the error message below the textarea*/
  /*remove the kindo double border to have consistent design*/
  /*remove the checkbox border on success and append padding to top in order to have consistent design*/
  /* IE bug fixes */
  /* IE bug fixes */
  /*remove kendo datepicker shadow on hover*/
  /* remove shadow on click textarea*/
  /*to override aui.btn width: 100%*/
  /* Margin between 2 buttons 
.yp-action:not([style*="display: none"]) ~ .yp-action:not([style*="display: none"]) {
  margin-left: 30px;
}*/
  /*
add width auto to the input with addOn
*/
  /*.k-grid .k-grid-header table tr th.k-header {
    padding-left: 10px !important;
}*/
  /*
 Added because when we have a long action name it will overlap the next action
*/
  /* Changed koein style : padding in errors/warnings */
  /**
* WissamAJ
* Koein added opacity 0 to hide the kendo combo popup.
* The opacity 0 affected the popups of kendo editor.
* Following is the fixing.
**/
  /**
* WissamAJ
* CSS related to Tab with Icon
**/
  /* afficher les badges pour qu'ils soient vides*/
  /** changement les couleurs des TABS en mode mobile  **/
  /**
* WissamAJ
* End of CSS related to Tab with Icon
**/
  /* override the rule inside editMenu.css (esab) for lettig the fieldset have width:550px */
  /* adding clearfix class: it is a generic class, and not specifically for anything in particular, thus can be moved out of this comment block.*/
  /*end override the rule inside editMenu.css (esab) for lettig the fieldset have width:550px */
  /*
* css de hide the "alert" icon in the yp portlet
* par MK
*/
  /******************/
  /* YPACTION (Bassem) */
  /* END YPACTION */
  /* Bootstrap alert overrides (Bassem) */
  /* end Bootstrap alert overrides */
  /*.yp-ct-disable-link-button.yp-ct-components-action-disable-link-button{
    opacity: 0.7;
    cursor: not-allowed;
    .link[role=href]{
    cursor: not-allowed;
    }
  }*/
  /* Bassem's overrides*/
  /* end Bassem's overrides*/
  /* Round and link-icon buttons */
  /* end Round and link-icon buttons */
  /** yp:action */
  /* Overrides on padding and margins */
  /*.yp-component-wrapper {
  margin: 0 !important;
}*/
  /* end Overrides on padding and margins */
  /**
 * Default component colors : need to remove koein's rules
 * and put them on the components.
 *
 * This way, the color classes we defined will be applied.
 *
 */
  /* .yp-title-page, */
  /* .yp-checkbox { */
  /*   color: #666; */
  /* } */
  /* .yp-label { */
  /*   color: #333; */
  /* } */
  /**
Force the button of type link to be shown always as a link either it was created
as a submit or a link
*/
  /**End*/
  /* adjustments to modal and components in modal */
  /** Patch popups - non resizable + widths */
  /* END adjustments to modal and components in modal */
  /* Add the cursor pointer to all anchor with type link */
  /* adjustments in the Grid horizontal space */
  /* upload-file */
  /* Table grid pagination footer & Make the checkboxes center */
  /* Generic class */
  /* Date Picker */
  /* Wizard  */
  /* END adjustments in the Grid horizontal space */
  /* fix header font weight and color for table */
  /* End fix header font weight and color for table */
  /* fix position for checkBox multiselection header */
  /* end fix position for checkBox multiselection header */
  /* fix column size for checkBox */
  /* end fix column size for checkBox */
  /* Text area and Kendo editor height classes */
  /* END Text area and Kendo editor height classes */
  /* Hide Horizontal scroll in grid*/
  /* Title Section */
  /* Hide Horizontal scroll in grid*/
  /* supprimer les effet de bordures qui apparait quant on clique dans une celllule. */
  /* Popup  */
  /** changement les couleurs des TABS en mode mobile  **/
  /* Grid filter */
  /* end Grid filter */
  /* --------------------------- */
  /* Read more button width fix */
  /* --------------------------- */
  /* Repeater and widget buttons alignments */
  /*.yp-repeater .btn-group,*/
  /*.yp-repeater{
    padding:0;
}
.yp-repeater .row {
    margin-left: 0;
    margin-right: 0;
}*/
  /* --------------------------- */
  /* Strengthening the Bootstrap row margin values, so that it will still apply over the .yp-panel values 
.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}*/
  /* --------------------------- */
  /* switch text container make it full width */
  /******* change on safari the disabled color (textarea)  ********/
  /******* remove space from container  ********/
  /*******  make space on text fields  ********/
  /******* Label "Obligatoire" ********/
  /* Make horizontal radio buttons inherit text-right while still retaining their own text-left*/
  /* Make... (end) */
  /* Mobile view upload */
  /* change color the deselect label on the grid */
  /* make the bg on all the screen */
  /* make the loading in the center of the portlet */
  /* redmine 70404: Perte de la fonction de tri*/
  /**********************/
  /* redmine 72147: Responsive Marge en trop entre le label et la description*/
  /**********************/
  /* redmine 72573: resoudre le scrolling en popup */
  /* CSS spécifique TEMPORAIRE à enlever après l'évolution redmine 75632 qui permettra le même contrôle côté filière */
  /* Redmine 74933: labels in repeater aren't affected by text-right */
  /* Redmine 75386 , 75388 regarding bootstrap  */
  /* Redmine 75387 regarding bootstrap  */
  /* Redmine 75390 regarding bootstrap  */
  /* Anomalie #77106 - Correction de la bouton de file upload apres la passation vers bootstrap 3.4.1 */
  /**/
  /* Anomalie 78940 - resoudre le probleme, les 2 boutons sont l'un a cote de l'autre sur mobile */
  /* yp loading Icon */
  /*7962 afficher bien le bouton (acceder a votre espace client) en mode responsive*/
  /* should specify which redmine
.yp-panel.row[class*="-type-solid"] {
    margin-left: 0px;
    margin-right: 0;
}
.yp-panel.yp-margin-none {
    margin: 0px !important;
}
/* END */
  /*this is our stylesheet to override some of the properties of Koein*/
  /**
 * YP Table
 * Based on kendo Grid
 */
  /* Font definition (this is redundant and should eventually be replaced by external @extend on each icon) */
  /**
 * YP Images 
 */
  /**
 * YP Dashboard 
 * + "dashboard" layouts 
 */
  /*
* YP Combo
*/
  /**
 * Flex API
 */
  /*!
 *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
  /* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
  /*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
  /* FONT PATH
 * -------------------------- */
  /* makes the font 33% larger relative to the icon container */
  /* Deprecated as of 4.4.0 */
  /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
  /**
 * Swiper 3.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: November 7, 2015
 */
  /* Migration vers bootstrap 4 */
  /* Migration vers bootstrap 4 */
  /* Migration vers bootstrap 4 */
  /* Anomalie #77106 - Correction du bouton de file upload apres la passation vers bootstrap 3.4.1 */
  /* Migration vers bootstrap 4 */
  /* Migration vers bootstrap 4 */
  /* resoudre l'espace ds les contenus */
  /* Ce fichier est pour repeter les styles de bootstrap dans un contexte yp-portlet, pour eviter que Kendo les surcharge */
  /* modifier l'affichage du Tab en mnode mobile  #78942 */
  /* change le couleur sur les liens */ }
  html body.yp .yp-portlet .fake {
    color: red; }
  html body.yp .yp-portlet .k-common-test-class {
    opacity: 0; }
  html body.yp .yp-portlet .k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none; }
  html body.yp .yp-portlet .k-floatwrap:after, html body.yp .yp-portlet .k-grid-toolbar:after, html body.yp .yp-portlet .k-slider-items:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden; }
  html body.yp .yp-portlet .k-floatwrap, html body.yp .yp-portlet .k-grid-toolbar, html body.yp .yp-portlet .k-slider-items {
    display: inline-block; }
  html body.yp .yp-portlet .k-floatwrap, html body.yp .yp-portlet .k-grid-toolbar, html body.yp .yp-portlet .k-slider-items {
    display: block; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-autocomplete.k-state-hover, html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-draghandle, html body.yp .yp-portlet .k-dropdown-wrap, html body.yp .yp-portlet .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .k-grid-header, html body.yp .yp-portlet .k-grouping-header, html body.yp .yp-portlet .k-header, html body.yp .yp-portlet .k-link.k-state-hover, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-numeric-wrap.k-state-hover, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-picker-wrap, html body.yp .yp-portlet .k-picker-wrap.k-state-hover, html body.yp .yp-portlet .k-tabstrip-items .k-item, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-textbox:hover, html body.yp .yp-portlet .k-toolbar, html body.yp .yp-portlet .k-tooltip {
    background-repeat: repeat;
    background-position: 0 center; }
  html body.yp .yp-portlet .k-link:hover {
    text-decoration: none; }
  html body.yp .yp-portlet .k-state-highlight > .k-link {
    color: inherit; }
  html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-input[type=text], html body.yp .yp-portlet .k-input[type=number], html body.yp .yp-portlet .k-picker-wrap .k-input, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-textbox > input {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none; }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-draghandle, html body.yp .yp-portlet .k-inline-block, html body.yp .yp-portlet .k-widget {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none; }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-widget {
    line-height: normal;
    outline: 0; }
  html body.yp .yp-portlet .k-widget ::-ms-clear {
    width: 0;
    height: 0; }
  html body.yp .yp-portlet .k-block {
    padding: 2px; }
  html body.yp .yp-portlet .k-button {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
    text-decoration: none; }
  html body.yp .yp-portlet .k-button.k-state-disabled, html body.yp .yp-portlet .k-button.k-state-disabled:active, html body.yp .yp-portlet .k-button.k-state-disabled:hover, html body.yp .yp-portlet .k-button[disabled], html body.yp .yp-portlet .k-state-disabled .k-button, html body.yp .yp-portlet .k-state-disabled .k-button:active, html body.yp .yp-portlet .k-state-disabled .k-button:hover {
    cursor: default; }
  html body.yp .yp-portlet a.k-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none; }
  html body.yp .yp-portlet .k-ff input.k-button {
    padding-bottom: .37em;
    padding-top: .37em; }
  html body.yp .yp-portlet button.k-button::-moz-focus-inner, html body.yp .yp-portlet input.k-button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  html body.yp .yp-portlet a.k-button-expand {
    display: block; }
  html body.yp .yp-portlet button.k-button-expand, html body.yp .yp-portlet input[type=submit].k-button-expand, html body.yp .yp-portlet input[type=button].k-button-expand, html body.yp .yp-portlet input[type=reset].k-button-expand {
    width: 100%; }
  html body.yp .yp-portlet body .k-button-icon, html body.yp .yp-portlet body .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em; }
  html body.yp .yp-portlet .k-button-icontext {
    overflow: visible; }
  html body.yp .yp-portlet .k-toolbar .k-button-icontext {
    padding-right: .8em; }
  html body.yp .yp-portlet .k-button-icontext .k-icon, html body.yp .yp-portlet .k-button-icontext .k-image, html body.yp .yp-portlet .k-button-icontext .k-sprite {
    margin-right: 3px;
    margin-right: .3rem;
    margin-left: -3px;
    margin-left: -.3rem; }
  html body.yp .yp-portlet .k-button.k-button-icontext .k-icon, html body.yp .yp-portlet .k-button.k-button-icontext .k-image {
    vertical-align: text-top; }
  html body.yp .yp-portlet html body .k-button-bare {
    background: 0 0 !important;
    color: inherit;
    border-width: 0; }
  html body.yp .yp-portlet html body .k-button-bare.k-upload-button:hover {
    color: inherit; }
  html body.yp .yp-portlet .k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none; }
  html body.yp .yp-portlet .k-grid-header span.k-link {
    cursor: default; }
  html body.yp .yp-portlet .k-state-disabled, html body.yp .yp-portlet .k-state-disabled .k-button, html body.yp .yp-portlet .k-state-disabled .k-draghandle, html body.yp .yp-portlet .k-state-disabled .k-icon, html body.yp .yp-portlet .k-state-disabled .k-link, html body.yp .yp-portlet .k-state-disabled .k-upload-button input {
    cursor: default !important;
    outline: 0; }
  @media print {
    html body.yp .yp-portlet .k-state-disabled, html body.yp .yp-portlet .k-state-disabled .k-input {
      opacity: 1 !important; } }
  html body.yp .yp-portlet .k-state-error {
    border-style: ridge; }
  html body.yp .yp-portlet .k-state-empty {
    font-style: italic; }
  html body.yp .yp-portlet .k-button-group .k-tool-icon, html body.yp .yp-portlet .k-icon, html body.yp .yp-portlet .k-sprite {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none; }
  html body.yp .yp-portlet .k-icon.k-i-none {
    background-image: none !important; }
  html body.yp .yp-portlet .k-ie8 .k-button-group .k-tool-icon, html body.yp .yp-portlet .k-ie8 .k-icon, html body.yp .yp-portlet .k-ie8 .k-sprite {
    vertical-align: middle; }
  html body.yp .yp-portlet :root * > .k-button-group .k-tool-icon, html body.yp .yp-portlet :root * > .k-icon, html body.yp .yp-portlet :root * > .k-sprite {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-icon, html body.yp .yp-portlet .k-sprite {
    background-color: transparent; }
  html body.yp .yp-portlet .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px; }
  html body.yp .yp-portlet .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px; }
  html body.yp .yp-portlet .k-state-selected .k-i-arrow-n {
    background-position: -16px 0; }
  html body.yp .yp-portlet .k-button:active .k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-state-hover > * > .k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-state-hover > .k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-textbox:hover .k-state-selected .k-i-arrow-n {
    background-position: -32px 0; }
  html body.yp .yp-portlet .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, html body.yp .yp-portlet .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
    background-position: -16px -3px; }
  html body.yp .yp-portlet .k-state-selected .k-i-arrow-s {
    background-position: -16px -32px; }
  html body.yp .yp-portlet .k-button:active .k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-state-hover > * > .k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-state-hover > .k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-textbox:hover .k-state-selected .k-i-arrow-s {
    background-position: -32px -32px; }
  html body.yp .yp-portlet .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, html body.yp .yp-portlet .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
    background-position: -16px -35px; }
  html body.yp .yp-portlet .k-grid-header th > .k-link:hover span.k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-grid-header th > .k-link:hover span.k-i-arrow-s {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-group-indicator .k-link:hover span.k-si-arrow-n {
    background-position: 0 -129px; }
  html body.yp .yp-portlet .k-group-indicator .k-link:hover span.k-si-arrow-s {
    background-position: 0 -159px; }
  html body.yp .yp-portlet .k-group-indicator .k-button:hover span.k-group-delete {
    background-position: -32px -16px; }
  html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
    background-position: -32px -176px; }
  html body.yp .yp-portlet .k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-button:active .k-i-arrow-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrow-n, html body.yp .yp-portlet .k-state-hover > .k-i-arrow-n, html body.yp .yp-portlet .k-textbox:hover .k-i-arrow-n {
    background-position: -16px 0; }
  html body.yp .yp-portlet .k-i-arrow-e {
    background-position: 0 -16px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrow-e, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-e, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrow-e, html body.yp .yp-portlet .k-state-hover > .k-i-arrow-e, html body.yp .yp-portlet .k-textbox:hover .k-i-arrow-e {
    background-position: -16px -16px; }
  html body.yp .yp-portlet .k-rtl .k-i-arrow-w {
    background-position: 0 -16px; }
  html body.yp .yp-portlet .k-rtl .k-button:active .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-state-hover > * > .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-state-hover > .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-textbox:hover .k-i-arrow-w {
    background-position: -16px -16px; }
  html body.yp .yp-portlet .k-i-arrow-s {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrow-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrow-s, html body.yp .yp-portlet .k-state-hover > .k-i-arrow-s, html body.yp .yp-portlet .k-textbox:hover .k-i-arrow-s {
    background-position: -16px -32px; }
  html body.yp .yp-portlet .k-i-arrow-w {
    background-position: 0 -48px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrow-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrow-w, html body.yp .yp-portlet .k-state-hover > .k-i-arrow-w, html body.yp .yp-portlet .k-textbox:hover .k-i-arrow-w {
    background-position: -16px -48px; }
  html body.yp .yp-portlet .k-rtl .k-i-arrow-e {
    background-position: 0 -48px; }
  html body.yp .yp-portlet .k-rtl .k-button:active .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-state-hover > * > .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-state-hover > .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-textbox:hover .k-i-arrow-e {
    background-position: -16px -48px; }
  html body.yp .yp-portlet .k-i-seek-n {
    background-position: 0 -64px; }
  html body.yp .yp-portlet .k-button:active .k-i-seek-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-n, html body.yp .yp-portlet .k-state-hover > * > .k-i-seek-n, html body.yp .yp-portlet .k-state-hover > .k-i-seek-n, html body.yp .yp-portlet .k-textbox:hover .k-i-seek-n {
    background-position: -16px -64px; }
  html body.yp .yp-portlet .k-i-seek-e {
    background-position: 0 -80px; }
  html body.yp .yp-portlet .k-button:active .k-i-seek-e, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-e, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-e, html body.yp .yp-portlet .k-state-hover > * > .k-i-seek-e, html body.yp .yp-portlet .k-state-hover > .k-i-seek-e, html body.yp .yp-portlet .k-textbox:hover .k-i-seek-e {
    background-position: -16px -80px; }
  html body.yp .yp-portlet .k-rtl .k-i-seek-w {
    background-position: 0 -80px; }
  html body.yp .yp-portlet .k-rtl .k-button:active .k-i-seek-w, html body.yp .yp-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w, html body.yp .yp-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-w, html body.yp .yp-portlet .k-rtl .k-state-hover > * > .k-i-seek-w, html body.yp .yp-portlet .k-rtl .k-state-hover > .k-i-seek-w, html body.yp .yp-portlet .k-rtl .k-textbox:hover .k-i-seek-w {
    background-position: -16px -80px; }
  html body.yp .yp-portlet .k-i-seek-s {
    background-position: 0 -96px; }
  html body.yp .yp-portlet .k-button:active .k-i-seek-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-s, html body.yp .yp-portlet .k-state-hover > * > .k-i-seek-s, html body.yp .yp-portlet .k-state-hover > .k-i-seek-s, html body.yp .yp-portlet .k-textbox:hover .k-i-seek-s {
    background-position: -16px -96px; }
  html body.yp .yp-portlet .k-i-seek-w {
    background-position: 0 -112px; }
  html body.yp .yp-portlet .k-button:active .k-i-seek-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-w, html body.yp .yp-portlet .k-state-hover > * > .k-i-seek-w, html body.yp .yp-portlet .k-state-hover > .k-i-seek-w, html body.yp .yp-portlet .k-textbox:hover .k-i-seek-w {
    background-position: -16px -112px; }
  html body.yp .yp-portlet .k-rtl .k-i-seek-e {
    background-position: 0 -112px; }
  html body.yp .yp-portlet .k-rtl .k-button:active .k-i-seek-e, html body.yp .yp-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e, html body.yp .yp-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-e, html body.yp .yp-portlet .k-rtl .k-state-hover > * > .k-i-seek-e, html body.yp .yp-portlet .k-rtl .k-state-hover > .k-i-seek-e, html body.yp .yp-portlet .k-rtl .k-textbox:hover .k-i-seek-e {
    background-position: -16px -112px; }
  html body.yp .yp-portlet .k-si-arrow-n {
    background-position: 0 -129px; }
  html body.yp .yp-portlet .k-button:active .k-si-arrow-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-n, html body.yp .yp-portlet .k-state-hover > * > .k-si-arrow-n, html body.yp .yp-portlet .k-state-hover > .k-si-arrow-n, html body.yp .yp-portlet .k-textbox:hover .k-si-arrow-n {
    background-position: -16px -129px; }
  html body.yp .yp-portlet .k-si-arrow-e {
    background-position: 0 -144px; }
  html body.yp .yp-portlet .k-button:active .k-si-arrow-e, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-e, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-e, html body.yp .yp-portlet .k-state-hover > * > .k-si-arrow-e, html body.yp .yp-portlet .k-state-hover > .k-si-arrow-e, html body.yp .yp-portlet .k-textbox:hover .k-si-arrow-e {
    background-position: -16px -144px; }
  html body.yp .yp-portlet .k-si-arrow-s {
    background-position: 0 -159px; }
  html body.yp .yp-portlet .k-button:active .k-si-arrow-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-s, html body.yp .yp-portlet .k-state-hover > * > .k-si-arrow-s, html body.yp .yp-portlet .k-state-hover > .k-si-arrow-s, html body.yp .yp-portlet .k-textbox:hover .k-si-arrow-s {
    background-position: -16px -159px; }
  html body.yp .yp-portlet .k-si-arrow-w {
    background-position: 0 -176px; }
  html body.yp .yp-portlet .k-button:active .k-si-arrow-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-w, html body.yp .yp-portlet .k-state-hover > * > .k-si-arrow-w, html body.yp .yp-portlet .k-state-hover > .k-si-arrow-w, html body.yp .yp-portlet .k-textbox:hover .k-si-arrow-w {
    background-position: -16px -176px; }
  html body.yp .yp-portlet .k-i-arrowhead-n {
    background-position: 0 -256px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrowhead-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrowhead-n, html body.yp .yp-portlet .k-state-hover > .k-i-arrowhead-n, html body.yp .yp-portlet .k-textbox:hover .k-i-arrowhead-n {
    background-position: -16px -256px; }
  html body.yp .yp-portlet .k-i-arrowhead-e {
    background-position: 0 -272px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrowhead-e, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-e, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrowhead-e, html body.yp .yp-portlet .k-state-hover > .k-i-arrowhead-e, html body.yp .yp-portlet .k-textbox:hover .k-i-arrowhead-e {
    background-position: -16px -272px; }
  html body.yp .yp-portlet .k-i-arrowhead-s {
    background-position: 0 -288px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrowhead-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrowhead-s, html body.yp .yp-portlet .k-state-hover > .k-i-arrowhead-s, html body.yp .yp-portlet .k-textbox:hover .k-i-arrowhead-s {
    background-position: -16px -288px; }
  html body.yp .yp-portlet .k-i-arrowhead-w {
    background-position: 0 -304px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrowhead-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrowhead-w, html body.yp .yp-portlet .k-state-hover > .k-i-arrowhead-w, html body.yp .yp-portlet .k-textbox:hover .k-i-arrowhead-w {
    background-position: -16px -304px; }
  html body.yp .yp-portlet .k-i-expand, html body.yp .yp-portlet .k-plus, html body.yp .yp-portlet .k-plus-disabled {
    background-position: 0 -192px; }
  html body.yp .yp-portlet .k-button:active .k-i-expand, html body.yp .yp-portlet .k-button:active .k-plus, html body.yp .yp-portlet .k-button:active .k-plus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-expand, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-plus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-plus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-expand, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-plus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-plus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-i-expand, html body.yp .yp-portlet .k-state-hover > * > .k-plus, html body.yp .yp-portlet .k-state-hover > * > .k-plus-disabled, html body.yp .yp-portlet .k-state-hover > .k-i-expand, html body.yp .yp-portlet .k-state-hover > .k-plus, html body.yp .yp-portlet .k-state-hover > .k-plus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-i-expand, html body.yp .yp-portlet .k-textbox:hover .k-plus, html body.yp .yp-portlet .k-textbox:hover .k-plus-disabled {
    background-position: -16px -192px; }
  html body.yp .yp-portlet .k-i-expand-w, html body.yp .yp-portlet .k-rtl .k-i-expand, html body.yp .yp-portlet .k-rtl .k-plus, html body.yp .yp-portlet .k-rtl .k-plus-disabled {
    background-position: 0 -208px; }
  html body.yp .yp-portlet .k-button:active .k-i-expand-w, html body.yp .yp-portlet .k-button:active .k-rtl .k-i-expand, html body.yp .yp-portlet .k-button:active .k-rtl .k-plus, html body.yp .yp-portlet .k-button:active .k-rtl .k-plus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-expand-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-plus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-expand-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-i-expand-w, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-i-expand, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-plus, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-plus-disabled, html body.yp .yp-portlet .k-state-hover > .k-i-expand-w, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-i-expand, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-plus, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-plus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-i-expand-w, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-i-expand, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-plus, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-plus-disabled {
    background-position: -16px -208px; }
  html body.yp .yp-portlet .k-i-collapse, html body.yp .yp-portlet .k-minus, html body.yp .yp-portlet .k-minus-disabled {
    background-position: 0 -224px; }
  html body.yp .yp-portlet .k-button:active .k-i-collapse, html body.yp .yp-portlet .k-button:active .k-minus, html body.yp .yp-portlet .k-button:active .k-minus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-collapse, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-minus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-minus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-collapse, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-minus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-minus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-i-collapse, html body.yp .yp-portlet .k-state-hover > * > .k-minus, html body.yp .yp-portlet .k-state-hover > * > .k-minus-disabled, html body.yp .yp-portlet .k-state-hover > .k-i-collapse, html body.yp .yp-portlet .k-state-hover > .k-minus, html body.yp .yp-portlet .k-state-hover > .k-minus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-i-collapse, html body.yp .yp-portlet .k-textbox:hover .k-minus, html body.yp .yp-portlet .k-textbox:hover .k-minus-disabled {
    background-position: -16px -224px; }
  html body.yp .yp-portlet .k-i-collapse-w, html body.yp .yp-portlet .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-rtl .k-minus, html body.yp .yp-portlet .k-rtl .k-minus-disabled {
    background-position: 0 -240px; }
  html body.yp .yp-portlet .k-button:active .k-i-collapse-w, html body.yp .yp-portlet .k-button:active .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-button:active .k-rtl .k-minus, html body.yp .yp-portlet .k-button:active .k-rtl .k-minus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-collapse-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-minus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-collapse-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-i-collapse-w, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-minus, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-minus-disabled, html body.yp .yp-portlet .k-state-hover > .k-i-collapse-w, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-minus, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-minus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-i-collapse-w, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-minus, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-minus-disabled {
    background-position: -16px -240px; }
  html body.yp .yp-portlet .k-edit, html body.yp .yp-portlet .k-i-pencil {
    background-position: -32px 0; }
  html body.yp .yp-portlet .k-button:active .k-edit, html body.yp .yp-portlet .k-button:active .k-i-pencil, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-edit, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-pencil, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-edit, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-pencil, html body.yp .yp-portlet .k-state-hover > * > .k-edit, html body.yp .yp-portlet .k-state-hover > * > .k-i-pencil, html body.yp .yp-portlet .k-state-hover > .k-edit, html body.yp .yp-portlet .k-state-hover > .k-i-pencil, html body.yp .yp-portlet .k-textbox:hover .k-edit, html body.yp .yp-portlet .k-textbox:hover .k-i-pencil {
    background-position: -48px 0; }
  html body.yp .yp-portlet .k-delete, html body.yp .yp-portlet .k-group-delete, html body.yp .yp-portlet .k-i-close {
    background-position: -32px -16px; }
  html body.yp .yp-portlet .k-button:active .k-delete, html body.yp .yp-portlet .k-button:active .k-group-delete, html body.yp .yp-portlet .k-button:active .k-i-close, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-delete, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-group-delete, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-close, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-delete, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-group-delete, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-close, html body.yp .yp-portlet .k-state-hover > * > .k-delete, html body.yp .yp-portlet .k-state-hover > * > .k-group-delete, html body.yp .yp-portlet .k-state-hover > * > .k-i-close, html body.yp .yp-portlet .k-state-hover > .k-delete, html body.yp .yp-portlet .k-state-hover > .k-group-delete, html body.yp .yp-portlet .k-state-hover > .k-i-close, html body.yp .yp-portlet .k-textbox:hover .k-delete, html body.yp .yp-portlet .k-textbox:hover .k-group-delete, html body.yp .yp-portlet .k-textbox:hover .k-i-close {
    background-position: -48px -16px; }
  html body.yp .yp-portlet .k-si-close {
    background-position: -160px -80px; }
  html body.yp .yp-portlet .k-button:active .k-si-close, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-close, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-close, html body.yp .yp-portlet .k-state-hover > * > .k-si-close, html body.yp .yp-portlet .k-state-hover > .k-si-close, html body.yp .yp-portlet .k-textbox:hover .k-si-close {
    background-position: -176px -80px; }
  html body.yp .yp-portlet .k-multiselect .k-delete {
    background-position: -160px -80px; }
  html body.yp .yp-portlet .k-multiselect .k-state-hover .k-delete {
    background-position: -176px -80px; }
  html body.yp .yp-portlet .k-i-tick, html body.yp .yp-portlet .k-insert, html body.yp .yp-portlet .k-update {
    background-position: -32px -32px; }
  html body.yp .yp-portlet .k-button:active .k-i-tick, html body.yp .yp-portlet .k-button:active .k-insert, html body.yp .yp-portlet .k-button:active .k-update, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-tick, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-insert, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-update, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-tick, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-insert, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-update, html body.yp .yp-portlet .k-state-hover > * > .k-i-tick, html body.yp .yp-portlet .k-state-hover > * > .k-insert, html body.yp .yp-portlet .k-state-hover > * > .k-update, html body.yp .yp-portlet .k-state-hover > .k-i-tick, html body.yp .yp-portlet .k-state-hover > .k-insert, html body.yp .yp-portlet .k-state-hover > .k-update, html body.yp .yp-portlet .k-textbox:hover .k-i-tick, html body.yp .yp-portlet .k-textbox:hover .k-insert, html body.yp .yp-portlet .k-textbox:hover .k-update {
    background-position: -48px -32px; }
  html body.yp .yp-portlet .k-check:checked, html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px; }
  html body.yp .yp-portlet .k-button:active .k-check:checked, html body.yp .yp-portlet .k-button:active .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-button:active .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-check:checked, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-check:checked, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-state-hover > * > .k-check:checked, html body.yp .yp-portlet .k-state-hover > * > .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-state-hover > * > .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-state-hover > .k-check:checked, html body.yp .yp-portlet .k-state-hover > .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-state-hover > .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-textbox:hover .k-check:checked, html body.yp .yp-portlet .k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-textbox:hover .k-mobile-list .k-edit-field [type=radio] {
    background-position: -48px -32px; }
  html body.yp .yp-portlet .k-cancel, html body.yp .yp-portlet .k-denied, html body.yp .yp-portlet .k-i-cancel {
    background-position: -32px -48px; }
  html body.yp .yp-portlet .k-button:active .k-cancel, html body.yp .yp-portlet .k-button:active .k-denied, html body.yp .yp-portlet .k-button:active .k-i-cancel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-cancel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-denied, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-cancel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-cancel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-denied, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-cancel, html body.yp .yp-portlet .k-state-hover > * > .k-cancel, html body.yp .yp-portlet .k-state-hover > * > .k-denied, html body.yp .yp-portlet .k-state-hover > * > .k-i-cancel, html body.yp .yp-portlet .k-state-hover > .k-cancel, html body.yp .yp-portlet .k-state-hover > .k-denied, html body.yp .yp-portlet .k-state-hover > .k-i-cancel, html body.yp .yp-portlet .k-textbox:hover .k-cancel, html body.yp .yp-portlet .k-textbox:hover .k-denied, html body.yp .yp-portlet .k-textbox:hover .k-i-cancel {
    background-position: -48px -48px; }
  html body.yp .yp-portlet .k-add, html body.yp .yp-portlet .k-i-plus {
    background-position: -32px -64px; }
  html body.yp .yp-portlet .k-button:active .k-add, html body.yp .yp-portlet .k-button:active .k-i-plus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-add, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-plus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-add, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-plus, html body.yp .yp-portlet .k-state-hover > * > .k-add, html body.yp .yp-portlet .k-state-hover > * > .k-i-plus, html body.yp .yp-portlet .k-state-hover > .k-add, html body.yp .yp-portlet .k-state-hover > .k-i-plus, html body.yp .yp-portlet .k-textbox:hover .k-add, html body.yp .yp-portlet .k-textbox:hover .k-i-plus {
    background-position: -48px -64px; }
  html body.yp .yp-portlet .k-filter, html body.yp .yp-portlet .k-i-funnel {
    background-position: -32px -80px; }
  html body.yp .yp-portlet .k-button:active .k-filter, html body.yp .yp-portlet .k-button:active .k-i-funnel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-filter, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-funnel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-filter, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-funnel, html body.yp .yp-portlet .k-state-hover > * > .k-filter, html body.yp .yp-portlet .k-state-hover > * > .k-i-funnel, html body.yp .yp-portlet .k-state-hover > .k-filter, html body.yp .yp-portlet .k-state-hover > .k-i-funnel, html body.yp .yp-portlet .k-textbox:hover .k-filter, html body.yp .yp-portlet .k-textbox:hover .k-i-funnel {
    background-position: -48px -80px; }
  html body.yp .yp-portlet .k-clear-filter, html body.yp .yp-portlet .k-i-funnel-clear {
    background-position: -32px -96px; }
  html body.yp .yp-portlet .k-button:active .k-clear-filter, html body.yp .yp-portlet .k-button:active .k-i-funnel-clear, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-clear-filter, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-funnel-clear, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-clear-filter, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-funnel-clear, html body.yp .yp-portlet .k-state-hover > * > .k-clear-filter, html body.yp .yp-portlet .k-state-hover > * > .k-i-funnel-clear, html body.yp .yp-portlet .k-state-hover > .k-clear-filter, html body.yp .yp-portlet .k-state-hover > .k-i-funnel-clear, html body.yp .yp-portlet .k-textbox:hover .k-clear-filter, html body.yp .yp-portlet .k-textbox:hover .k-i-funnel-clear {
    background-position: -48px -96px; }
  html body.yp .yp-portlet .k-i-lock {
    background-position: -64px 0; }
  html body.yp .yp-portlet .k-button:active .k-i-lock, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-lock, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-lock, html body.yp .yp-portlet .k-state-hover > * > .k-i-lock, html body.yp .yp-portlet .k-state-hover > .k-i-lock, html body.yp .yp-portlet .k-textbox:hover .k-i-lock {
    background-position: -80px 0; }
  html body.yp .yp-portlet .k-i-unlock {
    background-position: -64px -16px; }
  html body.yp .yp-portlet .k-button:active .k-i-unlock, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-unlock, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-unlock, html body.yp .yp-portlet .k-state-hover > * > .k-i-unlock, html body.yp .yp-portlet .k-state-hover > .k-i-unlock, html body.yp .yp-portlet .k-textbox:hover .k-i-unlock {
    background-position: -80px -16px; }
  html body.yp .yp-portlet .k-i-refresh {
    background-position: -32px -112px; }
  html body.yp .yp-portlet .k-button:active .k-i-refresh, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-refresh, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-refresh, html body.yp .yp-portlet .k-state-hover > * > .k-i-refresh, html body.yp .yp-portlet .k-state-hover > .k-i-refresh, html body.yp .yp-portlet .k-textbox:hover .k-i-refresh {
    background-position: -48px -112px; }
  html body.yp .yp-portlet .k-i-exception {
    background-position: -160px -304px; }
  html body.yp .yp-portlet .k-button:active .k-i-exception, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-exception, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-exception, html body.yp .yp-portlet .k-state-hover > * > .k-i-exception, html body.yp .yp-portlet .k-state-hover > .k-i-exception, html body.yp .yp-portlet .k-textbox:hover .k-i-exception {
    background-position: -176px -304px; }
  html body.yp .yp-portlet .k-i-restore {
    background-position: -32px -128px; }
  html body.yp .yp-portlet .k-button:active .k-i-restore, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-restore, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-restore, html body.yp .yp-portlet .k-state-hover > * > .k-i-restore, html body.yp .yp-portlet .k-state-hover > .k-i-restore, html body.yp .yp-portlet .k-textbox:hover .k-i-restore {
    background-position: -48px -128px; }
  html body.yp .yp-portlet .k-i-maximize {
    background-position: -32px -144px; }
  html body.yp .yp-portlet .k-button:active .k-i-maximize, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-maximize, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-maximize, html body.yp .yp-portlet .k-state-hover > * > .k-i-maximize, html body.yp .yp-portlet .k-state-hover > .k-i-maximize, html body.yp .yp-portlet .k-textbox:hover .k-i-maximize {
    background-position: -48px -144px; }
  html body.yp .yp-portlet .k-i-minimize {
    background-position: -64px -288px; }
  html body.yp .yp-portlet .k-button:active .k-i-minimize, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-minimize, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-minimize, html body.yp .yp-portlet .k-state-hover > * > .k-i-minimize, html body.yp .yp-portlet .k-state-hover > .k-i-minimize, html body.yp .yp-portlet .k-textbox:hover .k-i-minimize {
    background-position: -80px -288px; }
  html body.yp .yp-portlet .k-i-pin {
    background-position: -160px -256px; }
  html body.yp .yp-portlet .k-button:active .k-i-pin, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-pin, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-pin, html body.yp .yp-portlet .k-state-hover > * > .k-i-pin, html body.yp .yp-portlet .k-state-hover > .k-i-pin, html body.yp .yp-portlet .k-textbox:hover .k-i-pin {
    background-position: -176px -256px; }
  html body.yp .yp-portlet .k-i-unpin {
    background-position: -160px -272px; }
  html body.yp .yp-portlet .k-button:active .k-i-unpin, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-unpin, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-unpin, html body.yp .yp-portlet .k-state-hover > * > .k-i-unpin, html body.yp .yp-portlet .k-state-hover > .k-i-unpin, html body.yp .yp-portlet .k-textbox:hover .k-i-unpin {
    background-position: -176px -272px; }
  html body.yp .yp-portlet .k-resize-se {
    background-position: -32px -160px; }
  html body.yp .yp-portlet .k-button:active .k-resize-se, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-resize-se, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-resize-se, html body.yp .yp-portlet .k-state-hover > * > .k-resize-se, html body.yp .yp-portlet .k-state-hover > .k-resize-se, html body.yp .yp-portlet .k-textbox:hover .k-resize-se {
    background-position: -48px -160px; }
  html body.yp .yp-portlet .k-i-calendar {
    background-position: -32px -176px; }
  html body.yp .yp-portlet .k-button:active .k-i-calendar, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-calendar, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-calendar, html body.yp .yp-portlet .k-state-hover > * > .k-i-calendar, html body.yp .yp-portlet .k-state-hover > .k-i-calendar, html body.yp .yp-portlet .k-textbox:hover .k-i-calendar {
    background-position: -48px -176px; }
  html body.yp .yp-portlet .k-i-clock {
    background-position: -32px -192px; }
  html body.yp .yp-portlet .k-button:active .k-i-clock, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-clock, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-clock, html body.yp .yp-portlet .k-state-hover > * > .k-i-clock, html body.yp .yp-portlet .k-state-hover > .k-i-clock, html body.yp .yp-portlet .k-textbox:hover .k-i-clock {
    background-position: -48px -192px; }
  html body.yp .yp-portlet .k-si-plus {
    background-position: -32px -208px; }
  html body.yp .yp-portlet .k-button:active .k-si-plus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-plus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-plus, html body.yp .yp-portlet .k-state-hover > * > .k-si-plus, html body.yp .yp-portlet .k-state-hover > .k-si-plus, html body.yp .yp-portlet .k-textbox:hover .k-si-plus {
    background-position: -48px -208px; }
  html body.yp .yp-portlet .k-si-minus {
    background-position: -32px -224px; }
  html body.yp .yp-portlet .k-button:active .k-si-minus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-minus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-minus, html body.yp .yp-portlet .k-state-hover > * > .k-si-minus, html body.yp .yp-portlet .k-state-hover > .k-si-minus, html body.yp .yp-portlet .k-textbox:hover .k-si-minus {
    background-position: -48px -224px; }
  html body.yp .yp-portlet .k-i-search {
    background-position: -32px -240px; }
  html body.yp .yp-portlet .k-button:active .k-i-search, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-search, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-search, html body.yp .yp-portlet .k-state-hover > * > .k-i-search, html body.yp .yp-portlet .k-state-hover > .k-i-search, html body.yp .yp-portlet .k-textbox:hover .k-i-search {
    background-position: -48px -240px; }
  html body.yp .yp-portlet .k-i-custom {
    background-position: -115px -113px; }
  html body.yp .yp-portlet .k-button:active .k-i-custom, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-custom, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-custom, html body.yp .yp-portlet .k-state-hover > * > .k-i-custom, html body.yp .yp-portlet .k-state-hover > .k-i-custom, html body.yp .yp-portlet .k-textbox:hover .k-i-custom {
    background-position: -141px -113px; }
  html body.yp .yp-portlet .k-editor .k-i-custom {
    background-position: -111px -109px; }
  html body.yp .yp-portlet .k-viewHtml {
    background-position: -288px -120px; }
  html body.yp .yp-portlet .k-i-insert-n, html body.yp .yp-portlet .k-insert-top {
    background-position: -160px -32px; }
  html body.yp .yp-portlet .k-button:active .k-i-insert-n, html body.yp .yp-portlet .k-button:active .k-insert-top, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-insert-top, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-insert-top, html body.yp .yp-portlet .k-state-hover > * > .k-i-insert-n, html body.yp .yp-portlet .k-state-hover > * > .k-insert-top, html body.yp .yp-portlet .k-state-hover > .k-i-insert-n, html body.yp .yp-portlet .k-state-hover > .k-insert-top, html body.yp .yp-portlet .k-textbox:hover .k-i-insert-n, html body.yp .yp-portlet .k-textbox:hover .k-insert-top {
    background-position: -176px -32px; }
  html body.yp .yp-portlet .k-i-insert-m, html body.yp .yp-portlet .k-insert-middle {
    background-position: -160px -48px; }
  html body.yp .yp-portlet .k-button:active .k-i-insert-m, html body.yp .yp-portlet .k-button:active .k-insert-middle, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-m, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-insert-middle, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-m, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-insert-middle, html body.yp .yp-portlet .k-state-hover > * > .k-i-insert-m, html body.yp .yp-portlet .k-state-hover > * > .k-insert-middle, html body.yp .yp-portlet .k-state-hover > .k-i-insert-m, html body.yp .yp-portlet .k-state-hover > .k-insert-middle, html body.yp .yp-portlet .k-textbox:hover .k-i-insert-m, html body.yp .yp-portlet .k-textbox:hover .k-insert-middle {
    background-position: -176px -48px; }
  html body.yp .yp-portlet .k-i-insert-s, html body.yp .yp-portlet .k-insert-bottom {
    background-position: -160px -64px; }
  html body.yp .yp-portlet .k-button:active .k-i-insert-s, html body.yp .yp-portlet .k-button:active .k-insert-bottom, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-insert-bottom, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-insert-bottom, html body.yp .yp-portlet .k-state-hover > * > .k-i-insert-s, html body.yp .yp-portlet .k-state-hover > * > .k-insert-bottom, html body.yp .yp-portlet .k-state-hover > .k-i-insert-s, html body.yp .yp-portlet .k-state-hover > .k-insert-bottom, html body.yp .yp-portlet .k-textbox:hover .k-i-insert-s, html body.yp .yp-portlet .k-textbox:hover .k-insert-bottom {
    background-position: -176px -64px; }
  html body.yp .yp-portlet .k-drop-hint {
    background-position: 0 -326px; }
  html body.yp .yp-portlet .k-i-note, html body.yp .yp-portlet .k-warning {
    background-position: -160px -240px; }
  html body.yp .yp-portlet .k-button:active .k-i-note, html body.yp .yp-portlet .k-button:active .k-warning, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-note, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-warning, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-note, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-warning, html body.yp .yp-portlet .k-state-hover > * > .k-i-note, html body.yp .yp-portlet .k-state-hover > * > .k-warning, html body.yp .yp-portlet .k-state-hover > .k-i-note, html body.yp .yp-portlet .k-state-hover > .k-warning, html body.yp .yp-portlet .k-textbox:hover .k-i-note, html body.yp .yp-portlet .k-textbox:hover .k-warning {
    background-position: -176px -240px; }
  html body.yp .yp-portlet .k-i-sort-asc {
    background-position: -112px -240px; }
  html body.yp .yp-portlet .k-button:active .k-i-sort-asc, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sort-asc, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sort-asc, html body.yp .yp-portlet .k-state-hover > * > .k-i-sort-asc, html body.yp .yp-portlet .k-state-hover > .k-i-sort-asc, html body.yp .yp-portlet .k-textbox:hover .k-i-sort-asc {
    background-position: -128px -240px; }
  html body.yp .yp-portlet .k-i-sort-desc {
    background-position: -112px -256px; }
  html body.yp .yp-portlet .k-button:active .k-i-sort-desc, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sort-desc, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sort-desc, html body.yp .yp-portlet .k-state-hover > * > .k-i-sort-desc, html body.yp .yp-portlet .k-state-hover > .k-i-sort-desc, html body.yp .yp-portlet .k-textbox:hover .k-i-sort-desc {
    background-position: -128px -256px; }
  html body.yp .yp-portlet .k-i-group {
    background-position: -112px -272px; }
  html body.yp .yp-portlet .k-button:active .k-i-group, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-group, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-group, html body.yp .yp-portlet .k-state-hover > * > .k-i-group, html body.yp .yp-portlet .k-state-hover > .k-i-group, html body.yp .yp-portlet .k-textbox:hover .k-i-group {
    background-position: -128px -272px; }
  html body.yp .yp-portlet .k-i-ungroup {
    background-position: -112px -288px; }
  html body.yp .yp-portlet .k-button:active .k-i-ungroup, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-ungroup, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-ungroup, html body.yp .yp-portlet .k-state-hover > * > .k-i-ungroup, html body.yp .yp-portlet .k-state-hover > .k-i-ungroup, html body.yp .yp-portlet .k-textbox:hover .k-i-ungroup {
    background-position: -128px -288px; }
  html body.yp .yp-portlet .k-i-columns {
    background-position: -112px -304px; }
  html body.yp .yp-portlet .k-button:active .k-i-columns, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-columns, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-columns, html body.yp .yp-portlet .k-state-hover > * > .k-i-columns, html body.yp .yp-portlet .k-state-hover > .k-i-columns, html body.yp .yp-portlet .k-textbox:hover .k-i-columns {
    background-position: -128px -304px; }
  html body.yp .yp-portlet .k-i-hbars {
    background-position: -64px -32px; }
  html body.yp .yp-portlet .k-button:active .k-i-hbars, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-hbars, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-hbars, html body.yp .yp-portlet .k-state-hover > * > .k-i-hbars, html body.yp .yp-portlet .k-state-hover > .k-i-hbars, html body.yp .yp-portlet .k-textbox:hover .k-i-hbars {
    background-position: -80px -32px; }
  html body.yp .yp-portlet .k-i-vbars {
    background-position: -64px -48px; }
  html body.yp .yp-portlet .k-button:active .k-i-vbars, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-vbars, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-vbars, html body.yp .yp-portlet .k-state-hover > * > .k-i-vbars, html body.yp .yp-portlet .k-state-hover > .k-i-vbars, html body.yp .yp-portlet .k-textbox:hover .k-i-vbars {
    background-position: -80px -48px; }
  html body.yp .yp-portlet .k-i-sum {
    background-position: -64px -64px; }
  html body.yp .yp-portlet .k-button:active .k-i-sum, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sum, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sum, html body.yp .yp-portlet .k-state-hover > * > .k-i-sum, html body.yp .yp-portlet .k-state-hover > .k-i-sum, html body.yp .yp-portlet .k-textbox:hover .k-i-sum {
    background-position: -80px -64px; }
  html body.yp .yp-portlet .k-i-pdf {
    background-position: -64px -80px; }
  html body.yp .yp-portlet .k-button:active .k-i-pdf, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-pdf, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-pdf, html body.yp .yp-portlet .k-state-hover > * > .k-i-pdf, html body.yp .yp-portlet .k-state-hover > .k-i-pdf, html body.yp .yp-portlet .k-textbox:hover .k-i-pdf {
    background-position: -80px -80px; }
  html body.yp .yp-portlet .k-i-excel {
    background-position: -64px -96px; }
  html body.yp .yp-portlet .k-button:active .k-i-excel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-excel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-excel, html body.yp .yp-portlet .k-state-hover > * > .k-i-excel, html body.yp .yp-portlet .k-state-hover > .k-i-excel, html body.yp .yp-portlet .k-textbox:hover .k-i-excel {
    background-position: -80px -96px; }
  html body.yp .yp-portlet .k-i-rotatecw {
    background-position: -64px -112px; }
  html body.yp .yp-portlet .k-button:active .k-i-rotatecw, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-rotatecw, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-rotatecw, html body.yp .yp-portlet .k-state-hover > * > .k-i-rotatecw, html body.yp .yp-portlet .k-state-hover > .k-i-rotatecw, html body.yp .yp-portlet .k-textbox:hover .k-i-rotatecw {
    background-position: -80px -112px; }
  html body.yp .yp-portlet .k-i-rotateccw {
    background-position: -64px -128px; }
  html body.yp .yp-portlet .k-button:active .k-i-rotateccw, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-rotateccw, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-rotateccw, html body.yp .yp-portlet .k-state-hover > * > .k-i-rotateccw, html body.yp .yp-portlet .k-state-hover > .k-i-rotateccw, html body.yp .yp-portlet .k-textbox:hover .k-i-rotateccw {
    background-position: -80px -128px; }
  html body.yp .yp-portlet .k-i-undo {
    background-position: -64px -160px; }
  html body.yp .yp-portlet .k-button:active .k-i-undo, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-undo, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-undo, html body.yp .yp-portlet .k-state-hover > * > .k-i-undo, html body.yp .yp-portlet .k-state-hover > .k-i-undo, html body.yp .yp-portlet .k-textbox:hover .k-i-undo {
    background-position: -80px -160px; }
  html body.yp .yp-portlet .k-i-redo {
    background-position: -64px -144px; }
  html body.yp .yp-portlet .k-button:active .k-i-redo, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-redo, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-redo, html body.yp .yp-portlet .k-state-hover > * > .k-i-redo, html body.yp .yp-portlet .k-state-hover > .k-i-redo, html body.yp .yp-portlet .k-textbox:hover .k-i-redo {
    background-position: -80px -144px; }
  html body.yp .yp-portlet .k-i-shape {
    background-position: -64px -176px; }
  html body.yp .yp-portlet .k-button:active .k-i-shape, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-shape, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-shape, html body.yp .yp-portlet .k-state-hover > * > .k-i-shape, html body.yp .yp-portlet .k-state-hover > .k-i-shape, html body.yp .yp-portlet .k-textbox:hover .k-i-shape {
    background-position: -80px -176px; }
  html body.yp .yp-portlet .k-i-connector {
    background-position: -64px -192px; }
  html body.yp .yp-portlet .k-button:active .k-i-connector, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-connector, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-connector, html body.yp .yp-portlet .k-state-hover > * > .k-i-connector, html body.yp .yp-portlet .k-state-hover > .k-i-connector, html body.yp .yp-portlet .k-textbox:hover .k-i-connector {
    background-position: -80px -192px; }
  html body.yp .yp-portlet .k-i-kpi {
    background-position: -64px -208px; }
  html body.yp .yp-portlet .k-button:active .k-i-kpi, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-kpi, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-kpi, html body.yp .yp-portlet .k-state-hover > * > .k-i-kpi, html body.yp .yp-portlet .k-state-hover > .k-i-kpi, html body.yp .yp-portlet .k-textbox:hover .k-i-kpi {
    background-position: -80px -208px; }
  html body.yp .yp-portlet .k-i-dimension {
    background-position: -64px -224px; }
  html body.yp .yp-portlet .k-button:active .k-i-dimension, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-dimension, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-dimension, html body.yp .yp-portlet .k-state-hover > * > .k-i-dimension, html body.yp .yp-portlet .k-state-hover > .k-i-dimension, html body.yp .yp-portlet .k-textbox:hover .k-i-dimension {
    background-position: -80px -224px; }
  html body.yp .yp-portlet .k-file {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-button:active .k-file, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-file, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-file, html body.yp .yp-portlet .k-state-hover > * > .k-file, html body.yp .yp-portlet .k-state-hover > .k-file, html body.yp .yp-portlet .k-textbox:hover .k-file {
    background-position: -16px 0; }
  html body.yp .yp-portlet .k-addfolder, html body.yp .yp-portlet .k-i-folder-add {
    background-position: -32px -272px; }
  html body.yp .yp-portlet .k-button:active .k-addfolder, html body.yp .yp-portlet .k-button:active .k-i-folder-add, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-addfolder, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-folder-add, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-addfolder, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-folder-add, html body.yp .yp-portlet .k-state-hover > * > .k-addfolder, html body.yp .yp-portlet .k-state-hover > * > .k-i-folder-add, html body.yp .yp-portlet .k-state-hover > .k-addfolder, html body.yp .yp-portlet .k-state-hover > .k-i-folder-add, html body.yp .yp-portlet .k-textbox:hover .k-addfolder, html body.yp .yp-portlet .k-textbox:hover .k-i-folder-add {
    background-position: -48px -272px; }
  html body.yp .yp-portlet .k-goup, html body.yp .yp-portlet .k-i-folder-up {
    background-position: -32px -288px; }
  html body.yp .yp-portlet .k-button:active .k-goup, html body.yp .yp-portlet .k-button:active .k-i-folder-up, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-goup, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-folder-up, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-goup, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-folder-up, html body.yp .yp-portlet .k-state-hover > * > .k-goup, html body.yp .yp-portlet .k-state-hover > * > .k-i-folder-up, html body.yp .yp-portlet .k-state-hover > .k-goup, html body.yp .yp-portlet .k-state-hover > .k-i-folder-up, html body.yp .yp-portlet .k-textbox:hover .k-goup, html body.yp .yp-portlet .k-textbox:hover .k-i-folder-up {
    background-position: -48px -288px; }
  html body.yp .yp-portlet .k-i-more {
    background-position: -64px -32px; }
  html body.yp .yp-portlet .k-button:active .k-i-more, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-more, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-more, html body.yp .yp-portlet .k-state-hover > * > .k-i-more, html body.yp .yp-portlet .k-state-hover > .k-i-more, html body.yp .yp-portlet .k-textbox:hover .k-i-more {
    background-position: -80px -32px; }
  html body.yp .yp-portlet .k-i-gantt-toggle {
    background-position: -64px -240px; }
  html body.yp .yp-portlet .k-button:active .k-i-gantt-toggle, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-gantt-toggle, html body.yp .yp-portlet .k-state-hover > * > .k-i-gantt-toggle, html body.yp .yp-portlet .k-state-hover > .k-i-gantt-toggle, html body.yp .yp-portlet .k-textbox:hover .k-i-gantt-toggle {
    background-position: -80px -240px; }
  html body.yp .yp-portlet .k-file > .k-icon {
    background-position: -115px -91px; }
  html body.yp .yp-portlet .k-image {
    border: 0; }
  html body.yp .yp-portlet .k-breadcrumbs:hover .k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-breadcrumbs:hover .k-i-arrow-e {
    background-position: 0 -16px; }
  html body.yp .yp-portlet .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-button:active .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-button:active .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-button:active .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .yp-portlet .k-state-hover > * > .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-state-hover > * > .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-state-hover > * > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .yp-portlet .k-state-hover > .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-state-hover > .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-state-hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .yp-portlet .k-textbox:hover .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-textbox:hover .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-textbox:hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: -16px -32px; }
  html body.yp .yp-portlet html .k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0; }
  html body.yp .yp-portlet html .k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff; }
  html body.yp .yp-portlet html .k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0; }
  html body.yp .yp-portlet .k-inline-block {
    padding: 0 2px; }
  html body.yp .yp-portlet .k-loading, html body.yp .yp-portlet .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center; }
  html body.yp .yp-portlet .k-loading-image, html body.yp .yp-portlet .k-loading-mask, html body.yp .yp-portlet .k-loading-text {
    position: absolute; }
  html body.yp .yp-portlet .k-loading-mask {
    z-index: 100; }
  html body.yp .yp-portlet .k-loading-mask .k-loading-progress {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  html body.yp .yp-portlet .k-loading-text {
    text-indent: -4000px;
    text-align: center; }
  html body.yp .yp-portlet .k-loading-color, html body.yp .yp-portlet .k-loading-image {
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-loading-image {
    top: 0;
    left: 0;
    z-index: 2; }
  html body.yp .yp-portlet .k-loading-color {
    filter: alpha(opacity=30);
    opacity: .3; }
  html body.yp .yp-portlet .k-content-frame {
    border: 0;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-pane > .k-splitter-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute; }
  html body.yp .yp-portlet .k-drag-clue {
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default; }
  html body.yp .yp-portlet .k-drag-status {
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible; }
  html body.yp .yp-portlet .k-reorder-cue .k-icon {
    position: absolute;
    left: -4px;
    width: 8px;
    height: 4px; }
  html body.yp .yp-portlet .k-reorder-cue .k-i-arrow-s {
    top: -4px;
    background-position: -4px -166px; }
  html body.yp .yp-portlet .k-reorder-cue .k-i-arrow-n {
    bottom: -4px;
    background-position: -4px -134px; }
  html body.yp .yp-portlet .k-scrollbar {
    position: absolute;
    overflow: scroll; }
  html body.yp .yp-portlet .k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    overflow-x: hidden; }
  html body.yp .yp-portlet .k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    html body.yp .yp-portlet body .k-touch-scrollbar {
      height: 12px;
      width: 12px;
      border-radius: 7px; } }
  html body.yp .yp-portlet .k-virtual-scrollable-wrap {
    overflow-x: auto; }
  html body.yp .yp-portlet .k-current-time {
    background: red;
    position: absolute; }
  html body.yp .yp-portlet .k-animation-container, html body.yp .yp-portlet .k-animation-container *, html body.yp .yp-portlet .k-animation-container :after, html body.yp .yp-portlet .k-block .k-header, html body.yp .yp-portlet .k-list-container, html body.yp .yp-portlet .k-widget, html body.yp .yp-portlet .k-widget *, html body.yp .yp-portlet .k-widget :before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-edit-cell .k-widget, html body.yp .yp-portlet .k-grid-edit-row .k-widget, html body.yp .yp-portlet .k-grid-edit-row .text-box, html body.yp .yp-portlet .k-tabstrip > .k-content > .km-scroll-container, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .km-actionsheet > li, html body.yp .yp-portlet .km-shim, html body.yp .yp-portlet div.k-window-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .input-group .form-control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .form-control.k-widget {
    padding: 0; }
  html body.yp .yp-portlet a.k-button:hover {
    text-decoration: none; }
  html body.yp .yp-portlet .km-widget, html body.yp .yp-portlet .km-widget * {
    -webkit-background-clip: border-box;
    background-clip: border-box; }
  html body.yp .yp-portlet .k-radio, html body.yp .yp-portlet input.k-checkbox {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    -webkit-appearance: none;
    overflow: hidden; }
  html body.yp .yp-portlet .k-ff .k-radio, html body.yp .yp-portlet .k-ff input.k-checkbox {
    position: absolute; }
  html body.yp .yp-portlet .k-checkbox-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer; }
  html body.yp .yp-portlet .k-checkbox-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    width: 1em;
    height: 1em;
    font-size: 1em;
    line-height: 1em;
    text-align: center; }
  html body.yp .yp-portlet .k-checkbox:indeterminate + .k-checkbox-label:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-width: 1px;
    border-style: solid;
    width: 8px;
    height: 8px;
    font-size: 1em;
    text-align: center;
    content: " ";
    margin-left: -2px; }
  html body.yp .yp-portlet .k-checkbox:checked + .k-checkbox-label:before {
    content: "\2713"; }
  html body.yp .yp-portlet .k-checkbox:disabled + .k-checkbox-label {
    cursor: auto; }
  html body.yp .yp-portlet .k-radio-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer; }
  html body.yp .yp-portlet .k-radio-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border-style: solid; }
  html body.yp .yp-portlet .k-radio:checked + .k-radio-label:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px; }
  html body.yp .yp-portlet .k-radio:disabled + .k-radio-label {
    cursor: auto; }
  html body.yp .yp-portlet .k-ie8 .k-radio, html body.yp .yp-portlet .k-ie8 input.k-checkbox {
    display: inline-block;
    width: auto; }
  html body.yp .yp-portlet .k-ie8 .k-checkbox-label, html body.yp .yp-portlet .k-ie8 .k-radio-label {
    padding-left: 0; }
  html body.yp .yp-portlet .k-ie8 .k-checkbox-label:before, html body.yp .yp-portlet .k-ie8 .k-radio-label:after, html body.yp .yp-portlet .k-ie8 .k-radio-label:before {
    display: none; }
  html body.yp .yp-portlet .k-rtl .k-checkbox-label, html body.yp .yp-portlet .k-rtl .k-radio-label {
    padding-right: 1.5em; }
  html body.yp .yp-portlet .k-rtl .k-checkbox-label:before, html body.yp .yp-portlet .k-rtl .k-radio-label:before {
    right: 0; }
  html body.yp .yp-portlet .k-rtl .k-radio:checked + .k-radio-label:after {
    right: 3px; }
  html body.yp .yp-portlet input.k-checkbox + label {
    -webkit-user-select: none; }
  html body.yp .yp-portlet .k-pdf-export-shadow {
    position: absolute;
    overflow: hidden;
    left: -15000px;
    width: 14400px; }
  html body.yp .yp-portlet .km-native-scroller {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-x pan-y;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity; }
  html body.yp .yp-portlet .k-rpanel-left {
    -webkit-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    left: 0; }
  html body.yp .yp-portlet .k-rpanel-right {
    -webkit-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    right: 0; }
  html body.yp .yp-portlet .k-rpanel-left, html body.yp .yp-portlet .k-rpanel-right {
    position: fixed;
    display: block;
    overflow: auto;
    min-width: 320px;
    height: 100%;
    top: 0; }
  html body.yp .yp-portlet .k-rpanel-left.k-rpanel-expanded, html body.yp .yp-portlet .k-rpanel-right.k-rpanel-expanded {
    -webkit-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  html body.yp .yp-portlet .k-rpanel-left + *, html body.yp .yp-portlet .k-rpanel-right + * {
    overflow: auto; }
  html body.yp .yp-portlet .k-rpanel-top {
    position: static;
    max-height: 0; }
  html body.yp .yp-portlet .k-rpanel-top.k-rpanel-expanded {
    max-height: 568px;
    overflow: visible !important; }
  html body.yp .yp-portlet .k-edit-form {
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-window > div.k-popup-edit-form {
    padding: 1em 0; }
  html body.yp .yp-portlet .k-grid-edit-row .k-edit-form td {
    border-bottom-width: 0; }
  html body.yp .yp-portlet .k-edit-form-container {
    position: relative;
    width: 400px; }
  html body.yp .yp-portlet .k-edit-form-container .editor-label, html body.yp .yp-portlet .k-edit-label {
    float: left;
    clear: both;
    width: 30%;
    padding: .4em 0 1em;
    margin-left: 2%;
    text-align: right; }
  html body.yp .yp-portlet .k-edit-field, html body.yp .yp-portlet .k-edit-form-container .editor-field {
    float: right;
    clear: right;
    width: 60%;
    margin-right: 2%;
    padding: 0 0 .6em; }
  html body.yp .yp-portlet .k-edit-field > input[type=checkbox], html body.yp .yp-portlet .k-edit-field > input[type=radio] {
    margin-top: .4em; }
  html body.yp .yp-portlet .k-edit-form-container .k-button {
    margin: 0 .16em; }
  html body.yp .yp-portlet .k-edit-field > .k-button:first-child, html body.yp .yp-portlet .k-edit-field > input[type=checkbox]:first-child, html body.yp .yp-portlet .k-edit-field > input[type=radio]:first-child, html body.yp .yp-portlet .k-edit-field > label:first-child > input[type=checkbox] {
    margin-left: 0; }
  html body.yp .yp-portlet .k-edit-form-container .k-edit-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em; }
  html body.yp .yp-portlet div.k-window {
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em; }
  html body.yp .yp-portlet .k-block > .k-header, html body.yp .yp-portlet .k-window-titlebar {
    position: absolute;
    width: 100%;
    height: 1.1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2em;
    padding: .4em 0;
    font-size: 1.2em;
    white-space: nowrap;
    min-height: 16px; }
  html body.yp .yp-portlet .k-block > .k-header {
    position: relative;
    margin: -2px 0 10px -2px;
    padding: .3em 2px; }
  html body.yp .yp-portlet .k-window-title {
    position: absolute;
    left: .44em;
    right: .44em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-window-title .k-image {
    margin: 0 5px 0 0;
    vertical-align: middle; }
  html body.yp .yp-portlet div.k-window-titleless {
    padding-top: 0; }
  html body.yp .yp-portlet div.k-window-content {
    position: relative;
    height: 100%;
    padding: .58em;
    overflow: auto;
    outline: 0; }
  html body.yp .yp-portlet div.k-window-iframecontent {
    padding: 0;
    overflow: visible; }
  html body.yp .yp-portlet .k-window-content > .km-scroll-container {
    height: 100%; }
  html body.yp .yp-portlet .k-window-titlebar .k-window-actions {
    position: absolute;
    top: 0;
    right: .3em;
    padding-top: .3em;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-window-titlebar .k-window-action {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    opacity: .7; }
  html body.yp .yp-portlet .k-window-titlebar .k-state-hover {
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    opacity: 1; }
  html body.yp .yp-portlet .k-window-action .k-icon {
    margin: 0;
    vertical-align: top; }
  html body.yp .yp-portlet .k-window > .k-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1; }
  html body.yp .yp-portlet .k-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize; }
  html body.yp .yp-portlet .k-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize; }
  html body.yp .yp-portlet .k-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize; }
  html body.yp .yp-portlet .k-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize; }
  html body.yp .yp-portlet .k-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize; }
  html body.yp .yp-portlet .k-resize-sw {
    bottom: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: sw-resize; }
  html body.yp .yp-portlet .k-resize-ne {
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    cursor: ne-resize; }
  html body.yp .yp-portlet .k-resize-nw {
    top: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: nw-resize; }
  html body.yp .yp-portlet .k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .yp-portlet .k-window .k-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0; }
  html body.yp .yp-portlet .k-action-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em;
    margin: 0 -1em; }
  html body.yp .yp-portlet .k-action-buttons .k-button {
    display: inline-block;
    margin: 0 0 0 6px;
    min-width: 75px; }
  html body.yp .yp-portlet .k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative; }
  html body.yp .yp-portlet .k-tabstrip-items {
    padding: .3em .3em 0; }
  html body.yp .yp-portlet .k-tabstrip-scrollable .k-tabstrip-items {
    white-space: nowrap;
    overflow: hidden; }
  html body.yp .yp-portlet .k-tabstrip > .k-button {
    position: absolute;
    top: .4em;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-button {
    top: auto;
    bottom: .4em; }
  html body.yp .yp-portlet .k-tabstrip-prev {
    left: .4em; }
  html body.yp .yp-portlet .k-tabstrip-next {
    right: .4em; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-item, html body.yp .yp-portlet .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0 -1px 0 0;
    padding: 0;
    vertical-align: top; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 1px; }
  html body.yp .yp-portlet .k-tabstrip-items .k-tab-on-top {
    z-index: 1; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-link, html body.yp .yp-portlet .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-icon, html body.yp .yp-portlet .k-tabstrip-items .k-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-item .k-image, html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-item .k-sprite, html body.yp .yp-portlet .k-tabstrip-items .k-item .k-image, html body.yp .yp-portlet .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-tabstrip-items .k-loading {
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: 0 0;
    border-top: 1px solid transparent;
    border-color: inherit;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
    -webkit-transition: "width 200ms linear";
    transition: "width 200ms linear";
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
    animation: k-tab-loader 1s ease-in-out infinite; }
  html body.yp .yp-portlet .k-tabstrip-items .k-progress {
    -webkit-animation: none;
    animation: none; }
  html body.yp .yp-portlet .k-tabstrip-items .k-loading.k-complete {
    width: 100%;
    -webkit-animation: none;
    animation: none; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip > .k-content, html body.yp .yp-portlet .k-tabstrip > .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .286em .3em;
    padding: .3em .92em;
    zoom: 1; }
  html body.yp .yp-portlet .k-tabstrip > .k-content {
    display: none;
    overflow: auto; }
  html body.yp .yp-portlet .k-tabstrip > .k-content.km-scroll-wrapper {
    padding: 0; }
  html body.yp .yp-portlet .k-tabstrip > .k-content > .km-scroll-container {
    padding: .3em .92em; }

@-webkit-keyframes k-tab-loader {
  0% {
    left: 0; }
  50% {
    left: 80%; }
  100% {
    left: 0; } }

@keyframes k-tab-loader {
  0% {
    left: 0; }
  50% {
    left: 80%; }
  100% {
    left: 0; } }
  html body.yp .yp-portlet .k-tabstrip-left > div.k-content, html body.yp .yp-portlet .k-tabstrip-right > div.k-content {
    margin: .286em .3em; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-item, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-item {
    display: block;
    margin-bottom: -1px; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-link, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-link {
    display: block; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 0; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items {
    float: left;
    padding: .25em 0 .3em .3em; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-item {
    border-width: 1px 0 1px 1px;
    border-radius: 3px 0 0 3px; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active {
    border-width: 1px 0 1px 1px; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
    margin-right: -2px;
    padding-right: 1px; }
  html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items {
    float: right;
    padding: .25em .3em .3em 0; }
  html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-item {
    border-width: 1px 1px 1px 0;
    border-radius: 0 3px 3px 0; }
  html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-state-active {
    border-width: 1px 1px 1px 0; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-left: -1px;
    padding-left: 1px; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-tabstrip-items {
    margin-top: -1px;
    padding: 0 .3em .3em; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-bottom > .k-content, html body.yp .yp-portlet .k-tabstrip-bottom > .k-content {
    margin: .3em .286em 0;
    z-index: 1;
    position: relative; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-tabstrip-items .k-item {
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
    margin-bottom: 0;
    padding-bottom: 0; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-content {
    min-height: 100px; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-tabstrip-items .k-loading {
    top: auto;
    bottom: 0; }
  html body.yp .yp-portlet .k-panelbar {
    zoom: 1; }
  html body.yp .yp-portlet .k-panel > .k-item, html body.yp .yp-portlet .k-panelbar > .k-item {
    list-style-type: none;
    display: block;
    border-width: 0;
    margin: 0;
    zoom: 1;
    border-radius: 0; }
  html body.yp .yp-portlet .k-panelbar .k-link > .k-image, html body.yp .yp-portlet .k-panelbar .k-link > .k-sprite {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-panel > .k-item > .k-link, html body.yp .yp-portlet .k-panelbar > .k-item > .k-link {
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0 1em;
    line-height: 2.34em;
    text-decoration: none;
    zoom: 1; }
  html body.yp .yp-portlet .k-panelbar-collapse, html body.yp .yp-portlet .k-panelbar-expand {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px; }
  html body.yp .yp-portlet .k-panelbar .k-content, html body.yp .yp-portlet .k-panelbar .k-panel {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1; }
  html body.yp .yp-portlet .k-panel > .k-item > .k-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2; }
  html body.yp .yp-portlet .k-panel .k-panel > .k-item > .k-link {
    padding-left: 2em; }
  html body.yp .yp-portlet .k-panelbar .k-i-seek-e .k-link {
    border-bottom: 0; }
  html body.yp .yp-portlet .k-panel .k-panel {
    border-bottom: 0; }
  html body.yp .yp-portlet .k-menu {
    cursor: default; }
  html body.yp .yp-portlet .k-menu, html body.yp .yp-portlet .k-menu .k-menu-group {
    list-style: none;
    margin: 0;
    padding: 0;
    zoom: 1; }
  html body.yp .yp-portlet .k-menu:after {
    content: '';
    display: block;
    width: 99%;
    height: 0;
    float: inherit;
    clear: both; }
  html body.yp .yp-portlet .k-menu .k-item {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-menu .k-item div {
    -webkit-user-select: default;
    -moz-user-select: default;
    -ms-user-select: default;
    user-select: default; }
  html body.yp .yp-portlet .k-menu .k-item .k-item, html body.yp .yp-portlet ul.k-menu-vertical > .k-item {
    display: block;
    float: none;
    border-width: 0; }
  html body.yp .yp-portlet .k-menu .k-image, html body.yp .yp-portlet .k-menu .k-item > .k-link > .k-icon, html body.yp .yp-portlet .k-menu .k-sprite {
    margin: -2px 4px 0 -4px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-menu .k-item > .k-link > .k-icon {
    margin: -2px 0 0; }
  html body.yp .yp-portlet .k-menu .k-item > .k-link {
    display: block;
    padding: .5em 1.1em .4em;
    line-height: 1.34em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-menu .k-menu-group {
    display: none;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-menu .k-menu-group > .k-item {
    display: block;
    border-width: 0; }
  html body.yp .yp-portlet .k-menu .k-item, html body.yp .yp-portlet .k-widget.k-menu-horizontal > .k-item {
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
    zoom: 1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .k-context-menu.k-menu-vertical > .k-item > .k-link, html body.yp .yp-portlet .k-menu .k-menu-group .k-item > .k-link {
    padding: .28em 1.8em .38em .9em; }
  html body.yp .yp-portlet .k-context-menu.k-menu-horizontal > .k-separator {
    display: none; }
  html body.yp .yp-portlet .k-context-menu.k-menu-horizontal > .k-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-context-menu.k-menu-horizontal > .k-last {
    border: 0; }
  html body.yp .yp-portlet .k-menu .k-item > .k-link > .k-i-arrow-s {
    margin-right: -8px; }
  html body.yp .yp-portlet .k-menu .k-item > .k-link > .k-i-arrow-e {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px;
    right: .2rem; }
  html body.yp .yp-portlet .k-menu .k-animation-container {
    border: 0; }
  html body.yp .yp-portlet .k-menu .k-animation-container, html body.yp .yp-portlet .k-menu .k-menu-group {
    position: absolute;
    left: 0; }
  html body.yp .yp-portlet .k-menu .k-animation-container .k-animation-container, html body.yp .yp-portlet .k-menu .k-menu-group .k-menu-group, html body.yp .yp-portlet .k-menu-vertical .k-animation-container, html body.yp .yp-portlet .k-menu-vertical .k-menu-group {
    top: 0;
    left: 0; }
  html body.yp .yp-portlet .k-menu .k-animation-container .k-menu-group {
    top: auto;
    left: auto;
    margin-left: -1px; }
  html body.yp .yp-portlet .k-menu .k-animation-container, html body.yp .yp-portlet .k-popup .k-animation-container {
    margin-top: -1px;
    padding-left: 1px; }
  html body.yp .yp-portlet .k-ie .k-menu .k-animation-container, html body.yp .yp-portlet .k-ie .k-popup .k-animation-container {
    margin-top: -2px; }
  html body.yp .yp-portlet .k-popup .k-animation-container .k-popup {
    margin-left: -1px; }
  html body.yp .yp-portlet ul.k-menu .k-separator {
    padding: .25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0; }
  html body.yp .yp-portlet .k-menu .k-menu-group .k-separator, html body.yp .yp-portlet ul.k-menu-vertical .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-grid, html body.yp .yp-portlet .k-listview {
    position: relative;
    zoom: 1; }
  html body.yp .yp-portlet .k-grid table {
    width: 100%;
    margin: 0;
    max-width: none;
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    border-width: 0;
    outline: 0; }
  html body.yp .yp-portlet .k-header.k-drag-clue {
    overflow: hidden; }
  html body.yp .yp-portlet .k-filter-row th, html body.yp .yp-portlet .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left; }
  html body.yp .yp-portlet .k-grid-header th.k-header {
    vertical-align: bottom; }
  html body.yp .yp-portlet .k-filtercell, html body.yp .yp-portlet .k-filtercell .k-widget, html body.yp .yp-portlet .k-filtercell > span {
    display: block;
    width: auto; }
  html body.yp .yp-portlet .k-filtercell > span {
    padding-right: 4.8em;
    position: relative;
    min-height: 2em;
    line-height: 2em; }
  html body.yp .yp-portlet .k-filtercell > .k-operator-hidden {
    padding-right: 2.3em; }
  html body.yp .yp-portlet .k-filter-row .k-dropdown-operator, html body.yp .yp-portlet .k-filtercell > span > .k-button {
    position: absolute;
    top: 0;
    right: 0; }
  html body.yp .yp-portlet .k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: 2.5em; }
  html body.yp .yp-portlet .k-filtercell > span > label {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-filter-row label > input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 2px; }
  html body.yp .yp-portlet .k-ie10 .k-grid-header a:active {
    background-color: transparent; }
  html body.yp .yp-portlet .k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .6em .4em 0;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-grid-header th.k-with-icon .k-link {
    margin-right: 18px; }
  html body.yp .yp-portlet .k-grid-header th.k-header .k-icon {
    position: static; }
  html body.yp .yp-portlet .k-grid-header th > .k-link > .k-icon {
    vertical-align: text-top; }
  html body.yp .yp-portlet .k-grid .k-state-hover {
    cursor: pointer; }
  html body.yp .yp-portlet .k-grid-column-resizing, html body.yp .yp-portlet .k-grid-column-resizing .k-button, html body.yp .yp-portlet .k-grid-column-resizing .k-grid-filter, html body.yp .yp-portlet .k-grid-column-resizing .k-grid-toolbar, html body.yp .yp-portlet .k-grid-column-resizing .k-link {
    cursor: col-resize; }
  html body.yp .yp-portlet .k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-grid .k-grouping-row td, html body.yp .yp-portlet .k-grid .k-hierarchy-cell {
    overflow: visible; }
  html body.yp .yp-portlet .k-grid-edit-row td {
    text-overflow: clip; }
  html body.yp .yp-portlet .k-grid-edit-row .k-textbox, html body.yp .yp-portlet .k-grid-edit-row .text-box {
    margin-top: 0;
    margin-bottom: 0; }
  html body.yp .yp-portlet .k-grid-footer-wrap, html body.yp .yp-portlet .k-grid-header-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1; }
  html body.yp .yp-portlet div.k-grid-footer, html body.yp .yp-portlet div.k-grid-header {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1; }
  html body.yp .yp-portlet .k-grid-header-locked > table, html body.yp .yp-portlet .k-grid-header-wrap > table {
    margin-bottom: -1px; }
  html body.yp .yp-portlet .k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    min-height: 0; }
  html body.yp .yp-portlet .k-mobile .k-grid tbody {
    -webkit-backface-visibility: hidden; }
  html body.yp .yp-portlet .k-mobile .k-grid-backface tbody {
    -webkit-backface-visibility: visible; }
  html body.yp .yp-portlet .k-grid-content-expander {
    position: absolute;
    visibility: hidden;
    height: 1px; }
  html body.yp .yp-portlet .k-grid-norecords {
    width: 100%;
    height: 100%;
    text-align: center; }
  html body.yp .yp-portlet .k-grid-norecords-template {
    width: 20em;
    height: 4em;
    line-height: 4em;
    vertical-align: middle;
    margin: 0 auto; }
  html body.yp .yp-portlet .k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
    top: 50%;
    left: 50%;
    margin-left: -10em;
    margin-top: -2em;
    position: absolute; }
  @media print {
    html body.yp .yp-portlet .k-grid {
      height: auto !important; }
    html body.yp .yp-portlet .k-grid-header {
      padding: 0 !important; }
    html body.yp .yp-portlet .k-grid-content, html body.yp .yp-portlet .k-grid-header-wrap {
      overflow: visible;
      height: auto !important; } }
  html body.yp .yp-portlet .k-grid .k-scrollbar {
    -ms-overflow-style: scrollbar; }
  html body.yp .yp-portlet .k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative; }
  html body.yp .yp-portlet .k-grid-content table, html body.yp .yp-portlet .k-grid-content-locked > table, html body.yp .yp-portlet .k-grid-footer table, html body.yp .yp-portlet .k-grid-header table {
    table-layout: fixed; }
  html body.yp .yp-portlet .k-grid-lockedcolumns {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-grid-content, html body.yp .yp-portlet .k-grid-content-locked, html body.yp .yp-portlet .k-pager-wrap {
    white-space: normal; }
  html body.yp .yp-portlet .k-grid-content-locked, html body.yp .yp-portlet .k-grid-footer-locked, html body.yp .yp-portlet .k-grid-header-locked {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0; }
  html body.yp .yp-portlet .k-grid-content-locked + .k-grid-content, html body.yp .yp-portlet .k-grid-footer-locked + .k-grid-footer-wrap, html body.yp .yp-portlet .k-grid-header-locked + .k-grid-header-wrap {
    display: inline-block;
    vertical-align: top; }
  html body.yp .yp-portlet .k-grid-toolbar {
    border-style: solid;
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-filter-row > th:first-child, html body.yp .yp-portlet .k-grid tbody td:first-child, html body.yp .yp-portlet .k-grid tfoot td:first-child, html body.yp .yp-portlet .k-grid-header th.k-header:first-child {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-grid-header th.k-header.k-first {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-grid-toolbar:first-child, html body.yp .yp-portlet .k-grouping-header + .k-grid-toolbar {
    border-width: 0 0 1px; }
  html body.yp .yp-portlet .k-footer-template td {
    border-style: solid;
    border-width: 1px 0 0 1px; }
  html body.yp .yp-portlet .k-group-footer td {
    border-style: solid;
    border-width: 1px 0; }
  html body.yp .yp-portlet .k-group-footer .k-group-cell + td {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-grid-footer {
    border-style: solid;
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-grid-footer td {
    border-top-width: 0; }
  html body.yp .yp-portlet .k-grid-footer > td {
    border-top-width: 1px; }
  html body.yp .yp-portlet .k-pager-wrap {
    clear: both;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 1px;
    line-height: 2em;
    padding: .333em 0 .333em .25em; }
  html body.yp .yp-portlet .k-grid-pager {
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-pager-numbers .k-link, html body.yp .yp-portlet .k-pager-numbers .k-state-selected {
    display: inline-block;
    vertical-align: top;
    margin-right: 1px; }
  html body.yp .yp-portlet .k-pager-numbers {
    margin: 0 2px; }
  html body.yp .yp-portlet .k-pager-numbers .k-state-selected {
    vertical-align: top; }
  html body.yp .yp-portlet .k-pager-numbers .k-current-page {
    display: none; }
  html body.yp .yp-portlet .k-pager-input, html body.yp .yp-portlet .k-pager-numbers li {
    float: left; }
  html body.yp .yp-portlet .k-grid .k-pager-numbers {
    float: left;
    cursor: default; }
  html body.yp .yp-portlet .k-pager-info {
    float: right;
    padding: 0 1.333em; }
  html body.yp .yp-portlet .k-pager-numbers .k-link {
    text-decoration: none; }
  html body.yp .yp-portlet .k-pager-numbers .k-link, html body.yp .yp-portlet .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-pager-wrap > .k-link {
    min-width: 2em; }
  html body.yp .yp-portlet .k-pager-wrap > .k-link {
    float: left;
    margin: 0 .08333em;
    height: 2em;
    line-height: 2em;
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center; }
  html body.yp .yp-portlet .k-pager-wrap > a.k-state-disabled:hover {
    background: 0 0;
    cursor: default; }
  html body.yp .yp-portlet .k-pager-numbers .k-link {
    text-align: center;
    line-height: 2em;
    border-style: solid;
    border-width: 1px;
    border-radius: 1.0833em; }
  html body.yp .yp-portlet .k-pager-wrap > .k-link {
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .k-pager-wrap .k-pager-refresh {
    float: right;
    margin-right: .5em;
    border-width: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em; }
  html body.yp .yp-portlet .k-pager-wrap .k-textbox {
    width: 3.333em; }
  html body.yp .yp-portlet .k-pager-wrap .k-dropdown {
    width: 4.5em; }
  html body.yp .yp-portlet .k-pager-refresh {
    float: right; }
  html body.yp .yp-portlet .k-pager-input, html body.yp .yp-portlet .k-pager-sizes {
    padding: 0 1.4166em; }
  html body.yp .yp-portlet .k-pager-sizes {
    display: inline-block;
    padding-top: 1px; }
  html body.yp .yp-portlet .k-pager-sizes .k-widget.k-dropdown {
    margin-top: -2px; }
  html body.yp .yp-portlet .k-pager-wrap .k-textbox, html body.yp .yp-portlet .k-pager-wrap .k-widget {
    margin: 0 .4em 0; }
  html body.yp .yp-portlet .k-header > .k-grid-filter, html body.yp .yp-portlet .k-header > .k-header-column-menu {
    float: right;
    margin: -.5em -.6em -.4em;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1; }
  html body.yp .yp-portlet .k-grid .k-animation-container {
    position: absolute; }
  html body.yp .yp-portlet .k-filter-menu {
    padding: .5em; }
  html body.yp .yp-portlet .k-list-filter {
    display: block; }
  html body.yp .yp-portlet form.k-filter-menu .k-textbox, html body.yp .yp-portlet form.k-filter-menu .k-widget {
    display: block; }
  html body.yp .yp-portlet form.k-filter-menu .k-textbox {
    width: 100%;
    margin-bottom: 3px; }
  html body.yp .yp-portlet .k-filter-help-text, html body.yp .yp-portlet .k-filter-menu .k-textbox, html body.yp .yp-portlet .k-filter-menu .k-widget {
    margin: .19em 0 0; }
  html body.yp .yp-portlet .k-filter-menu span.k-filter-and {
    width: 6em;
    margin: .5em 0 .5em; }
  html body.yp .yp-portlet .k-filter-menu .k-button {
    width: 48%;
    margin: .5em 4% 0 0; }
  html body.yp .yp-portlet .k-filter-menu .k-button + .k-button {
    margin-right: 0; }
  html body.yp .yp-portlet .k-multicheck-wrap {
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap;
    max-height: 300px; }
  html body.yp .yp-portlet .k-multicheck-wrap .k-item {
    line-height: 2.2em; }
  html body.yp .yp-portlet .k-grouping-row .k-icon {
    margin: -3px 4px 0 2px; }
  html body.yp .yp-portlet .k-grouping-row p {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.6em;
    padding: 0 .6em; }
  html body.yp .yp-portlet .k-grouping-row + tr td {
    border-top-width: 1px; }
  html body.yp .yp-portlet .k-grouping-row .k-group-cell, html body.yp .yp-portlet .k-grouping-row + tr .k-group-cell {
    border-top-width: 0;
    text-overflow: none; }
  html body.yp .yp-portlet .k-grid .k-hierarchy-cell + td {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-grid .k-group-col, html body.yp .yp-portlet .k-grid .k-hierarchy-col {
    width: 27px; }
  html body.yp .yp-portlet .k-grouping-header {
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  html body.yp .yp-portlet .k-grouping-header {
    line-height: 2; }
  html body.yp .yp-portlet .k-grouping-dropclue {
    position: absolute;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px; }
  html body.yp .yp-portlet .k-grouping-header .k-group-indicator {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
    line-height: 1.5em; }
  html body.yp .yp-portlet .k-grouping-header .k-link {
    display: inline-block;
    border-width: 0;
    padding: 0;
    line-height: normal;
    text-decoration: none; }
  html body.yp .yp-portlet .k-grouping-header .k-button {
    border: 0;
    padding: 0;
    background: 0 0;
    line-height: 1; }
  html body.yp .yp-portlet .k-grouping-header .k-link .k-icon {
    margin: 0 0 0 -3px; }
  html body.yp .yp-portlet .k-grouping-header .k-button .k-icon {
    margin: 0 0 0 3px; }
  html body.yp .yp-portlet .k-grouping-header .k-button, html body.yp .yp-portlet .k-grouping-header a {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-dirty-cell:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    float: left; }
  html body.yp .yp-portlet .k-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: red transparent transparent red;
    margin: -.45em 0 0 -.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top; }
  html body.yp .yp-portlet .k-grid-toolbar, html body.yp .yp-portlet .k-grouping-header {
    margin: 0;
    padding: .22em .2em .28em;
    cursor: default; }
  html body.yp .yp-portlet .k-grid .k-edit-container {
    padding: 0; }
  html body.yp .yp-portlet .k-grid .field-validation-error {
    display: block; }
  html body.yp .yp-portlet .k-grid .input-validation-error {
    border-style: ridge;
    border-color: red;
    background-color: pink; }
  html body.yp .yp-portlet .k-grid-toolbar .k-button {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-grid-actions {
    display: inline-block; }
  html body.yp .yp-portlet .k-grid .k-button {
    margin: 0 .16em; }
  html body.yp .yp-portlet .k-grid tbody .k-button, html body.yp .yp-portlet .k-ie8 .k-grid tbody button.k-button {
    min-width: 64px; }
  html body.yp .yp-portlet .k-grid tbody button.k-button {
    min-width: 78px; }
  html body.yp .yp-portlet html body .k-grid tbody .k-button-icon {
    width: auto;
    min-width: 0; }
  html body.yp .yp-portlet .k-detail-row {
    position: relative; }
  html body.yp .yp-portlet .k-grid .k-detail-cell {
    overflow: visible; }
  html body.yp .yp-portlet .k-grid .k-edit-cell {
    padding: 0 .3em;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-grid .k-edit-cell .k-tooltip {
    white-space: normal; }
  html body.yp .yp-portlet .k-edit-cell > .k-textbox, html body.yp .yp-portlet .k-edit-cell > .k-widget, html body.yp .yp-portlet .k-grid-edit-row > td > .k-textbox, html body.yp .yp-portlet .k-grid-edit-row > td > .k-widget, html body.yp .yp-portlet .k-grid-edit-row > td > .text-box {
    width: 100%; }
  html body.yp .yp-portlet html .k-edit-cell .k-tooltip, html body.yp .yp-portlet html .k-grid-edit-row .k-tooltip {
    width: auto;
    max-width: 300px; }
  html body.yp .yp-portlet .k-edit-cell input[type=checkbox] {
    margin-left: .6em; }
  html body.yp .yp-portlet .k-grid tbody td > .k-grid-delete {
    margin-top: -.2em;
    margin-bottom: -.2em; }
  html body.yp .yp-portlet .k-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa; }
  html body.yp .yp-portlet .k-grid-header .k-resize-handle, html body.yp .yp-portlet .k-grid > .k-resize-handle {
    position: absolute;
    height: 25px;
    cursor: col-resize;
    z-index: 2; }
  html body.yp .yp-portlet .k-marquee {
    position: absolute;
    z-index: 100000; }
  html body.yp .yp-portlet .k-marquee-color, html body.yp .yp-portlet .k-marquee-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-marquee-color {
    filter: alpha(opacity=60);
    opacity: .6; }
  html body.yp .yp-portlet .k-ie9 .k-column-menu {
    width: 160px; }
  html body.yp .yp-portlet .k-ie8 .k-grid-filter, html body.yp .yp-portlet .k-ie8 .k-header-column-menu {
    font-size: 100%; }
  html body.yp .yp-portlet .k-column-menu {
    min-width: 160px; }
  html body.yp .yp-portlet .k-column-menu .k-sprite {
    margin-right: 10px; }
  html body.yp .yp-portlet .k-column-menu > .k-menu {
    border-width: 0; }
  html body.yp .yp-portlet .k-columns-item .k-group {
    max-height: 200px;
    overflow: auto; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-grid, html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-content, html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-content-locked {
    height: auto !important;
    overflow: visible; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-content-locked + .k-grid-content, html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap, html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap {
    width: auto !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-footer, html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-header {
    padding: 0 !important; }
  html body.yp .yp-portlet .k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100; }
  html body.yp .yp-portlet .k-loading-pdf-mask .k-loading-color {
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .yp-portlet .k-loading-pdf-mask .k-loading-pdf-progress {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  html body.yp .yp-portlet .k-pdf-export .k-loading-pdf-mask {
    display: none; }
  html body.yp .yp-portlet .k-autofitting {
    width: auto !important;
    table-layout: auto !important; }
  html body.yp .yp-portlet .k-autofitting td, html body.yp .yp-portlet .k-autofitting th.k-header {
    white-space: nowrap !important; }
  html body.yp .yp-portlet .k-autofitting .k-detail-row {
    display: none !important; }
  @media only screen and (max-width: 1024px) {
    html body.yp .yp-portlet .k-ff .k-pager-wrap, html body.yp .yp-portlet .k-ie11 .k-pager-wrap, html body.yp .yp-portlet .k-safari .k-pager-wrap, html body.yp .yp-portlet .k-webkit .k-pager-wrap {
      overflow: visible; }
    html body.yp .yp-portlet .k-ff .k-pager-input, html body.yp .yp-portlet .k-ff .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-ie11 .k-pager-input, html body.yp .yp-portlet .k-ie11 .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-safari .k-pager-input, html body.yp .yp-portlet .k-safari .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-webkit .k-pager-input, html body.yp .yp-portlet .k-webkit .k-pager-wrap .k-pager-nav {
      display: inline-block;
      vertical-align: top; }
    html body.yp .yp-portlet .k-ff .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-pager-numbers {
      position: absolute;
      left: 4.8em;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      overflow: visible;
      height: auto; }
    html body.yp .yp-portlet .k-ff .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded {
      -ms-transform: translatey(-100%);
      transform: translatey(-100%);
      -webkit-transform: translatey(-100%); }
    html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-numbers {
      left: 50%;
      -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
      -webkit-transform: translate(-50%, -100%); }
    html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
      padding-top: 0;
      padding-bottom: 0; }
    html body.yp .yp-portlet .k-ff .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-rtl .k-pager-numbers {
      left: auto;
      right: 4.8em;
      width: 4.5em; }
    html body.yp .yp-portlet .k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers {
      right: 5.8em; }
    html body.yp .yp-portlet .k-ff .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ff .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-safari .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-current-page {
      display: block;
      border-left: 0; }
    html body.yp .yp-portlet .k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
      -ms-transform: translatey(100%);
      transform: translatey(100%);
      -webkit-transform: translatey(100%); }
    html body.yp .yp-portlet .k-ff .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-ie11 .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-safari .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-webkit .k-pager-numbers li:not(.k-current-page) {
      display: none; }
    html body.yp .yp-portlet .k-ff .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-current-page .k-link {
      width: 3.2em;
      padding: 0 .429em 0 .714em;
      border-radius: 1.0833em; }
    html body.yp .yp-portlet .k-ff .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers + .k-link {
      margin-left: 4.8em; }
    html body.yp .yp-portlet .k-ff .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-ie11 .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-safari .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-webkit .k-rtl .k-pager-numbers + .k-link {
      margin-right: 5.1em;
      margin-left: 0; }
    html body.yp .yp-portlet .k-ff .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ff .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-state-selected {
      display: block;
      margin-right: 0;
      padding: 1px 5px 1px 5px;
      text-align: left; }
    html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 2px 2px 0; }
    html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
      margin: -2em -3px 0;
      padding: 0; }
    html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
      border-radius: 0 0 1.0833em 1.0833em; }
    html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded li {
      display: inline-block; } }
  @media only screen and (max-width: 640px) {
    html body.yp .yp-portlet .k-ff .k-pager-info, html body.yp .yp-portlet .k-ie11 .k-pager-info, html body.yp .yp-portlet .k-safari .k-pager-info, html body.yp .yp-portlet .k-webkit .k-pager-info {
      display: none; } }
  @media only screen and (max-width: 480px) {
    html body.yp .yp-portlet .k-ff .k-pager-sizes, html body.yp .yp-portlet .k-ie11 .k-pager-sizes, html body.yp .yp-portlet .k-safari .k-pager-sizes, html body.yp .yp-portlet .k-webkit .k-pager-sizes {
      display: none; } }
  html body.yp .yp-portlet .k-treelist .k-status {
    padding: .4em .6em;
    line-height: 1.6em; }
  html body.yp .yp-portlet .k-treelist .k-status .k-loading {
    vertical-align: baseline;
    margin-right: 5px; }
  html body.yp .yp-portlet .k-treelist tr.k-hidden {
    display: none; }
  html body.yp .yp-portlet .k-treelist.k-treelist-dragging, html body.yp .yp-portlet .k-treelist.k-treelist-dragging .k-state-hover {
    cursor: default; }
  html body.yp .yp-portlet .k-treelist .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat; }
  html body.yp .yp-portlet .k-drag-separator {
    display: inline-block;
    border-right: 1px solid;
    height: 1em;
    vertical-align: top;
    margin: 0 .5em; }
  html body.yp .yp-portlet .k-gantt {
    white-space: nowrap;
    position: relative; }
  html body.yp .yp-portlet .k-gantt-layout {
    display: inline-block;
    white-space: normal;
    vertical-align: top; }
  html body.yp .yp-portlet .k-gantt .k-splitbar {
    position: relative;
    cursor: e-resize;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y; }
  html body.yp .yp-portlet .k-gantt .k-gantt-layout th {
    vertical-align: bottom; }
  html body.yp .yp-portlet .k-gantt td {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top; }
  html body.yp .yp-portlet .k-gantt .k-grid .k-edit-cell {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-gantt-timeline > .k-timeline, html body.yp .yp-portlet .k-gantt-treelist > .k-treelist {
    border-width: 0;
    height: 100%; }
  html body.yp .yp-portlet .k-gantt-toolbar {
    border-style: solid;
    border-width: 0 0 1px;
    line-height: 2.4em;
    padding: .5em; }
  html body.yp .yp-portlet .k-gantt-layout + .k-gantt-toolbar {
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-gantt-actions, html body.yp .yp-portlet .k-gantt-toolbar > ul {
    float: left;
    margin-right: .6em; }
  html body.yp .yp-portlet .k-gantt-actions > .k-button {
    margin-right: .5em;
    vertical-align: top; }
  html body.yp .yp-portlet .k-gantt-toolbar > .k-gantt-views {
    float: right;
    margin-right: 0; }
  html body.yp .yp-portlet .k-gantt-toolbar > .k-gantt-views > li.k-current-view {
    display: none; }
  html body.yp .yp-portlet .k-gantt-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0; }
  html body.yp .yp-portlet .k-gantt-toolbar > ul > li:first-child + li {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-gantt-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em; }
  html body.yp .yp-portlet .k-gantt-toolbar li:first-child + li, html body.yp .yp-portlet .k-gantt-toolbar li:first-child + li > .k-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  html body.yp .yp-portlet .k-gantt-toolbar li:last-child, html body.yp .yp-portlet .k-gantt-toolbar li:last-child > .k-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  html body.yp .yp-portlet .k-gantt-toolbar li.k-button {
    line-height: inherit;
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .yp-portlet .k-gantt-treelist .k-grid-header tr {
    height: 5em; }
  html body.yp .yp-portlet .k-gantt .k-treelist .k-grid-header {
    padding: 0 !important; }
  html body.yp .yp-portlet .k-gantt .k-treelist .k-grid-content {
    overflow-y: hidden;
    overflow-x: scroll; }
  html body.yp .yp-portlet .k-treelist-group > tr > span {
    font-weight: 700; }
  html body.yp .yp-portlet .k-treelist-group .k-widget {
    font-weight: 400; }
  html body.yp .yp-portlet .k-gantt-timeline .k-grid-header tr {
    height: 2.5em; }
  html body.yp .yp-portlet .k-gantt-tasks {
    position: relative; }
  html body.yp .yp-portlet .k-gantt .k-grid-content tr, html body.yp .yp-portlet .k-gantt-rows tr, html body.yp .yp-portlet .k-gantt-tasks tr {
    height: 2.3em; }
  html body.yp .yp-portlet .k-gantt .k-gantt-tasks td:after {
    content: "\a0"; }
  html body.yp .yp-portlet .k-gantt-timeline {
    background: 0 0; }
  html body.yp .yp-portlet .k-gantt-columns, html body.yp .yp-portlet .k-gantt-dependencies, html body.yp .yp-portlet .k-gantt-rows {
    position: absolute;
    top: 0;
    left: 0; }
  html body.yp .yp-portlet .k-gantt-tables {
    position: relative; }
  html body.yp .yp-portlet .k-gantt .k-timeline .k-grid-content {
    overflow-x: scroll; }
  html body.yp .yp-portlet .k-gantt .k-gantt-timeline th {
    text-align: center; }
  html body.yp .yp-portlet .k-gantt .k-gantt-timeline tr:first-child th {
    border-bottom-width: 1px; }
  html body.yp .yp-portlet .k-task-summary {
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px; }
  html body.yp .yp-portlet .k-task-summary-complete {
    height: 10px;
    position: relative;
    z-index: 2; }
  html body.yp .yp-portlet .k-task-summary-progress {
    height: 15px;
    overflow: hidden; }
  html body.yp .yp-portlet .k-task-summary-complete:after, html body.yp .yp-portlet .k-task-summary-complete:before, html body.yp .yp-portlet .k-task-summary:after, html body.yp .yp-portlet .k-task-summary:before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: transparent; }
  html body.yp .yp-portlet .k-task-summary-complete:before, html body.yp .yp-portlet .k-task-summary:before {
    left: 0;
    border-left-color: inherit; }
  html body.yp .yp-portlet .k-task-summary-complete:after, html body.yp .yp-portlet .k-task-summary:after {
    right: 0;
    border-right-color: inherit; }
  html body.yp .yp-portlet .k-line-h, html body.yp .yp-portlet .k-line-v {
    position: absolute; }
  html body.yp .yp-portlet .k-line-h {
    height: 2px; }
  html body.yp .yp-portlet .k-line-v {
    width: 2px; }
  html body.yp .yp-portlet .k-arrow-e, html body.yp .yp-portlet .k-arrow-w {
    position: absolute;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px; }
  html body.yp .yp-portlet .k-arrow-e {
    right: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent; }
  html body.yp .yp-portlet .k-arrow-w {
    left: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  html body.yp .yp-portlet .k-task-milestone {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  html body.yp .yp-portlet .k-ie8 .k-task-milestone {
    margin-left: 1px; }
  html body.yp .yp-portlet .k-gantt .k-gantt-tasks .k-button-icon, html body.yp .yp-portlet .k-gantt .k-gantt-treelist .k-button {
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .yp-portlet .k-gantt .k-gantt-tasks .k-button-icon {
    margin-top: 4px; }
  html body.yp .yp-portlet .k-gantt .k-gantt-treelist .k-button {
    margin-top: -4px;
    margin-bottom: -2px; }
  html body.yp .yp-portlet .k-gantt .k-gantt-tasks .k-button-icon {
    padding-left: 2px;
    padding-right: 2px; }
  html body.yp .yp-portlet .k-gantt .k-gantt-tasks .k-button .k-icon, html body.yp .yp-portlet .k-gantt .k-gantt-treelist .k-button .k-icon {
    vertical-align: text-top; }
  html body.yp .yp-portlet .k-rel .k-button-icon {
    position: absolute;
    left: 200px; }
  html body.yp .yp-portlet .k-rel {
    position: relative;
    height: 0;
    top: -.3em; }
  html body.yp .yp-portlet .k-task-wrap {
    position: absolute;
    padding: 0 23px 5px;
    margin: -1px -23px 0;
    z-index: 2; }
  html body.yp .yp-portlet .k-line.k-state-selected, html body.yp .yp-portlet .k-task-wrap:hover {
    z-index: 3; }
  html body.yp .yp-portlet .k-milestone-wrap {
    margin: 0 -13px 0 -27px; }
  html body.yp .yp-portlet .k-task-content {
    position: relative;
    z-index: 2; }
  html body.yp .yp-portlet .k-task-complete {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    z-index: 1; }
  html body.yp .yp-portlet .k-task-dot {
    position: absolute;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: none;
    cursor: pointer; }
  html body.yp .yp-portlet .k-task-dot.k-state-hover {
    background-color: transparent; }
  html body.yp .yp-portlet .k-task-single + .k-task-dot, html body.yp .yp-portlet .k-task-single + .k-task-dot + .k-task-dot {
    top: .2em; }
  html body.yp .yp-portlet .k-task-wrap-active .k-task-dot, html body.yp .yp-portlet .k-task-wrap:hover .k-task-dot {
    display: block; }
  html body.yp .yp-portlet .k-task-dot:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 16px; }
  html body.yp .yp-portlet .k-task-dot:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-left: 4px; }
  html body.yp .yp-portlet .k-task-dot.k-state-hover:after, html body.yp .yp-portlet .k-task-dot:hover:after, html body.yp .yp-portlet .k-task-wrap-active .k-task-dot:after {
    border-style: solid;
    border-width: 1px;
    margin-left: 3px; }
  html body.yp .yp-portlet .k-task-start {
    left: 0; }
  html body.yp .yp-portlet .k-task-end {
    right: 0; }
  html body.yp .yp-portlet .k-task-single {
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden;
    cursor: default;
    min-height: 1.3em;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-task-template {
    padding: .2em 1.4em .2em .6em;
    line-height: normal; }
  html body.yp .yp-portlet .k-task-actions, html body.yp .yp-portlet .k-task-content > .k-link {
    position: absolute;
    top: 0;
    right: 4px;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-task-actions {
    z-index: 1; }
  html body.yp .yp-portlet .k-task-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px; }
  html body.yp .yp-portlet .k-webkit .k-task-actions:first-child {
    margin-top: 3px; }
  html body.yp .yp-portlet .k-task-actions:first-child > .k-link {
    display: inline-block; }
  html body.yp .yp-portlet .k-task-delete {
    display: none; }
  html body.yp .yp-portlet .k-task-wrap-active .k-task-delete, html body.yp .yp-portlet .k-task-wrap:hover .k-task-delete {
    display: inline-block; }
  html body.yp .yp-portlet .k-task-single .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2;
    height: auto; }
  html body.yp .yp-portlet .k-task-single:hover .k-resize-handle, html body.yp .yp-portlet .k-task-wrap-active .k-resize-handle {
    visibility: visible; }
  html body.yp .yp-portlet .k-task-single .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .yp-portlet .k-task-content > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .yp-portlet .k-task-content > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .yp-portlet .k-task-content > .k-resize-e:after, html body.yp .yp-portlet .k-task-content > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px; }
  html body.yp .yp-portlet .k-task-content > .k-resize-e:after {
    left: auto;
    right: 1px; }
  html body.yp .yp-portlet .k-task-draghandle {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 16px;
    border-width: 5px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: none;
    cursor: e-resize; }
  html body.yp .yp-portlet .k-task-wrap-active .k-task-draghandle, html body.yp .yp-portlet .k-task-wrap:hover .k-task-draghandle {
    display: block; }
  html body.yp .yp-portlet .k-dependency-hint {
    z-index: 4; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-dot, html body.yp .yp-portlet .k-gantt-rowheight .k-task-milestone, html body.yp .yp-portlet .k-gantt-rowheight .k-task-single + .k-task-dot, html body.yp .yp-portlet .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot, html body.yp .yp-portlet .k-gantt-rowheight .k-task-summary {
    top: 50%; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-milestone, html body.yp .yp-portlet .k-gantt-rowheight .k-task-summary {
    margin-top: -6px; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-dot, html body.yp .yp-portlet .k-gantt-rowheight .k-task-single + .k-task-dot, html body.yp .yp-portlet .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
    margin-top: -11px; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-single {
    height: -webkit-calc(98%);
    height: calc(98%); }
  html body.yp .yp-portlet .k-ie .k-gantt-rowheight .k-task-single {
    height: 99%; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-content {
    height: 100%; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-content > .k-resize-e:after, html body.yp .yp-portlet .k-gantt-rowheight .k-task-content > .k-resize-w:after {
    top: 0;
    margin-top: 0;
    height: 100%; }
  html body.yp .yp-portlet .k-task-details {
    padding: .4em;
    text-align: left;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-task-details > strong {
    font-size: 120%;
    display: block; }
  html body.yp .yp-portlet .k-task-pct {
    margin: .5em 0 .1em;
    font-size: 170%; }
  html body.yp .yp-portlet .k-task-details > ul {
    line-height: 1.2; }
  html body.yp .yp-portlet .k-resources-wrap {
    position: absolute;
    z-index: 2;
    zoom: 1;
    margin-left: 20px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-resources-wrap .k-resource {
    margin: 0 5px; }
  html body.yp .yp-portlet .k-gantt-edit-form > .k-edit-form-container {
    width: 430px; }
  html body.yp .yp-portlet .k-gantt-edit-form > .k-resources-form-container {
    width: 506px; }
  html body.yp .yp-portlet .k-resources-form-container > .k-grid {
    margin: 0 .9em; }
  html body.yp .yp-portlet .k-gantt-edit-form > .k-edit-form-container .k-numerictextbox, html body.yp .yp-portlet .k-gantt-edit-form > .k-edit-form-container .k-textbox {
    width: 15em; }
  html body.yp .yp-portlet .k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
    float: left; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt {
    float: left; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt, html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt .k-grid-content, html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt-timeline {
    width: auto !important;
    height: auto !important;
    overflow: visible !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt-treelist {
    height: auto !important;
    overflow: visible !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
    padding: 0 !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt .k-splitbar, html body.yp .yp-portlet .k-pdf-export-shadow .k-pdf-export {
    display: none; }
  html body.yp .yp-portlet button.k-gantt-toggle {
    display: none;
    float: left;
    margin-right: .5em; }
  html body.yp .yp-portlet .k-rtl button.k-gantt-toggle {
    float: right;
    margin-right: 0;
    margin-left: .5em; }
  @media only screen and (max-width: 1024px) {
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views {
      position: absolute;
      right: 6px;
      top: 6px;
      z-index: 10000; }
    html body.yp .yp-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views {
      right: auto;
      left: 6px; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) {
      display: none; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
      display: block;
      border-width: 1px; }
    html body.yp .yp-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
      text-align: left;
      padding-left: 1em; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
      display: block;
      position: relative;
      padding-right: 2.5em;
      padding-left: 1em; }
    html body.yp .yp-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
      padding-left: 0; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .333em;
      width: 16px;
      height: 16px; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
      display: block;
      border: 0;
      border-radius: 0; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
      border: 1px solid #c5c5c5;
      background-color: #fff;
      background-image: none;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
    html body.yp .yp-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
      text-align: left; } }
  @media only screen and (max-width: 480px) {
    html body.yp .yp-portlet button.k-gantt-toggle {
      display: inline-block; }
    html body.yp .yp-portlet .k-gantt-create span + span, html body.yp .yp-portlet .k-gantt-pdf span + span {
      display: none; }
    html body.yp .yp-portlet .k-gantt-create .k-icon, html body.yp .yp-portlet .k-gantt-pdf .k-icon {
      margin: 0; }
    html body.yp .yp-portlet .k-gantt .k-splitbar {
      display: none;
      width: 0;
      border-width: 0; }
    html body.yp .yp-portlet .k-gantt .k-gantt-treelist {
      display: none;
      max-width: 0; }
    html body.yp .yp-portlet .k-gantt .k-treelist .k-grid-content {
      overflow-y: scroll; }
    html body.yp .yp-portlet .k-gantt .k-gantt-timeline {
      width: 100%; } }
  html body.yp .yp-portlet .k-pivot {
    position: relative; }
  html body.yp .yp-portlet .k-pivot-toolbar {
    padding: .2em;
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  html body.yp .yp-portlet .k-pivot .k-pivot-toolbar {
    padding: .6em; }
  html body.yp .yp-portlet .k-pivot-toolbar .k-button {
    margin-right: .4em;
    line-height: 1.2em;
    font-size: .9em;
    text-align: left;
    position: relative;
    padding: .3em 5em .3em .3em; }
  html body.yp .yp-portlet .k-field-actions {
    position: absolute;
    right: 2px;
    top: 3px; }
  html body.yp .yp-portlet .k-pivot .k-grid td {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-pivot-layout {
    border-spacing: 0;
    table-layout: auto; }
  html body.yp .yp-portlet .k-pivot-layout > tbody > tr > td {
    vertical-align: top;
    padding: 0; }
  html body.yp .yp-portlet .k-pivot td {
    vertical-align: top; }
  html body.yp .yp-portlet .k-pivot-rowheaders > .k-grid, html body.yp .yp-portlet .k-pivot-table > .k-grid {
    border-width: 0; }
  html body.yp .yp-portlet .k-pivot-rowheaders > .k-grid td:first-child, html body.yp .yp-portlet .k-pivot-table .k-grid-header .k-header.k-first {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-pivot-rowheaders > .k-grid td.k-first {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-pivot-rowheaders > .k-grid {
    overflow: hidden; }
  html body.yp .yp-portlet .k-pivot-table {
    border-left-width: 1px;
    border-left-style: solid; }
  html body.yp .yp-portlet .k-pivot-table .k-grid-header-wrap > table {
    height: 100%; }
  html body.yp .yp-portlet .k-pivot .k-grid-header .k-header {
    vertical-align: top; }
  html body.yp .yp-portlet .k-header.k-alt, html body.yp .yp-portlet td.k-alt {
    font-weight: 700; }
  html body.yp .yp-portlet .k-header.k-alt {
    background-image: none; }
  html body.yp .yp-portlet .k-pivot-layout .k-grid td {
    border-bottom-width: 1px; }
  html body.yp .yp-portlet .k-pivot-layout .k-grid-footer > td {
    border-top-width: 0; }
  html body.yp .yp-portlet .k-pivot-filter-window .k-treeview {
    max-height: 600px; }
  html body.yp .yp-portlet .k-fieldselector .k-edit-buttons {
    bottom: auto; }
  html body.yp .yp-portlet .k-fieldselector .k-edit-label {
    width: 16%; }
  html body.yp .yp-portlet .k-fieldselector .k-edit-field {
    width: 77%; }
  html body.yp .yp-portlet .k-fieldselector .k-edit-field > .k-textbox, html body.yp .yp-portlet .k-fieldselector .k-edit-field > .k-widget {
    width: 99%; }
  html body.yp .yp-portlet .k-fieldselector .k-edit-buttons > input, html body.yp .yp-portlet .k-fieldselector .k-edit-buttons > label {
    float: left;
    margin-top: .4em; }
  html body.yp .yp-portlet .k-fieldselector p {
    margin: 0 0 .2em .5em;
    text-transform: uppercase; }
  html body.yp .yp-portlet .k-fieldselector p .k-icon {
    margin: 0 5px 0 0; }
  html body.yp .yp-portlet .k-fieldselector .k-columns {
    border-style: solid;
    border-width: 0; }
  html body.yp .yp-portlet .k-fieldselector .k-columns > div {
    overflow: auto;
    padding: .6em;
    border-style: solid;
    border-width: 0 0 0 1px;
    float: left;
    width: 45%; }
  html body.yp .yp-portlet .k-fieldselector .k-columns > div:first-child {
    border-width: 0;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-fieldselector .k-columns > div + div {
    float: right;
    border-width: 0; }
  html body.yp .yp-portlet .k-fieldselector div.k-treeview {
    border-width: 0;
    margin-right: -1px;
    padding-left: 4px;
    overflow: visible; }
  html body.yp .yp-portlet .k-fieldselector .k-list-container {
    margin-left: .5em;
    margin-bottom: 1em;
    padding: .2em 0 0;
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .k-fieldselector .k-list {
    padding-bottom: 2em; }
  html body.yp .yp-portlet .k-fieldselector .k-list li.k-item {
    padding: .3em 3.3em .3em .3em;
    margin: 0 0.2em 0.2em;
    position: relative;
    font-size: .9em;
    line-height: 1.2em;
    min-height: 1em; }
  html body.yp .yp-portlet .k-i-kpi-decrease {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-i-kpi-denied {
    background-position: -16px 0; }
  html body.yp .yp-portlet .k-i-kpi-equal {
    background-position: -32px 0; }
  html body.yp .yp-portlet .k-i-kpi-hold {
    background-position: -48px 0; }
  html body.yp .yp-portlet .k-i-kpi-increase {
    background-position: -64px 0; }
  html body.yp .yp-portlet .k-i-kpi-open {
    background-position: -80px 0; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-grid-content {
    overflow: visible !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-grid-content, html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid {
    height: 100% !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-grid-header {
    padding-right: 0 !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot {
    width: auto !important;
    height: auto !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-grid-content > table, html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table {
    width: 100% !important;
    height: auto !important; }
  html body.yp .yp-portlet .k-calendar {
    position: relative;
    display: inline-block;
    width: 16.917em;
    overflow: hidden; }
  html body.yp .yp-portlet .k-calendar .k-link, html body.yp .yp-portlet .k-calendar td {
    text-decoration: none; }
  html body.yp .yp-portlet .k-calendar .k-action-link {
    text-decoration: underline; }
  html body.yp .yp-portlet .k-calendar .k-footer, html body.yp .yp-portlet .k-calendar .k-header {
    position: relative;
    text-align: center;
    zoom: 1; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-next, html body.yp .yp-portlet .k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .16666em;
    line-height: 1.8333em;
    height: 1.8333em; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-prev {
    left: 1%; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-next {
    right: 1%; }
  html body.yp .yp-portlet .k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 14.167em;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    outline: 0; }
  html body.yp .yp-portlet .k-calendar .k-content, html body.yp .yp-portlet .k-calendar .k-content th {
    text-align: right; }
  html body.yp .yp-portlet .k-calendar .k-animation-container .k-content {
    height: 100%; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75%;
    height: 1.8333em;
    line-height: 1.8333em;
    margin: .16666em -.08333em .3333em 0; }
  html body.yp .yp-portlet .k-calendar .k-header .k-icon {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-calendar .k-header .k-link.k-nav-next, html body.yp .yp-portlet .k-calendar .k-header .k-link.k-nav-prev {
    height: 1.8333em;
    width: 1.8333em; }
  html body.yp .yp-portlet .k-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: 400;
    cursor: default; }
  html body.yp .yp-portlet .k-calendar td {
    padding: .08333em;
    cursor: pointer; }
  html body.yp .yp-portlet .k-calendar .k-state-focus {
    border-style: dotted;
    border-width: .08333em;
    padding: 0; }
  html body.yp .yp-portlet .k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    min-height: 1.8333em;
    line-height: 1.8333em;
    padding: 0 .45em 0 .1em; }
  html body.yp .yp-portlet .k-calendar .k-meta-view .k-link {
    padding: .25em 0 .3em;
    text-align: center; }
  html body.yp .yp-portlet .k-calendar .k-footer {
    clear: both; }
  html body.yp .yp-portlet .k-calendar .k-footer .k-nav-today, html body.yp .yp-portlet .k-calendar .k-footer > .k-state-disabled {
    display: block;
    height: 100%;
    padding: .5em 0; }
  html body.yp .yp-portlet .k-calendar .k-nav-today:hover {
    text-decoration: underline; }
  html body.yp .yp-portlet div.k-treeview {
    border-width: 0;
    background: 0 0;
    overflow: auto;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px; }
  html body.yp .yp-portlet .k-treeview .k-content, html body.yp .yp-portlet .k-treeview .k-item > .k-group, html body.yp .yp-portlet .k-treeview > .k-group {
    margin: 0;
    padding: 0;
    background: 0 0;
    list-style-type: none;
    position: relative; }
  html body.yp .yp-portlet .k-treeview .k-checkbox, html body.yp .yp-portlet .k-treeview .k-icon, html body.yp .yp-portlet .k-treeview .k-image, html body.yp .yp-portlet .k-treeview .k-in, html body.yp .yp-portlet .k-treeview .k-sprite {
    display: inline-block;
    vertical-align: top; }
  html body.yp .yp-portlet .k-treeview .k-checkbox {
    margin-top: .2em; }
  html body.yp .yp-portlet .k-treeview .k-icon, html body.yp .yp-portlet .k-treeview .k-in {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-treeview .k-request-retry {
    vertical-align: baseline; }
  html body.yp .yp-portlet .k-treeview .k-minus, html body.yp .yp-portlet .k-treeview .k-minus-disabled, html body.yp .yp-portlet .k-treeview .k-plus, html body.yp .yp-portlet .k-treeview .k-plus-disabled {
    margin-top: .25em;
    margin-left: -16px;
    cursor: pointer; }
  html body.yp .yp-portlet .k-treeview .k-minus-disabled, html body.yp .yp-portlet .k-treeview .k-plus-disabled {
    cursor: default; }
  html body.yp .yp-portlet .k-treeview .k-image, html body.yp .yp-portlet .k-treeview .k-sprite {
    margin-right: 3px; }
  html body.yp .yp-portlet .k-treeview .k-in {
    margin: 1px 0 1px .16666em;
    padding: 1px .3333em 1px .25em;
    line-height: 1.3333em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .k-treeview span.k-in {
    cursor: default; }
  html body.yp .yp-portlet .k-treeview .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat; }
  html body.yp .yp-portlet .k-toolbar .k-split-button, html body.yp .yp-portlet span.k-colorpicker, html body.yp .yp-portlet span.k-combobox, html body.yp .yp-portlet span.k-datepicker, html body.yp .yp-portlet span.k-datetimepicker, html body.yp .yp-portlet span.k-dropdown, html body.yp .yp-portlet span.k-numerictextbox, html body.yp .yp-portlet span.k-timepicker {
    background-image: none; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-colorpicker, html body.yp .yp-portlet .k-combobox, html body.yp .yp-portlet .k-datepicker, html body.yp .yp-portlet .k-datetimepicker, html body.yp .yp-portlet .k-dropdown, html body.yp .yp-portlet .k-numerictextbox, html body.yp .yp-portlet .k-selectbox, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-timepicker, html body.yp .yp-portlet .k-toolbar .k-split-button {
    position: relative;
    display: inline-block;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-filter-menu .k-combobox, html body.yp .yp-portlet .k-filter-menu .k-datepicker, html body.yp .yp-portlet .k-filter-menu .k-datetimepicker, html body.yp .yp-portlet .k-filter-menu .k-dropdown, html body.yp .yp-portlet .k-filter-menu .k-numerictextbox, html body.yp .yp-portlet .k-filter-menu .k-textbox, html body.yp .yp-portlet .k-filter-menu .k-timepicker {
    width: 13.2em; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-colorpicker, html body.yp .yp-portlet .k-combobox, html body.yp .yp-portlet .k-datepicker, html body.yp .yp-portlet .k-datetimepicker, html body.yp .yp-portlet .k-dropdown, html body.yp .yp-portlet .k-numerictextbox, html body.yp .yp-portlet .k-selectbox, html body.yp .yp-portlet .k-timepicker, html body.yp .yp-portlet .k-toolbar .k-split-button {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-colorpicker, html body.yp .yp-portlet .k-toolbar .k-split-button {
    width: auto; }
  html body.yp .yp-portlet .k-datetimepicker {
    width: 15em; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-picker-wrap {
    position: relative;
    cursor: default; }
  html body.yp .yp-portlet .k-dropdown-wrap {
    position: relative; }
  html body.yp .yp-portlet .k-dropdown-wrap, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-picker-wrap {
    display: block; }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-content, html body.yp .yp-portlet .k-grid, html body.yp .yp-portlet .k-header-column-menu, html body.yp .yp-portlet .k-panelbar, html body.yp .yp-portlet .k-slider, html body.yp .yp-portlet .k-splitter, html body.yp .yp-portlet .k-treeview, html body.yp .yp-portlet .k-widget {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-calendar, html body.yp .yp-portlet .k-grid-header .k-link, html body.yp .yp-portlet .k-header-column-menu, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-slider, html body.yp .yp-portlet .k-splitbar, html body.yp .yp-portlet .k-treeview {
    -webkit-touch-callout: none; }
  html body.yp .yp-portlet .k-list-scroller {
    position: relative;
    overflow: auto; }
  html body.yp .yp-portlet .k-popup.k-calendar-container, html body.yp .yp-portlet .k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 2px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-autocomplete.k-state-border-down, html body.yp .yp-portlet .k-dropdown-wrap.k-state-border-down, html body.yp .yp-portlet .k-list-container.k-state-border-down, html body.yp .yp-portlet .k-numeric-wrap.k-state-border-down, html body.yp .yp-portlet .k-picker-wrap.k-state-border-down {
    border-bottom-width: 0;
    padding-bottom: 1px; }
  html body.yp .yp-portlet .k-list-container .km-scroll-container {
    padding-bottom: 6px; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-dropdown-wrap, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-picker-wrap, html body.yp .yp-portlet .k-textbox {
    border-width: 1px;
    border-style: solid;
    padding: 0 1.9em 0 0; }
  html body.yp .yp-portlet .k-numeric-wrap.k-expand-padding {
    padding-right: 0; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-textbox {
    padding: 0; }
  html body.yp .yp-portlet .k-textbox.k-space-left {
    padding-left: 1.9em; }
  html body.yp .yp-portlet .k-textbox.k-space-right {
    padding-right: 1.9em; }
  html body.yp .yp-portlet .k-textbox .k-icon {
    top: 50%;
    margin: -8px 0 0;
    position: absolute; }
  html body.yp .yp-portlet .k-space-left .k-icon {
    left: 3px; }
  html body.yp .yp-portlet .k-space-right .k-icon {
    right: 3px; }
  html body.yp .yp-portlet span.k-textbox:after {
    content: "\a0";
    display: block;
    height: .4px;
    overflow: hidden; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .k-numeric-wrap.k-state-hover, html body.yp .yp-portlet .k-picker-wrap.k-state-focused, html body.yp .yp-portlet .k-picker-wrap.k-state-hover {
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    -webkit-transition: "box-shadow .15s ease-out";
    transition: "box-shadow .15s ease-out"; }
  html body.yp .yp-portlet .k-combobox .k-input, html body.yp .yp-portlet .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-picker-wrap .k-input, html body.yp .yp-portlet .k-textbox > input {
    width: 100%;
    vertical-align: top; }
  html body.yp .yp-portlet .k-dropdown-wrap .k-input, html body.yp .yp-portlet .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-picker-wrap .k-input, html body.yp .yp-portlet .k-selectbox .k-input {
    font-family: inherit;
    border-width: 0;
    outline: 0; }
  html body.yp .yp-portlet .k-dropdown .k-input, html body.yp .yp-portlet .k-selectbox .k-input {
    background: 0 0; }
  html body.yp .yp-portlet .k-dropdown-wrap .k-select, html body.yp .yp-portlet .k-numeric-wrap .k-select, html body.yp .yp-portlet .k-picker-wrap .k-select {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none; }
  html body.yp .yp-portlet .k-combobox .k-select, html body.yp .yp-portlet .k-numeric-wrap .k-select, html body.yp .yp-portlet .k-picker-wrap .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: inherit; }
  html body.yp .yp-portlet span.k-datetimepicker .k-select, html body.yp .yp-portlet span.k-datetimepicker .k-select + .k-select {
    right: 0; }
  html body.yp .yp-portlet .k-autocomplete .k-input, html body.yp .yp-portlet .k-textbox > input {
    display: block; }
  html body.yp .yp-portlet .k-dropdown .k-select, html body.yp .yp-portlet .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit; }
  html body.yp .yp-portlet .k-dropdown .k-input, html body.yp .yp-portlet .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-autocomplete .k-input, html body.yp .yp-portlet .k-dropdown-wrap .k-input, html body.yp .yp-portlet .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-picker-wrap .k-input, html body.yp .yp-portlet .k-selectbox .k-input, html body.yp .yp-portlet .k-textbox > input {
    height: 1.65em;
    line-height: 1.65em;
    padding: .177em 0;
    text-indent: .33em;
    border: 0;
    margin: 0; }
  html body.yp .yp-portlet .k-combobox .k-dropdown-wrap:before, html body.yp .yp-portlet .k-numeric-wrap:before, html body.yp .yp-portlet .k-picker-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 1.65em;
    padding-bottom: .3em; }
  html body.yp .yp-portlet .k-webkit .k-combobox .k-dropdown-wrap:before, html body.yp .yp-portlet .k-webkit .k-numeric-wrap:before, html body.yp .yp-portlet .k-webkit .k-picker-wrap:before {
    padding-bottom: .38em; }
  html body.yp .yp-portlet .km.root .k-combobox .k-dropdown-wrap:before, html body.yp .yp-portlet .km.root .k-numeric-wrap:before, html body.yp .yp-portlet .km.root .k-picker-wrap:before {
    content: none; }
  html body.yp .yp-portlet .k-combobox .k-input, html body.yp .yp-portlet .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-picker-wrap .k-input {
    display: inline; }
  html body.yp .yp-portlet .k-dropdown-wrap .k-select, html body.yp .yp-portlet .k-numeric-wrap .k-select, html body.yp .yp-portlet .k-picker-wrap .k-select {
    min-height: 1.65em;
    line-height: 2em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 1.9em;
    height: 100%; }
  html body.yp .yp-portlet .k-numeric-wrap .k-select {
    padding: 0; }
  html body.yp .yp-portlet body .k-datetimepicker .k-select {
    border-radius: 0; }
  html body.yp .yp-portlet .k-combobox .k-icon, html body.yp .yp-portlet .k-dropdown, html body.yp .yp-portlet .k-selectbox .k-icon {
    cursor: pointer; }
  html body.yp .yp-portlet .k-popup {
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .k-list-optionlabel, html body.yp .yp-portlet .k-popup .k-item {
    cursor: default; }
  html body.yp .yp-portlet .k-popup .k-calendar {
    border: 0; }
  html body.yp .yp-portlet .k-list {
    height: auto; }
  html body.yp .yp-portlet .k-fieldselector .k-list .k-item, html body.yp .yp-portlet .k-list-optionlabel, html body.yp .yp-portlet .k-popup .k-list .k-item, html body.yp .yp-portlet .k-popup > .k-group-header, html body.yp .yp-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em; }
  html body.yp .yp-portlet .k-popup > .k-group-header, html body.yp .yp-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    padding-right: 22px; }
  html body.yp .yp-portlet .k-overflow-container .k-item {
    padding: 1px; }
  html body.yp .yp-portlet .k-overflow-container .k-button.k-state-disabled, html body.yp .yp-portlet .k-overflow-container .k-button.k-state-disabled:hover, html body.yp .yp-portlet .k-overflow-container > .k-state-disabled .k-button {
    border: 0;
    background: 0 0; }
  html body.yp .yp-portlet .k-fieldselector .k-list .k-item, html body.yp .yp-portlet .k-list-optionlabel.k-state-focused, html body.yp .yp-portlet .k-list-optionlabel.k-state-selected, html body.yp .yp-portlet .k-overflow-container .k-state-focused, html body.yp .yp-portlet .k-overflow-container .k-state-hover, html body.yp .yp-portlet .k-overflow-container .k-state-selected, html body.yp .yp-portlet .k-popup .k-list .k-state-focused, html body.yp .yp-portlet .k-popup .k-list .k-state-hover, html body.yp .yp-portlet .k-popup .k-list .k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-list-filter {
    position: relative;
    margin-bottom: 2px; }
  html body.yp .yp-portlet .k-list-filter > .k-textbox {
    padding-right: 20px;
    width: 100%; }
  html body.yp .yp-portlet .k-list-filter > .k-icon {
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  html body.yp .yp-portlet .km-root .k-list-filter > .k-textbox {
    padding-left: 0;
    padding-right: 0;
    border-left-width: 0;
    border-right-width: 0; }
  html body.yp .yp-portlet .k-multiselect-wrap {
    position: relative;
    border-width: 0;
    border-style: solid;
    border-radius: 4px;
    border-color: #C5C5C5;
    background-color: #FFF;
    min-height: 2.04em; }
  html body.yp .yp-portlet .k-multiselect-wrap .k-input {
    background-color: transparent;
    height: 1.31em;
    line-height: 1.31em;
    padding: .18em 0;
    text-indent: .33em;
    border: 0;
    margin: 1px 0 0;
    float: left; }
  html body.yp .yp-portlet .k-multiselect-wrap .k-input::-ms-clear {
    display: none; }
  html body.yp .yp-portlet .k-multiselect-wrap li {
    margin: 1px 0 1px 1px;
    padding: .1em 1.6em .1em .4em;
    line-height: 1.5em;
    float: left;
    position: relative; }
  html body.yp .yp-portlet .k-autocomplete .k-loading, html body.yp .yp-portlet .k-multiselect .k-loading {
    position: absolute;
    right: 3px;
    bottom: 4px; }
  html body.yp .yp-portlet .k-multiselect .k-loading-hidden {
    visibility: hidden; }
  html body.yp .yp-portlet .k-multiselect-wrap .k-select {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: .1em .2em; }
  html body.yp .yp-portlet .k-datetimepicker .k-picker-wrap {
    padding-right: 3.8em; }
  html body.yp .yp-portlet .k-datetimepicker .k-select {
    width: 3.8em; }
  html body.yp .yp-portlet .k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 2px; }
  html body.yp .yp-portlet .k-picker-wrap .k-icon {
    cursor: pointer; }
  html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-datepicker, html body.yp .yp-portlet .k-datetimepicker, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-timepicker {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-picker-wrap .k-input {
    margin: 0; }
  html body.yp .yp-portlet .k-time-popup .k-item {
    padding: 1px 3px; }
  html body.yp .yp-portlet .k-input {
    padding: .25em 0; }
  html body.yp .yp-portlet .k-input, html body.yp .yp-portlet .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html body.yp .yp-portlet .k-textbox {
    outline: 0; }
  html body.yp .yp-portlet input.k-textbox, html body.yp .yp-portlet textarea.k-textbox {
    padding: 2px .3em; }
  html body.yp .yp-portlet input.k-textbox {
    height: 2.13em;
    text-indent: .33em;
    line-height: 1.6em; }
  html body.yp .yp-portlet .k-ie input.k-textbox {
    text-indent: .165em; }
  html body.yp .yp-portlet .k-ff input.k-textbox {
    height: 2.17em; }
  html body.yp .yp-portlet textarea.k-textbox {
    height: auto; }
  html body.yp .yp-portlet span.k-numerictextbox {
    background-color: transparent; }
  html body.yp .yp-portlet .k-numerictextbox .k-input {
    margin: 0; }
  html body.yp .yp-portlet .k-numerictextbox .k-link {
    display: block;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    border-width: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-numerictextbox .k-icon {
    height: 11px; }
  html body.yp .yp-portlet .k-numeric-wrap .k-input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  html body.yp .yp-portlet .k-colorpicker .k-picker-wrap {
    line-height: 2em; }
  html body.yp .yp-portlet .k-colorpicker .k-selected-color {
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    height: 2em;
    width: 2em; }
  html body.yp .yp-portlet .k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    font-size: 0;
    line-height: 0;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -ms-high-contrast-adjust: none; }
  html body.yp .yp-portlet .k-colorpicker .k-tool-icon .k-selected-color {
    display: block;
    height: 3px;
    width: 16px;
    position: absolute;
    left: 3px;
    bottom: -3px;
    border-radius: 0 !important; }
  html body.yp .yp-portlet .k-colorpicker .k-select {
    cursor: pointer; }
  html body.yp .yp-portlet .k-disabled-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50); }
  html body.yp .yp-portlet .k-colorpalette {
    position: relative;
    line-height: 0;
    border-width: 0;
    display: inline-block; }
  html body.yp .yp-portlet .k-colorpalette .k-palette {
    border-collapse: collapse;
    position: relative;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-colorpalette .k-item {
    width: 14px;
    height: 14px;
    overflow: hidden;
    -ms-high-contrast-adjust: none; }
  html body.yp .yp-portlet .k-colorpalette .k-item.k-state-selected, html body.yp .yp-portlet .k-colorpalette .k-item.k-state-selected:hover {
    z-index: 100;
    background: 0 0;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    position: relative; }
  html body.yp .yp-portlet .k-colorpalette .k-item:hover {
    z-index: 101;
    position: relative;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
  html body.yp .yp-portlet .k-flatcolorpicker {
    position: relative;
    display: inline-block;
    width: 250px;
    padding-bottom: 5px; }
  html body.yp .yp-portlet div.k-flatcolorpicker {
    background-color: transparent;
    background-image: none; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-selected-color {
    background-image: url(textures/transtexture.png);
    background-position: 50% 50%;
    text-align: right; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-selected-color input.k-color-value {
    font-family: Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;
    padding: .75em .3em .65em 1em;
    border: 0;
    margin: 0;
    width: 70%; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pinch-zoom double-tap-zoom; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border: 1px solid #eee;
    margin-left: -5px;
    margin-top: -5px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px #444;
    box-shadow: 0 1px 2px #444;
    background: 0 0; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus, html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {
    background: 0 0;
    border-color: #fff;
    -webkit-box-shadow: 0 1px 5px #000;
    box-shadow: 0 1px 5px #000; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle.k-dragging, html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
    cursor: none; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-slider-horizontal {
    height: 20px;
    width: 90%;
    margin: 0 5%; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
    -webkit-box-shadow: 0 1px 0 #fff,0 -1px 0 #999;
    box-shadow: 0 1px 0 #fff,0 -1px 0 #999; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider {
    display: block; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-slider-selection, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
    background: 0 0; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle {
    background: 0 0;
    border: 3px solid #eee;
    margin-top: 1px;
    height: 8px;
    width: 8px;
    -webkit-box-shadow: 0 1px 4px #444;
    box-shadow: 0 1px 4px #444; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
    background: 0 0;
    border-color: #fff;
    -webkit-box-shadow: 0 1px 5px #000;
    box-shadow: 0 1px 5px #000;
    border-width: 2px;
    padding: 1px; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), to(#ff0004));
    background: -webkit-linear-gradient(left, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
    background: linear-gradient(to right, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); }
  html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background-image: url(textures/transparency.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: 100% 50%;
    background-repeat: no-repeat; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-controls {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 90%; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-controls .k-button {
    width: 6em; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)), -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
    height: 180px;
    margin-bottom: 5px; }
  html body.yp .yp-portlet .k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
  html body.yp .yp-portlet .k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
  html body.yp .yp-portlet .k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(textures/hue.png) repeat 0 50%; }
  html body.yp .yp-portlet .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url(textures/transparency.png) repeat 0 50%; }
  html body.yp .yp-portlet .k-ie8 .k-flatcolorpicker .k-hsv-gradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0); }
  html body.yp .yp-portlet table.k-editor {
    width: 100%;
    height: 250px;
    table-layout: fixed;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    border-spacing: 4px;
    font-size: 100%;
    vertical-align: top;
    position: relative; }
  html body.yp .yp-portlet .k-editor-inline {
    border-width: 2px;
    padding: .3em .5em;
    word-wrap: break-word;
    overflow: auto; }
  html body.yp .yp-portlet .k-editortoolbar-dragHandle {
    cursor: move;
    padding-left: 0;
    padding-right: 3px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .yp-portlet .k-editor-widget > .k-window-content {
    overflow: hidden; }
  html body.yp .yp-portlet .k-editor .k-editor-toolbar-wrap {
    border: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-editor-toolbar {
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    line-height: 1.3em;
    cursor: default;
    word-wrap: break-word; }
  html body.yp .yp-portlet .k-editor-toolbar li {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-ff .k-editor-toolbar, html body.yp .yp-portlet .k-ie9 .k-editor-toolbar, html body.yp .yp-portlet .k-webkit .k-editor-toolbar {
    padding: 0; }
  html body.yp .yp-portlet .k-ff .k-editor-toolbar li, html body.yp .yp-portlet .k-ie10 .k-editor-toolbar li, html body.yp .yp-portlet .k-ie9 .k-editor-toolbar li, html body.yp .yp-portlet .k-safari .k-editor-toolbar li, html body.yp .yp-portlet .k-webkit .k-editor-toolbar li {
    display: inline-block;
    padding: .1em 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-editor-widget, html body.yp .yp-portlet .k-editor-toolbar > li {
    margin-right: 6px; }
  html body.yp .yp-portlet .k-group-start.k-group-end .k-editor-widget {
    margin-right: 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-editor-dropdown {
    position: relative; }
  html body.yp .yp-portlet .k-select-overlay {
    -webkit-appearance: none;
    opacity: 0;
    z-index: 11000;
    top: 0;
    left: 0;
    position: absolute;
    height: 26px;
    width: 100%;
    margin: -4px 0 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-separator {
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 .3em 0 .1em;
    padding: 0 0 0 1px;
    font-size: 1.3em; }
  html body.yp .yp-portlet .k-editor-toolbar .k-break {
    display: block;
    height: 1px;
    font-size: 0;
    line-height: 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-colorpicker, html body.yp .yp-portlet .k-editor-toolbar .k-combobox, html body.yp .yp-portlet .k-editor-toolbar .k-dropdown, html body.yp .yp-portlet .k-editor-toolbar .k-selectbox {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-button-group {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-button-group .k-tool {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 0;
    width: 2em;
    height: 2em;
    line-height: 2em; }
  html body.yp .yp-portlet .k-button-group .k-tool-icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    -ms-high-contrast-adjust: none; }
  html body.yp .yp-portlet .k-i-move {
    background-position: -160px -288px; }
  html body.yp .yp-portlet .k-bold {
    background-position: -240px 0; }
  html body.yp .yp-portlet .k-state-hover .k-bold, html body.yp .yp-portlet .k-state-selected .k-bold {
    background-position: -264px 0; }
  html body.yp .yp-portlet .k-italic {
    background-position: -240px -24px; }
  html body.yp .yp-portlet .k-state-hover .k-italic, html body.yp .yp-portlet .k-state-selected .k-italic {
    background-position: -264px -24px; }
  html body.yp .yp-portlet .k-underline {
    background-position: -240px -48px; }
  html body.yp .yp-portlet .k-state-hover .k-underline, html body.yp .yp-portlet .k-state-selected .k-underline {
    background-position: -264px -48px; }
  html body.yp .yp-portlet .k-strikethrough {
    background-position: -240px -72px; }
  html body.yp .yp-portlet .k-state-hover .k-strikethrough, html body.yp .yp-portlet .k-state-selected .k-strikethrough {
    background-position: -264px -72px; }
  html body.yp .yp-portlet .k-foreColor {
    background-position: -240px -96px; }
  html body.yp .yp-portlet .k-state-hover .k-foreColor, html body.yp .yp-portlet .k-state-selected .k-foreColor {
    background-position: -264px -96px; }
  html body.yp .yp-portlet .k-backColor {
    background-position: -240px -120px; }
  html body.yp .yp-portlet .k-state-hover .k-backColor, html body.yp .yp-portlet .k-state-selected .k-backColor {
    background-position: -264px -120px; }
  html body.yp .yp-portlet .k-colorpicker .k-foreColor {
    background-position: -240px -96px; }
  html body.yp .yp-portlet .k-colorpicker .k-backColor {
    background-position: -240px -120px; }
  html body.yp .yp-portlet .k-justifyLeft {
    background-position: -240px -144px; }
  html body.yp .yp-portlet .k-state-hover .k-justifyLeft, html body.yp .yp-portlet .k-state-selected .k-justifyLeft {
    background-position: -264px -144px; }
  html body.yp .yp-portlet .k-justifyCenter {
    background-position: -240px -168px; }
  html body.yp .yp-portlet .k-state-hover .k-justifyCenter, html body.yp .yp-portlet .k-state-selected .k-justifyCenter {
    background-position: -264px -168px; }
  html body.yp .yp-portlet .k-justifyRight {
    background-position: -240px -192px; }
  html body.yp .yp-portlet .k-state-hover .k-justifyRight, html body.yp .yp-portlet .k-state-selected .k-justifyRight {
    background-position: -264px -192px; }
  html body.yp .yp-portlet .k-justifyFull {
    background-position: -240px -216px; }
  html body.yp .yp-portlet .k-state-hover .k-justifyFull, html body.yp .yp-portlet .k-state-selected .k-justifyFull {
    background-position: -264px -216px; }
  html body.yp .yp-portlet .k-insertUnorderedList {
    background-position: -240px -264px; }
  html body.yp .yp-portlet .k-state-hover .k-insertUnorderedList, html body.yp .yp-portlet .k-state-selected .k-insertUnorderedList {
    background-position: -264px -264px; }
  html body.yp .yp-portlet .k-insertOrderedList {
    background-position: -240px -288px; }
  html body.yp .yp-portlet .k-state-hover .k-insertOrderedList, html body.yp .yp-portlet .k-state-selected .k-insertOrderedList {
    background-position: -264px -288px; }
  html body.yp .yp-portlet .k-indent, html body.yp .yp-portlet .k-rtl .k-outdent {
    background-position: -288px 0; }
  html body.yp .yp-portlet .k-state-hover .k-indent, html body.yp .yp-portlet .k-state-hover .k-rtl .k-outdent, html body.yp .yp-portlet .k-state-selected .k-indent, html body.yp .yp-portlet .k-state-selected .k-rtl .k-outdent {
    background-position: -312px 0; }
  html body.yp .yp-portlet .k-outdent, html body.yp .yp-portlet .k-rtl .k-indent {
    background-position: -288px -24px; }
  html body.yp .yp-portlet .k-state-hover .k-outdent, html body.yp .yp-portlet .k-state-hover .k-rtl .k-indent, html body.yp .yp-portlet .k-state-selected .k-outdent, html body.yp .yp-portlet .k-state-selected .k-rtl .k-indent {
    background-position: -312px -24px; }
  html body.yp .yp-portlet .k-createLink {
    background-position: -288px -48px; }
  html body.yp .yp-portlet .k-state-hover .k-createLink, html body.yp .yp-portlet .k-state-selected .k-createLink {
    background-position: -312px -48px; }
  html body.yp .yp-portlet .k-unlink {
    background-position: -288px -72px; }
  html body.yp .yp-portlet .k-state-hover .k-unlink, html body.yp .yp-portlet .k-state-selected .k-unlink {
    background-position: -312px -72px; }
  html body.yp .yp-portlet .k-insertImage {
    background-position: -288px -96px; }
  html body.yp .yp-portlet .k-state-hover .k-insertImage, html body.yp .yp-portlet .k-state-selected .k-insertImage {
    background-position: -312px -96px; }
  html body.yp .yp-portlet .k-insertFile {
    background-position: -288px -216px; }
  html body.yp .yp-portlet .k-state-hover .k-insertFile, html body.yp .yp-portlet .k-state-selected .k-insertFile {
    background-position: -312px -216px; }
  html body.yp .yp-portlet .k-subscript {
    background-position: -288px -144px; }
  html body.yp .yp-portlet .k-state-hover .k-subscript, html body.yp .yp-portlet .k-state-selected .k-subscript {
    background-position: -312px -144px; }
  html body.yp .yp-portlet .k-superscript {
    background-position: -288px -168px; }
  html body.yp .yp-portlet .k-state-hover .k-superscript, html body.yp .yp-portlet .k-state-selected .k-superscript {
    background-position: -312px -168px; }
  html body.yp .yp-portlet .k-cleanFormatting {
    background-position: -288px -192px; }
  html body.yp .yp-portlet .k-state-hover .k-cleanFormatting, html body.yp .yp-portlet .k-state-selected .k-cleanFormatting {
    background-position: -312px -192px; }
  html body.yp .yp-portlet .k-createTable {
    background-position: -192px 0; }
  html body.yp .yp-portlet .k-state-hover .k-createTable, html body.yp .yp-portlet .k-state-selected .k-createTable {
    background-position: -216px 0; }
  html body.yp .yp-portlet .k-addColumnLeft {
    background-position: -192px -24px; }
  html body.yp .yp-portlet .k-state-hover .k-addColumnLeft, html body.yp .yp-portlet .k-state-selected .k-addColumnLeft {
    background-position: -216px -24px; }
  html body.yp .yp-portlet .k-addColumnRight {
    background-position: -192px -48px; }
  html body.yp .yp-portlet .k-state-hover .k-addColumnRight, html body.yp .yp-portlet .k-state-selected .k-addColumnRight {
    background-position: -216px -48px; }
  html body.yp .yp-portlet .k-addRowAbove {
    background-position: -192px -72px; }
  html body.yp .yp-portlet .k-state-hover .k-addRowAbove, html body.yp .yp-portlet .k-state-selected .k-addRowAbove {
    background-position: -216px -72px; }
  html body.yp .yp-portlet .k-addRowBelow {
    background-position: -192px -96px; }
  html body.yp .yp-portlet .k-state-hover .k-addRowBelow, html body.yp .yp-portlet .k-state-selected .k-addRowBelow {
    background-position: -216px -96px; }
  html body.yp .yp-portlet .k-deleteRow {
    background-position: -192px -120px; }
  html body.yp .yp-portlet .k-state-hover .k-deleteRow, html body.yp .yp-portlet .k-state-selected .k-deleteRow {
    background-position: -216px -120px; }
  html body.yp .yp-portlet .k-deleteColumn {
    background-position: -192px -144px; }
  html body.yp .yp-portlet .k-state-hover .k-deleteColumn, html body.yp .yp-portlet .k-state-selected .k-deleteColumn {
    background-position: -216px -144px; }
  html body.yp .yp-portlet .k-mergeCells {
    background-position: -192px -168px; }
  html body.yp .yp-portlet .k-state-hover .k-mergeCells, html body.yp .yp-portlet .k-state-selected .k-mergeCells {
    background-position: -216px -168px; }
  html body.yp .yp-portlet .k-pdf {
    background-position: -288px -240px; }
  html body.yp .yp-portlet .k-state-hover .k-pdf, html body.yp .yp-portlet .k-state-selected .k-pdf {
    background-position: -312px -240px; }
  html body.yp .yp-portlet .k-print {
    background-position: -288px -264px; }
  html body.yp .yp-portlet .k-state-hover .k-print, html body.yp .yp-portlet .k-state-selected .k-print {
    background-position: -312px -264px; }
  html body.yp .yp-portlet .k-fontName {
    width: 110px; }
  html body.yp .yp-portlet .k-fontSize {
    width: 124px; }
  html body.yp .yp-portlet .k-formatBlock {
    width: 147px; }
  html body.yp .yp-portlet .k-editortoolbar-dragHandle {
    float: left;
    margin: 1px 0 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-button-group {
    padding: 1px; }
  html body.yp .yp-portlet .k-editor .k-editor-toolbar .k-row-break {
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0; }
  html body.yp .yp-portlet .k-button-group .k-tool {
    border-style: solid;
    border-width: 1px;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-button-group .k-tool.k-state-hover, html body.yp .yp-portlet .k-button-group .k-tool:focus {
    position: relative;
    z-index: 1; }
  html body.yp .yp-portlet .k-rtl .k-button-group .k-tool {
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .k-button-group .k-tool.k-group-end {
    border-right-width: 1px; }
  html body.yp .yp-portlet .k-rtl .k-button-group .k-tool.k-group-end {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-button-group .k-state-disabled {
    display: none; }
  html body.yp .yp-portlet .k-button-group .k-state-active, html body.yp .yp-portlet .k-button-group .k-state-hover {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-button-group .k-state-disabled {
    filter: alpha(opacity=30);
    opacity: .3; }
  html body.yp .yp-portlet .k-editor .k-editable-area {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0; }
  html body.yp .yp-portlet .k-editor .k-content {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff; }
  html body.yp .yp-portlet .k-editor .k-tool {
    outline: 0; }
  html body.yp .yp-portlet .k-editor iframe.k-content {
    display: inline;
    vertical-align: top; }
  html body.yp .yp-portlet .k-editor .k-raw-content {
    border: 0;
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-editor .k-raw-content, html body.yp .yp-portlet .k-editor-dialog .k-editor-textarea {
    font-size: inherit;
    font-family: consolas,"courier new",monospace; }
  html body.yp .yp-portlet .k-editor-dialog {
    padding: 1em;
    width: 400px; }
  html body.yp .yp-portlet .k-editor-dialog .k-edit-label {
    width: 25%; }
  html body.yp .yp-portlet .k-editor-dialog .k-edit-field {
    width: 66%; }
  html body.yp .yp-portlet .k-editor-dialog .k-edit-field .k-textbox {
    width: 96%; }
  html body.yp .yp-portlet .k-viewhtml-dialog {
    width: auto; }
  html body.yp .yp-portlet .k-filebrowser-dialog {
    width: auto;
    min-width: 350px; }
  html body.yp .yp-portlet .k-filebrowser-dialog .k-filebrowser {
    margin: 0 1em 0; }
  html body.yp .yp-portlet .k-filebrowser-dialog .k-edit-label {
    width: 18%; }
  html body.yp .yp-portlet .k-filebrowser-dialog .k-edit-field {
    width: 75%; }
  html body.yp .yp-portlet .k-filebrowser-dialog .k-edit-field .k-textbox {
    width: 70%; }
  html body.yp .yp-portlet #k-editor-image-height, html body.yp .yp-portlet #k-editor-image-width {
    width: 5em; }
  html body.yp .yp-portlet .k-editor-dialog .k-button {
    display: inline-block; }
  html body.yp .yp-portlet .k-editor-dialog .k-editor-textarea {
    width: 600px;
    height: 350px;
    padding: .2em .2em .2em .4em;
    border-width: 1px;
    border-style: solid;
    overflow: auto; }
  html body.yp .yp-portlet .k-button-wrapper .k-link:hover {
    text-decoration: underline; }
  html body.yp .yp-portlet .k-ct-popup {
    width: 180.4px;
    padding: .65em .5em .5em; }
  html body.yp .yp-portlet .k-ct-popup .k-status {
    margin: .3em 0; }
  html body.yp .yp-portlet .k-ct-cell {
    border-width: 1px;
    border-style: solid;
    width: 18px;
    height: 18px;
    margin: 1px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    -ms-high-contrast-adjust: none; }
  html body.yp .yp-portlet .k-editor .k-resize-handle {
    position: absolute;
    padding: 5px;
    right: 0;
    bottom: 0; }
  html body.yp .yp-portlet .k-editor .k-overlay {
    position: absolute;
    background-color: #fff;
    opacity: 0; }
  html body.yp .yp-portlet .k-toolbar-resizable {
    min-height: 2.4375em;
    position: relative; }
  html body.yp .yp-portlet .k-overflow-tools {
    position: absolute;
    right: 0;
    top: 0; }
  html body.yp .yp-portlet .k-editor-overflow-popup .k-tool {
    width: auto;
    height: auto;
    display: block;
    text-align: left;
    text-decoration: initial;
    border: 0;
    padding-right: .5em;
    margin: 0;
    padding: 0 6px; }
  html body.yp .yp-portlet .k-editor-overflow-popup .k-tool.k-state-disabled {
    display: none; }
  html body.yp .yp-portlet .k-editor-toolbar .k-tool-text {
    display: none; }
  html body.yp .yp-portlet .k-notification-wrap {
    padding: .6em .5em;
    cursor: default;
    position: relative;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-notification-button .k-notification-wrap {
    padding-right: 20px; }
  html body.yp .yp-portlet .k-notification-wrap > .k-i-note {
    vertical-align: text-bottom;
    margin-right: 4px; }
  html body.yp .yp-portlet .k-notification-wrap > .k-i-close {
    position: absolute;
    top: 7px;
    right: 4px;
    display: none; }
  html body.yp .yp-portlet .k-notification-button .k-notification-wrap > .k-i-close {
    display: block; }
  html body.yp .yp-portlet .k-progressbar {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-progressbar {
    border-radius: 4px; }
  html body.yp .yp-portlet .k-progressbar-horizontal {
    width: 27em;
    height: 1.9em; }
  html body.yp .yp-portlet .k-progressbar-vertical {
    width: 1.9em;
    height: 27em; }
  html body.yp .yp-portlet .k-progressbar > .k-state-selected {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    overflow: hidden; }
  html body.yp .yp-portlet .k-progressbar-horizontal > .k-state-selected, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
    left: -1px;
    right: auto;
    top: -1px;
    height: 100%;
    border-radius: 4px 0 0 4px; }
  html body.yp .yp-portlet .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal > .k-state-selected {
    left: auto;
    right: -1px;
    border-radius: 0 4px 4px 0; }
  html body.yp .yp-portlet .k-progressbar-vertical > .k-state-selected {
    left: -1px;
    bottom: -1px;
    width: 100%;
    border-radius: 0 0 4px 4px; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
    bottom: auto;
    top: -1px;
    border-radius: 4px 4px 0 0; }
  html body.yp .yp-portlet .k-progressbar > .k-state-selected.k-complete, html body.yp .yp-portlet .k-rtl .k-progressbar > .k-state-selected.k-complete {
    border-radius: 4px; }
  html body.yp .yp-portlet .k-progressbar > .k-reset {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-item {
    display: inline-block;
    height: 100%;
    border-style: solid;
    margin-left: -1px; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-item.k-first {
    margin-left: 0; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-item.k-last {
    border-right-width: 0; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-item, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px 0 1px 1px; }
  html body.yp .yp-portlet .k-progressbar-horizontal.k-progressbar-reverse .k-item, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal .k-item {
    border-width: 1px 0 1px 1px; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-first, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal .k-last, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-last, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal .k-first {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  html body.yp .yp-portlet .k-progressbar-horizontal.k-progressbar-reverse .k-last, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal .k-first {
    border-right-width: 1px; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-last.k-state-selected {
    border-right-width: 1px; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-item {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    margin-top: -1px; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-item.k-first {
    margin-top: 0; }
  html body.yp .yp-portlet .k-progressbar-vertical li.k-item.k-last {
    border-bottom-width: 0; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-first {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse .k-item {
    border-width: 0 1px 1px 1px; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse .k-first {
    border-top-width: 1px; }
  html body.yp .yp-portlet .k-progress-status-wrap {
    position: absolute;
    top: -1px;
    border: 1px solid transparent;
    line-height: 2em;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-progress-status-wrap, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
    left: -1px;
    right: auto;
    text-align: right; }
  html body.yp .yp-portlet .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
    left: auto;
    right: -1px;
    text-align: left; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-progress-status-wrap {
    top: auto;
    bottom: -1px; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
    bottom: auto;
    top: -1px; }
  html body.yp .yp-portlet .k-progress-status {
    display: inline-block;
    padding: 0 .5em;
    min-width: 10px;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-progress-status {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    -webkit-transform: rotate(90deg) translateX(-100%);
    -ms-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%; }
  html body.yp .yp-portlet .k-ie8 .k-progressbar-vertical .k-progress-status {
    -webkit-writing-mode: bt-lr;
    -ms-writing-mode: bt-lr;
    writing-mode: bt-lr;
    padding: .5em 0; }
  html body.yp .yp-portlet div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-slider-vertical {
    width: 26px;
    height: 200px; }
  html body.yp .yp-portlet .k-slider-horizontal {
    display: inline-block;
    width: 200px;
    height: 26px; }
  html body.yp .yp-portlet .k-slider-wrap {
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-grid .k-slider .k-button, html body.yp .yp-portlet .k-slider .k-button {
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: 0; }
  html body.yp .yp-portlet .k-slider .k-button .k-icon {
    margin-top: 3px;
    vertical-align: top; }
  html body.yp .yp-portlet .k-state-disabled .k-slider-wrap {
    filter: alpha(opacity=60);
    opacity: .6; }
  html body.yp .yp-portlet .k-state-disabled .k-slider-wrap .k-slider-items {
    color: #333; }
  html body.yp .yp-portlet .k-slider .k-button-decrease {
    left: 0; }
  html body.yp .yp-portlet .k-grid .k-slider-vertical .k-button-decrease, html body.yp .yp-portlet .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0; }
  html body.yp .yp-portlet .k-slider .k-button-increase {
    right: 0; }
  html body.yp .yp-portlet .k-slider .k-icon, html body.yp .yp-portlet .k-slider .k-tick, html body.yp .yp-portlet .k-slider-track {
    cursor: pointer; }
  html body.yp .yp-portlet .k-slider-selection, html body.yp .yp-portlet .k-slider-track {
    position: absolute;
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-selection, html body.yp .yp-portlet .k-slider-horizontal .k-slider-track {
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 34px; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-selection, html body.yp .yp-portlet .k-slider-vertical .k-slider-track {
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 34px; }
  html body.yp .yp-portlet .k-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    outline: 0; }
  html body.yp .yp-portlet .k-slider-horizontal .k-draghandle {
    top: -4px;
    width: 13px;
    height: 14px; }
  html body.yp .yp-portlet .k-slider-vertical .k-draghandle {
    left: -4px;
    width: 14px;
    height: 13px; }
  html body.yp .yp-portlet .k-slider-buttons .k-slider-items {
    margin-left: 34px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-items {
    height: 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-items {
    padding-top: 1px; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-buttons .k-slider-items {
    padding-top: 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-buttons .k-slider-items {
    margin: 0;
    padding-top: 35px; }
  html body.yp .yp-portlet .k-slider .k-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick {
    background-position: center -92px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-tick {
    background-position: center -122px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-tick {
    background-position: center -152px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick-large {
    background-position: center -2px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-tick-large {
    background-position: center -32px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-tick-large {
    background-position: center -62px; }
  html body.yp .yp-portlet .k-slider-vertical .k-tick {
    background-position: -92px center; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-tick {
    background-position: -122px center; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-tick {
    background-position: -152px center; }
  html body.yp .yp-portlet .k-slider-vertical .k-tick-large {
    background-position: -2px center; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-tick-large {
    background-position: -32px center; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-tick-large {
    background-position: -62px center; }
  html body.yp .yp-portlet .k-slider-horizontal .k-first {
    background-position: 0 -92px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-first {
    background-position: 0 -122px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-first {
    background-position: 0 -152px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
    background-position: 0 -62px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-last {
    background-position: 100% -92px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick-large.k-last {
    background-position: 100% -2px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-last {
    background-position: 100% -122px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
    background-position: 100% -32px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-last {
    background-position: 100% -152px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
    background-position: 100% -62px; }
  html body.yp .yp-portlet .k-slider-vertical .k-first {
    background-position: -92px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-tick-large.k-first {
    background-position: -2px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-first {
    background-position: -122px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
    background-position: -32px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-first {
    background-position: -152px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
    background-position: -62px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-last {
    background-position: -92px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-tick-large.k-last {
    background-position: -2px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-last {
    background-position: -122px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
    background-position: -32px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-last {
    background-position: -152px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
    background-position: -62px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-tick {
    text-align: right; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-tick {
    text-align: left; }
  html body.yp .yp-portlet .k-slider .k-label {
    position: absolute;
    white-space: nowrap;
    font-size: .92em; }
  html body.yp .yp-portlet .k-slider-horizontal .k-label {
    left: 0;
    width: 100%;
    line-height: 1; }
  html body.yp .yp-portlet .k-slider-horizontal .k-first .k-label {
    left: -50%; }
  html body.yp .yp-portlet .k-slider-horizontal .k-last .k-label {
    left: auto;
    right: -50%; }
  html body.yp .yp-portlet .k-slider-horizontal .k-label {
    bottom: -1.2em; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-label {
    top: -1.2em; }
  html body.yp .yp-portlet .k-slider-vertical .k-label {
    left: 120%;
    display: block;
    text-align: left; }
  html body.yp .yp-portlet .k-slider-vertical .k-last .k-label {
    top: -.5em; }
  html body.yp .yp-portlet .k-slider-vertical .k-first .k-label {
    bottom: -.5em; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%; }
  html body.yp .yp-portlet .k-slider-tooltip {
    top: -4444px; }
  html body.yp .yp-portlet .k-scheduler-footer, html body.yp .yp-portlet .k-scheduler-toolbar {
    border-style: solid; }
  html body.yp .yp-portlet .k-scheduler-footer, html body.yp .yp-portlet .k-scheduler-toolbar {
    line-height: 28px;
    padding: 6px; }
  html body.yp .yp-portlet .k-scheduler-toolbar {
    position: relative;
    border-width: 0 0 1px; }
  html body.yp .yp-portlet .k-edit-field.k-scheduler-toolbar {
    border-width: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; }
  html body.yp .yp-portlet .k-scheduler-header {
    text-align: center; }
  html body.yp .yp-portlet .k-scheduler-footer {
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-scheduler-toolbar > ul {
    float: right; }
  html body.yp .yp-portlet .k-scheduler-toolbar > ul:first-child {
    float: left; }
  html body.yp .yp-portlet .k-scheduler-toolbar > .k-scheduler-tools {
    float: left;
    margin-bottom: .5em; }
  html body.yp .yp-portlet .k-scheduler-tools + .k-scheduler-navigation {
    float: left;
    clear: left; }
  html body.yp .yp-portlet .k-scheduler-footer > ul > li, html body.yp .yp-portlet .k-scheduler-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0; }
  html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-nav-current, html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
    border-width: 0; }
  html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li, html body.yp .yp-portlet .k-scheduler-toolbar > ul > li:first-child {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-scheduler div.k-scheduler-footer ul li {
    margin-right: .6em;
    border-width: 1px; }
  html body.yp .yp-portlet .k-scheduler-footer .k-link, html body.yp .yp-portlet .k-scheduler-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em; }
  html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-next .k-link, html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-prev .k-link {
    padding-left: .6em;
    padding-right: .6em; }
  html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-current .k-link {
    padding: 0; }
  html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-current {
    margin: 0 1.1em; }
  html body.yp .yp-portlet .k-scheduler .k-nav-current > .k-state-active, html body.yp .yp-portlet .k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current {
    background: 0 0; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation {
    width: 100%;
    text-align: center; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li {
    background: 0 0;
    border: 0; }
  html body.yp .yp-portlet .k-scheduler-phone .k-toolbar .k-nav-next {
    float: right; }
  html body.yp .yp-portlet .k-scheduler-phone .k-toolbar .k-nav-prev {
    float: left; }
  html body.yp .yp-portlet .k-scheduler-footer .k-icon, html body.yp .yp-portlet .k-scheduler-toolbar .k-i-calendar {
    margin: -2px 6px 0 0; }
  html body.yp .yp-portlet .k-scheduler-header, html body.yp .yp-portlet .k-scheduler-header-wrap {
    overflow: hidden; }
  html body.yp .yp-portlet .k-scheduler-header-wrap {
    position: relative;
    border-style: solid;
    border-width: 0; }
  html body.yp .yp-portlet .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 1px; }
  html body.yp .yp-portlet .k-scheduler-content, html body.yp .yp-portlet .k-scheduler-times {
    position: relative; }
  html body.yp .yp-portlet .k-scheduler-times {
    overflow: hidden;
    border-style: solid;
    border-width: 0; }
  html body.yp .yp-portlet .k-scheduler-content {
    overflow: auto; }
  html body.yp .yp-portlet .k-scheduler-layout, html body.yp .yp-portlet .k-scheduler-table {
    border-spacing: 0;
    width: 100%;
    margin: 0;
    border-collapse: separate; }
  html body.yp .yp-portlet .k-scheduler-layout > tbody > tr > td {
    padding: 0;
    vertical-align: top; }
  html body.yp .yp-portlet .k-safari .k-scheduler-layout > tbody > tr > td + td {
    width: 100%; }
  html body.yp .yp-portlet .k-scheduler-table {
    table-layout: fixed;
    max-width: none; }
  html body.yp .yp-portlet .k-scheduler-times .k-scheduler-table {
    table-layout: auto; }
  html body.yp .yp-portlet .k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
    height: 100%; }
  html body.yp .yp-portlet .k-scheduler-table td, html body.yp .yp-portlet .k-scheduler-table th {
    height: 1.5em;
    padding: .334em .5em;
    font-size: 100%; }
  html body.yp .yp-portlet .k-scheduler .k-scheduler-table td, html body.yp .yp-portlet .k-scheduler .k-scheduler-table th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .k-scheduler-monthview .k-hidden, html body.yp .yp-portlet .k-scheduler-monthview .k-hidden > div {
    width: 0 !important;
    overflow: hidden !important; }
  html body.yp .yp-portlet .k-scheduler-monthview .k-hidden {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right-width: 0 !important; }
  html body.yp .yp-portlet .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
    margin-right: 1px; }
  html body.yp .yp-portlet .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
    height: auto; }
  html body.yp .yp-portlet .k-scheduler-monthview .k-hidden, html body.yp .yp-portlet .k-scheduler-monthview .k-scheduler-table td {
    height: 80px;
    text-align: right; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-hidden, html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    height: 40px; }
  html body.yp .yp-portlet .k-scheduler-table td, html body.yp .yp-portlet .k-slot-cell {
    vertical-align: top; }
  html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
    vertical-align: top; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    text-align: center;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span {
    font-size: 1.5em; }
  html body.yp .yp-portlet .k-scheduler-header th {
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-scheduler-header th, html body.yp .yp-portlet .k-scheduler-table td {
    border-style: solid;
    border-width: 0 0 1px 1px; }
  html body.yp .yp-portlet .k-scheduler-header th:first-child, html body.yp .yp-portlet .k-scheduler-table td:first-child {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-scheduler-agendaview .k-scheduler-table td.k-first {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, html body.yp .yp-portlet .k-scheduler-table > tbody > tr > .k-last {
    border-bottom-width: 0; }
  html body.yp .yp-portlet .k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last, html body.yp .yp-portlet .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, html body.yp .yp-portlet .k-scrollbar-h tr + tr .k-scheduler-times {
    border-bottom-width: 1px; }
  html body.yp .yp-portlet .k-scheduler-times th {
    text-align: right;
    padding-right: .6em;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-times th {
    border-bottom-color: transparent; }
  html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day, html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
    border-bottom-color: inherit; }
  html body.yp .yp-portlet .k-scheduler .k-middle-row td {
    border-bottom-style: dotted; }
  html body.yp .yp-portlet .k-scheduler-now-arrow, html body.yp .yp-portlet .k-scheduler-now-line {
    position: absolute; }
  html body.yp .yp-portlet .k-scheduler-now-arrow {
    width: 0;
    height: 0;
    border: solid 5px transparent;
    left: 0; }
  html body.yp .yp-portlet .k-scheduler-now-line {
    left: 5px;
    right: 0;
    height: 1px; }
  html body.yp .yp-portlet .k-task {
    position: relative; }
  html body.yp .yp-portlet div.k-more-events {
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    padding: 0; }
  html body.yp .yp-portlet .k-more-events > span {
    display: block;
    margin-top: -.6em; }
  html body.yp .yp-portlet .k-event, html body.yp .yp-portlet .k-more-events {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden; }
  html body.yp .yp-portlet .k-event {
    cursor: default;
    min-height: 1.3em; }
  html body.yp .yp-portlet .k-event-drag-hint {
    filter: alpha(opacity=60);
    opacity: .6;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing; }
  html body.yp .yp-portlet .k-scheduler-header .k-event {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-event-template {
    padding: .3em 1.4em .3em .6em; }
  html body.yp .yp-portlet .k-event-time {
    display: none;
    padding-bottom: 0;
    font-size: .9em; }
  html body.yp .yp-portlet .k-event-drag-hint .k-event-time {
    display: block; }
  html body.yp .yp-portlet .k-event-actions, html body.yp .yp-portlet .k-event > .k-link, html body.yp .yp-portlet .k-task > .k-link {
    position: absolute;
    top: 3px;
    right: 4px;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-event-actions {
    z-index: 1; }
  html body.yp .yp-portlet .k-scheduler-agendaview .k-task > .k-link {
    top: 0;
    right: 0; }
  html body.yp .yp-portlet .k-event-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px; }
  html body.yp .yp-portlet .k-webkit .k-event-actions:first-child {
    margin-top: 3px; }
  html body.yp .yp-portlet .k-event-actions:first-child > .k-link {
    display: inline-block; }
  html body.yp .yp-portlet .k-event-delete {
    display: none; }
  html body.yp .yp-portlet .k-event:hover .k-event-delete, html body.yp .yp-portlet tr:hover > td > .k-task .k-event-delete {
    display: inline-block; }
  html body.yp .yp-portlet .k-event .k-event-bottom-actions, html body.yp .yp-portlet .k-event .k-event-top-actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center; }
  html body.yp .yp-portlet .k-event .k-event-bottom-actions {
    top: auto;
    bottom: 0; }
  html body.yp .yp-portlet .k-event .k-resize-handle, html body.yp .yp-portlet .k-scheduler-mobile .k-event:hover .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2; }
  html body.yp .yp-portlet .k-event-active .k-resize-handle, html body.yp .yp-portlet .k-event:hover .k-resize-handle, html body.yp .yp-portlet .k-scheduler-mobile .k-event-active:hover .k-resize-handle {
    visibility: visible; }
  html body.yp .yp-portlet .k-event .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event .k-resize-handle:after {
    -webkit-filter: none;
    filter: none;
    opacity: 1; }
  html body.yp .yp-portlet .k-event > .k-resize-n {
    top: 0;
    left: 0;
    right: 0;
    height: .4em; }
  html body.yp .yp-portlet .k-event > .k-resize-s {
    bottom: 0;
    left: 0;
    right: 0;
    height: .4em; }
  html body.yp .yp-portlet .k-event > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .yp-portlet .k-event > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .yp-portlet .k-event > .k-resize-n:after, html body.yp .yp-portlet .k-event > .k-resize-s:after {
    top: 1px;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 1px; }
  html body.yp .yp-portlet .k-event > .k-resize-s:after {
    top: auto;
    bottom: 1px; }
  html body.yp .yp-portlet .k-event > .k-resize-e:after, html body.yp .yp-portlet .k-event > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px; }
  html body.yp .yp-portlet .k-event > .k-resize-e:after {
    left: auto;
    right: 1px; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-n, html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-s {
    height: .6em; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-e, html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-w {
    width: .6em; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-n:after, html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-s:after {
    top: 0;
    margin-left: -3em;
    width: 4em;
    height: .6em; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-s:after {
    bottom: 0; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-e:after, html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-w:after {
    left: 0;
    margin-top: -.7em;
    height: 1.4em;
    width: .6em; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-e:after {
    right: 0; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-n:after {
    border-radius: 0 0 4px 4px; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-s:after {
    border-radius: 4px 4px 0 0; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-w:after {
    border-radius: 0 4px 4px 0; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-e:after {
    border-radius: 4px 0 0 4px; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-events-container {
    position: absolute;
    text-align: center;
    height: 6px;
    line-height: 6px; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-event {
    position: static;
    display: inline-block;
    width: 4px;
    height: 4px;
    min-height: 0;
    margin: 1px; }
  html body.yp .yp-portlet .k-scheduler-marquee {
    border-style: solid;
    border-width: 0; }
  html body.yp .yp-portlet .k-scheduler-marquee.k-first:before, html body.yp .yp-portlet .k-scheduler-marquee.k-last:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px; }
  html body.yp .yp-portlet div.k-scheduler-marquee:before {
    top: 0;
    left: 0;
    border-right-color: transparent;
    border-bottom-color: transparent; }
  html body.yp .yp-portlet div.k-scheduler-marquee:after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent; }
  html body.yp .yp-portlet .k-scheduler-marquee .k-label-top {
    position: absolute;
    top: .3em;
    left: .8em;
    font-size: .8em; }
  html body.yp .yp-portlet .k-scheduler-marquee .k-label-bottom {
    position: absolute;
    bottom: .3em;
    right: .81em;
    font-size: .8em; }
  html body.yp .yp-portlet .k-scheduler-quickedit .k-textbox {
    width: 200px; }
  html body.yp .yp-portlet .k-tooltip-bottom {
    text-align: left; }
  html body.yp .yp-portlet .k-tooltip-bottom .k-button {
    float: left;
    margin-right: .3em; }
  html body.yp .yp-portlet .k-tooltip-bottom .k-quickedit-details {
    float: right;
    margin-right: 0; }
  html body.yp .yp-portlet .k-scheduler-agendaview .k-scheduler-table td, html body.yp .yp-portlet .k-scheduler-agendaview .k-scheduler-table th {
    text-align: left; }
  html body.yp .yp-portlet .k-scheduler-groupcolumn, html body.yp .yp-portlet .k-scheduler-times .k-slot-cell {
    width: 6em; }
  html body.yp .yp-portlet .k-scheduler-datecolumn {
    width: 12em; }
  html body.yp .yp-portlet .k-scheduler-timecolumn {
    width: 11em; }
  html body.yp .yp-portlet .k-scheduler-timecolumn > div {
    position: relative;
    vertical-align: top; }
  html body.yp .yp-portlet .k-webkit .k-scheduler-timecolumn > div > .k-icon {
    vertical-align: top; }
  html body.yp .yp-portlet .k-scheduler-timecolumn > div > .k-i-arrow-e {
    position: absolute;
    right: -4px; }
  html body.yp .yp-portlet .k-scheduler-timecolumn .k-i-arrow-w {
    margin-left: -4px; }
  html body.yp .yp-portlet .k-scheduler-mark {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: .5em; }
  html body.yp .yp-portlet .k-scheduler-agendaday {
    float: left;
    margin: 0 .2em 0 0;
    font-size: 3em;
    font-weight: 400; }
  html body.yp .yp-portlet .k-scheduler-agendaweek {
    display: block;
    margin: .4em 0 0;
    font-size: 1.1em;
    font-style: normal; }
  html body.yp .yp-portlet .k-scheduler-agendadate {
    font-size: .8em; }
  html body.yp .yp-portlet .k-scheduler-timecolumn {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-scheduler-edit-form .k-edit-form-container, html body.yp .yp-portlet .k-scheduler-timezones .k-edit-form-container {
    width: 520px; }
  html body.yp .yp-portlet .k-scheduler-edit-form .k-edit-label {
    width: 17%; }
  html body.yp .yp-portlet .k-scheduler-edit-form .k-edit-field {
    width: 77%; }
  html body.yp .yp-portlet .k-scheduler-edit-form .k-textbox[name=title], html body.yp .yp-portlet .k-scheduler-edit-form textarea.k-textbox {
    width: 100%; }
  html body.yp .yp-portlet .k-scheduler-edit-form textarea.k-textbox {
    min-height: 4em;
    resize: vertical; }
  html body.yp .yp-portlet .k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
    margin-right: 1em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons {
    clear: right;
    margin-right: 2%;
    margin-left: 2%;
    padding: 0 0 .6em; }
  html body.yp .yp-portlet .k-edit-box {
    float: left; }
  html body.yp .yp-portlet .k-edit-box + .k-edit-box {
    float: right; }
  html body.yp .yp-portlet .k-scheduler-edit-form label + input {
    margin-left: 1em; }
  html body.yp .yp-portlet .k-edit-field > ul.k-reset > li {
    margin: .2em 0 .4em;
    line-height: 2.4; }
  html body.yp .yp-portlet .k-edit-field > ul.k-reset.k-toolbar > li {
    margin: 0; }
  html body.yp .yp-portlet .k-edit-field > ul.k-reset .k-widget {
    margin-left: .8em; }
  html body.yp .yp-portlet .k-edit-field span.k-recur-interval, html body.yp .yp-portlet .k-edit-field > ul.k-reset .k-numerictextbox {
    width: 5em; }
  html body.yp .yp-portlet .k-edit-field > ul.k-reset .k-datepicker, html body.yp .yp-portlet .k-edit-field > ul.k-reset .k-dropdown, html body.yp .yp-portlet div[name=recurrenceRule] > .k-dropdown {
    width: 9em; }
  html body.yp .yp-portlet .k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
    float: left; }
  html body.yp .yp-portlet .k-popup-message {
    margin: 0;
    padding: 1em 0 2em;
    text-align: center; }
  html body.yp .yp-portlet .k-scheduler-timezones .k-dropdown:first-child {
    width: 100%; }
  html body.yp .yp-portlet .k-scheduler-timezones .k-dropdown + .k-dropdown {
    margin: .5em 0 .7em; }
  html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: none; }
  html body.yp .yp-portlet .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: none; }
  html body.yp .yp-portlet .k-scheduler-refresh {
    float: right;
    padding: 0 .5em; }
  @media only screen and (max-width: 1024px) {
    html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
      position: absolute;
      right: 6px;
      top: 6px;
      z-index: 10000; }
    html body.yp .yp-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
      right: auto;
      left: 6px; }
    html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
      display: none; }
    html body.yp .yp-portlet .k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
      display: none; }
    html body.yp .yp-portlet .k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: inline; }
    html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      display: block;
      border-width: 1px; }
    html body.yp .yp-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      text-align: left;
      padding-left: 1em; }
    html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      display: block;
      position: relative;
      padding-right: 2.5em;
      padding-left: 1em; }
    html body.yp .yp-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      padding-left: 0; }
    html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .333em;
      width: 1.333em;
      height: 1.333em; }
    html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
      display: block;
      border: 0;
      border-radius: 0; }
    html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      border: 1px solid #c5c5c5;
      background-color: #fff;
      background-image: none;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
    html body.yp .yp-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      text-align: left; } }
  @media only screen and (max-width: 480px) {
    html body.yp .yp-portlet .k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: none; }
    html body.yp .yp-portlet .k-ff .k-scheduler-timecolumn, html body.yp .yp-portlet .k-ie11 .k-scheduler-timecolumn, html body.yp .yp-portlet .k-safari .k-scheduler-timecolumn, html body.yp .yp-portlet .k-webkit .k-scheduler-timecolumn {
      width: 5em; }
    html body.yp .yp-portlet .k-ff .k-scheduler-datecolumn, html body.yp .yp-portlet .k-ie11 .k-scheduler-datecolumn, html body.yp .yp-portlet .k-safari .k-scheduler-datecolumn, html body.yp .yp-portlet .k-webkit .k-scheduler-datecolumn {
      width: 6em;
      overflow: hidden; }
    html body.yp .yp-portlet .k-ff .k-scheduler-datecolumn > div, html body.yp .yp-portlet .k-ff .k-scheduler-timecolumn > div, html body.yp .yp-portlet .k-ie11 .k-scheduler-datecolumn > div, html body.yp .yp-portlet .k-ie11 .k-scheduler-timecolumn > div, html body.yp .yp-portlet .k-safari .k-scheduler-datecolumn > div, html body.yp .yp-portlet .k-safari .k-scheduler-timecolumn > div, html body.yp .yp-portlet .k-webkit .k-scheduler-datecolumn > div, html body.yp .yp-portlet .k-webkit .k-scheduler-timecolumn > div {
      white-space: normal; } }
  html body.yp .yp-portlet .k-scheduler-pdf-export {
    overflow: hidden; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-scheduler, html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-content, html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-times {
    height: auto !important;
    overflow: visible !important; }
  html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-header {
    padding: 0 !important; }
  html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-header-wrap {
    border-width: 0 !important; }
  html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table, html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table {
    width: 100% !important; }
  html body.yp .yp-portlet .k-tooltip {
    position: absolute;
    z-index: 12000;
    border-style: solid;
    border-width: 0;
    padding: 5px 5px 5px 6px;
    background-repeat: repeat-x;
    min-width: 20px;
    text-align: center; }
  html body.yp .yp-portlet .k-tooltip-button {
    text-align: right;
    height: 0; }
  html body.yp .yp-portlet .k-tooltip-content {
    height: 100%; }
  html body.yp .yp-portlet .k-tooltip-closable .k-tooltip-content {
    padding-right: 20px; }
  html body.yp .yp-portlet span.k-tooltip {
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px; }
  html body.yp .yp-portlet .k-invalid-msg {
    display: none; }
  html body.yp .yp-portlet .k-callout {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent; }
  html body.yp .yp-portlet .k-callout-n {
    top: -12px;
    left: 50%; }
  html body.yp .yp-portlet .k-callout-w {
    top: 50%;
    left: -12px; }
  html body.yp .yp-portlet .k-callout-s {
    left: 50%;
    bottom: -12px; }
  html body.yp .yp-portlet .k-callout-e {
    top: 50%;
    right: -12px; }
  html body.yp .yp-portlet .k-slider-tooltip .k-callout-n, html body.yp .yp-portlet .k-slider-tooltip .k-callout-s {
    margin-left: -6px; }
  html body.yp .yp-portlet .k-slider-tooltip .k-callout-e, html body.yp .yp-portlet .k-slider-tooltip .k-callout-w {
    margin-top: -6px; }
  html body.yp .yp-portlet .k-tooltip-validation .k-warning {
    vertical-align: text-top;
    margin-right: 3px; }
  html body.yp .yp-portlet .k-tooltip-validation {
    z-index: 9999; }
  html body.yp .yp-portlet .k-toolbar {
    position: relative;
    display: block;
    vertical-align: middle;
    line-height: 2.9em; }
  html body.yp .yp-portlet .k-overflow-container .k-button .k-icon, html body.yp .yp-portlet .k-overflow-container .k-button .k-sprite, html body.yp .yp-portlet .k-toolbar .k-button .k-icon, html body.yp .yp-portlet .k-toolbar .k-button .k-sprite {
    vertical-align: middle;
    margin-top: -7px;
    margin-bottom: -5px; }
  html body.yp .yp-portlet .k-toolbar .k-input {
    line-height: inherit;
    height: inherit;
    padding-top: 2px;
    padding-bottom: 2px; }
  html body.yp .yp-portlet .k-toolbar .k-input:before {
    content: "\a0";
    display: inline-block;
    width: 0; }
  html body.yp .yp-portlet .k-ie .k-toolbar .k-input {
    height: 1.65em; }
  html body.yp .yp-portlet .k-toolbar .k-combobox .k-dropdown-wrap:before, html body.yp .yp-portlet .k-toolbar .k-numeric-wrap:before, html body.yp .yp-portlet .k-toolbar .k-picker-wrap:before {
    display: none; }
  html body.yp .yp-portlet .k-overflow-container .k-sprite {
    margin-left: -4px; }
  html body.yp .yp-portlet .k-toolbar-resizable {
    overflow: hidden;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-toolbar > .k-align-left {
    float: none; }
  html body.yp .yp-portlet .k-toolbar > .k-align-right {
    float: right; }
  html body.yp .yp-portlet .k-toolbar .k-button, html body.yp .yp-portlet .k-toolbar > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.72em; }
  html body.yp .yp-portlet .k-toolbar .k-separator {
    border-width: 0 0 0 1px;
    border-style: solid;
    width: 1px;
    line-height: inherit; }
  html body.yp .yp-portlet .k-toolbar .k-button-group {
    list-style-type: none; }
  html body.yp .yp-portlet .k-toolbar .k-button-group > li {
    display: inline-block; }
  html body.yp .yp-portlet .k-toolbar .k-button-group .k-button {
    margin: 0 0 0 -1px;
    border-radius: 0; }
  html body.yp .yp-portlet .k-toolbar .k-button, html body.yp .yp-portlet .k-toolbar .k-button-group, html body.yp .yp-portlet .k-toolbar .k-separator, html body.yp .yp-portlet .k-toolbar .k-split-button, html body.yp .yp-portlet .k-toolbar .k-textbox, html body.yp .yp-portlet .k-toolbar .k-widget, html body.yp .yp-portlet .k-toolbar label {
    margin: 0 .2em;
    line-height: 1.72em;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-toolbar .k-split-button {
    padding-left: 0; }
  html body.yp .yp-portlet .k-toolbar .k-button-group .k-group-start, html body.yp .yp-portlet .k-toolbar .k-split-button .k-button {
    margin: 0; }
  html body.yp .yp-portlet .k-toolbar .k-split-button .k-split-button-arrow {
    margin: 0 0 0 -1px; }
  html body.yp .yp-portlet .k-toolbar .k-overflow-anchor {
    border-width: 0 0 0 1px;
    border-style: solid;
    height: 3em;
    width: 3em;
    line-height: inherit;
    padding: 0 .5em;
    margin: 0;
    position: relative;
    float: right;
    border-radius: 0; }
  html body.yp .yp-portlet .k-overflow-container .k-item {
    float: none;
    border: 0; }
  html body.yp .yp-portlet .k-overflow-container .k-separator {
    border-width: 0 0 1px;
    border-style: solid;
    height: 1px;
    line-height: 0;
    font-size: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-button, html body.yp .yp-portlet .k-split-container .k-button {
    text-align: left;
    display: block;
    background: 0 0;
    border-color: transparent;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-split-container {
    margin-top: -1px; }
  html body.yp .yp-portlet .k-overflow-container .k-button-group {
    padding: 0; }
  html body.yp .yp-portlet .k-overflow-container .k-button-group > li {
    display: block; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-group {
    border-width: 1px 0;
    border-style: solid;
    border-radius: 0;
    padding: 2px 0;
    margin: 1px 0; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-hidden {
    display: none; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-group + .k-overflow-group, html body.yp .yp-portlet .k-overflow-container .k-separator + .k-overflow-group, html body.yp .yp-portlet .k-overflow-container .k-toolbar-first-visible {
    border-top: 0;
    margin-top: 0;
    padding-top: 1px; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-group + .k-separator {
    display: none; }
  html body.yp .yp-portlet .k-overflow-container .k-toolbar-last-visible {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1px; }
  html body.yp .yp-portlet .k-splitter {
    position: relative;
    height: 300px; }
  html body.yp .yp-portlet .k-pane > .k-splitter {
    border-width: 0;
    overflow: hidden; }
  html body.yp .yp-portlet .k-splitter .k-pane {
    overflow: hidden; }
  html body.yp .yp-portlet .k-splitter .k-scrollable {
    overflow: auto; }
  html body.yp .yp-portlet .k-splitter .k-pane-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px; }
  html body.yp .yp-portlet .k-ghost-splitbar, html body.yp .yp-portlet .k-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-splitter .k-ghost-splitbar-horizontal, html body.yp .yp-portlet .k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y; }
  html body.yp .yp-portlet .k-ghost-splitbar-vertical, html body.yp .yp-portlet .k-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x; }
  html body.yp .yp-portlet .k-splitbar-draggable-horizontal {
    cursor: w-resize; }
  html body.yp .yp-portlet .k-splitbar-draggable-vertical {
    cursor: n-resize; }
  html body.yp .yp-portlet .k-splitbar .k-resize-handle {
    display: none; }
  html body.yp .yp-portlet .k-restricted-size-horizontal, html body.yp .yp-portlet .k-restricted-size-vertical {
    background-color: red; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 20px;
    margin-top: -10px; }
  html body.yp .yp-portlet .k-collapse-next, html body.yp .yp-portlet .k-collapse-prev, html body.yp .yp-portlet .k-expand-next, html body.yp .yp-portlet .k-expand-prev {
    cursor: pointer; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-collapse-prev {
    margin-top: -31px; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-collapse-next {
    margin-top: 11px; }
  html body.yp .yp-portlet .k-splitbar-static-horizontal {
    width: 1px; }
  html body.yp .yp-portlet .k-splitbar-static-vertical {
    height: 1px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%;
    width: 20px;
    height: 5px;
    margin-left: -10px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-collapse-prev {
    margin-left: -31px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-collapse-next {
    margin-left: 11px; }
  html body.yp .yp-portlet .k-splitbar-draggable-horizontal .k-resize-handle, html body.yp .yp-portlet .k-splitbar-draggable-vertical .k-resize-handle {
    display: inline-block; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-resize-handle {
    background-position: -165px -6px; }
  html body.yp .yp-portlet .k-splitbar-horizontal-hover > .k-resize-handle {
    background-position: -181px -6px; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-collapse-prev, html body.yp .yp-portlet .k-splitbar-horizontal .k-expand-next {
    background-position: -6px -174px; }
  html body.yp .yp-portlet .k-splitbar-horizontal-hover > .k-collapse-prev, html body.yp .yp-portlet .k-splitbar-horizontal-hover > .k-expand-next {
    background-position: -22px -174px; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-collapse-next, html body.yp .yp-portlet .k-splitbar-horizontal .k-expand-prev {
    background-position: -5px -142px; }
  html body.yp .yp-portlet .k-splitbar-horizontal-hover > .k-collapse-next, html body.yp .yp-portlet .k-splitbar-horizontal-hover > .k-expand-prev {
    background-position: -21px -142px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-resize-handle {
    background-position: -38px -309px; }
  html body.yp .yp-portlet .k-splitbar-vertical-hover > .k-resize-handle {
    background-position: -70px -309px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-collapse-prev, html body.yp .yp-portlet .k-splitbar-vertical .k-expand-next {
    background-position: 2px -134px; }
  html body.yp .yp-portlet .k-splitbar-vertical-hover > .k-collapse-prev, html body.yp .yp-portlet .k-splitbar-vertical-hover > .k-expand-next {
    background-position: -14px -134px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-collapse-next, html body.yp .yp-portlet .k-splitbar-vertical .k-expand-prev {
    background-position: 2px -165px; }
  html body.yp .yp-portlet .k-splitbar-vertical-hover > .k-collapse-next, html body.yp .yp-portlet .k-splitbar-vertical-hover > .k-expand-prev {
    background-position: -14px -165px; }
  html body.yp .yp-portlet .k-splitter-resizing {
    overflow: hidden; }
  html body.yp .yp-portlet html .k-upload {
    position: relative; }
  html body.yp .yp-portlet .k-dropzone em, html body.yp .yp-portlet .k-upload-button {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-dropzone, html body.yp .yp-portlet .k-file {
    position: relative; }
  html body.yp .yp-portlet .k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .8em;
    background-color: transparent; }
  html body.yp .yp-portlet .k-dropzone em {
    visibility: hidden;
    margin-left: .6em; }
  html body.yp .yp-portlet .k-dropzone-active em {
    visibility: visible; }
  html body.yp .yp-portlet .k-upload-button {
    position: relative;
    overflow: hidden;
    direction: ltr; }
  html body.yp .yp-portlet .k-upload .k-upload-button {
    min-width: 7.167em; }
  html body.yp .yp-portlet .k-ie8 .k-upload-button, html body.yp .yp-portlet .k-ie9 .k-upload-button, html body.yp .yp-portlet .k-upload-sync .k-upload-button {
    margin: .8em; }
  html body.yp .yp-portlet .k-upload-button input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer; }
  html body.yp .yp-portlet .k-upload-files {
    margin: 0 0 .6em;
    line-height: 2.66;
    border-style: solid;
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-upload-files .k-button {
    padding: 0; }
  html body.yp .yp-portlet .k-upload-files .k-button, html body.yp .yp-portlet .k-upload-status-total .k-icon {
    margin-left: 8px; }
  html body.yp .yp-portlet .k-upload .k-fail {
    background-position: -161px -111px; }
  html body.yp .yp-portlet .k-si-refresh {
    background-position: -160px -128px; }
  html body.yp .yp-portlet .k-button:active .k-si-refresh, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-refresh, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-refresh, html body.yp .yp-portlet .k-state-hover > * > .k-si-refresh, html body.yp .yp-portlet .k-state-hover > .k-si-refresh, html body.yp .yp-portlet .k-textbox:hover .k-si-refresh {
    background-position: -176px -128px; }
  html body.yp .yp-portlet .k-si-tick, html body.yp .yp-portlet .k-success {
    background-position: -160px -96px; }
  html body.yp .yp-portlet .k-button:active .k-si-tick, html body.yp .yp-portlet .k-button:active .k-success, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-tick, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-success, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-tick, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-success, html body.yp .yp-portlet .k-state-hover > * > .k-si-tick, html body.yp .yp-portlet .k-state-hover > * > .k-success, html body.yp .yp-portlet .k-state-hover > .k-si-tick, html body.yp .yp-portlet .k-state-hover > .k-success, html body.yp .yp-portlet .k-textbox:hover .k-si-tick, html body.yp .yp-portlet .k-textbox:hover .k-success {
    background-position: -176px -96px; }
  html body.yp .yp-portlet .k-si-cancel {
    background-position: -160px -112px; }
  html body.yp .yp-portlet .k-button:active .k-si-cancel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-cancel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-cancel, html body.yp .yp-portlet .k-state-hover > * > .k-si-cancel, html body.yp .yp-portlet .k-state-hover > .k-si-cancel, html body.yp .yp-portlet .k-textbox:hover .k-si-cancel {
    background-position: -176px -112px; }
  html body.yp .yp-portlet .k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .167em .167em .167em .8em; }
  html body.yp .yp-portlet .k-file .k-icon {
    position: relative; }
  html body.yp .yp-portlet .k-file > .k-icon {
    background-position: -112px -288px; }
  html body.yp .yp-portlet .k-button:active .k-file > .k-icon, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-file > .k-icon, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-file > .k-icon, html body.yp .yp-portlet .k-state-hover > * > .k-file > .k-icon, html body.yp .yp-portlet .k-state-hover > .k-file > .k-icon, html body.yp .yp-portlet .k-textbox:hover .k-file > .k-icon {
    background-position: -128px -288px; }
  html body.yp .yp-portlet .k-filename {
    position: relative;
    display: inline-block;
    min-width: 10em;
    max-width: 16.667em;
    vertical-align: middle;
    margin-left: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-upload-status {
    position: absolute;
    right: 12px; }
  html body.yp .yp-portlet .k-upload-status .k-button, html body.yp .yp-portlet .k-upload-status .k-warning {
    vertical-align: text-bottom; }
  html body.yp .yp-portlet .k-dropzone .k-upload-status {
    line-height: 2.4; }
  html body.yp .yp-portlet .k-ie8 .k-upload-status-total {
    line-height: 29px; }
  html body.yp .yp-portlet .k-upload-action {
    line-height: normal; }
  html body.yp .yp-portlet .k-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; }
  html body.yp .yp-portlet .k-upload-selected {
    min-width: 7.167em;
    margin: .25em 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .k-upload-cancel, html body.yp .yp-portlet .k-upload-selected {
    margin-bottom: .8em; }
  html body.yp .yp-portlet .k-upload-selected {
    margin-left: .8em;
    margin-right: .2em; }
  html body.yp .yp-portlet .k-toolbar-wrap .k-dropzone em, html body.yp .yp-portlet .k-toolbar-wrap .k-upload-files {
    display: none; }
  html body.yp .yp-portlet .k-toolbar-wrap .k-dropzone {
    border: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-toolbar-wrap .k-dropzone-active {
    text-align: center; }
  html body.yp .yp-portlet .k-toolbar-wrap .k-dropzone-active em {
    display: inline;
    margin: 0;
    font-size: 5em;
    font-style: normal; }
  html body.yp .yp-portlet .k-toolbar-wrap .k-dropzone-active .k-upload-button {
    display: none; }
  html body.yp .yp-portlet .k-filebrowser-dropzone {
    z-index: 10010;
    filter: alpha(opacity=40);
    opacity: .4;
    position: fixed; }
  html body.yp .yp-portlet .k-search-wrap {
    position: relative;
    float: right;
    width: 20%;
    padding: 0; }
  html body.yp .yp-portlet .k-search-wrap label {
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic; }
  html body.yp .yp-portlet .k-search-wrap input.k-input {
    padding-left: 0;
    padding-right: 0; }
  html body.yp .yp-portlet .k-search-wrap .k-search {
    position: absolute;
    top: 4px;
    right: 2px;
    margin: 0; }
  html body.yp .yp-portlet .k-breadcrumbs {
    position: relative;
    float: left;
    width: 79%; }
  html body.yp .yp-portlet .k-breadcrumbs-wrap {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    padding-left: 5px;
    line-height: 18px; }
  html body.yp .yp-portlet .k-breadcrumbs > .k-input {
    width: 100%;
    font-size: inherit;
    font-family: inherit;
    border: 0; }
  html body.yp .yp-portlet .k-breadcrumbs .k-link, html body.yp .yp-portlet .k-breadcrumbs-wrap .k-icon {
    margin-top: 0;
    text-decoration: none;
    vertical-align: middle;
    position: static; }
  html body.yp .yp-portlet .k-breadcrumbs .k-link:hover {
    text-decoration: underline; }
  html body.yp .yp-portlet .k-filebrowser .k-breadcrumbs .k-i-seek-w {
    text-decoration: none;
    cursor: default; }
  html body.yp .yp-portlet .k-filebrowser .k-filebrowser-toolbar {
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: .25em;
    line-height: 23px;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled {
    display: none; }
  html body.yp .yp-portlet .k-filebrowser .k-toolbar-wrap {
    float: left; }
  html body.yp .yp-portlet .k-filebrowser .k-tiles-arrange {
    float: right; }
  html body.yp .yp-portlet .k-filebrowser .k-tiles-arrange .k-dropdown {
    width: 75px; }
  html body.yp .yp-portlet .k-filebrowser .k-upload {
    float: left;
    z-index: 10010;
    border-width: 0;
    background-color: transparent; }
  html body.yp .yp-portlet .k-filebrowser .k-upload .k-upload-status {
    display: none; }
  html body.yp .yp-portlet .k-filebrowser .k-upload .k-upload-button {
    width: auto;
    margin-left: 0;
    vertical-align: top; }
  html body.yp .yp-portlet .k-filebrowser .k-upload .k-icon {
    vertical-align: bottom; }
  html body.yp .yp-portlet .k-tiles {
    clear: both;
    height: 390px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    margin: 0 0 1.4em;
    padding: 9px;
    overflow: auto;
    line-height: 1.2; }
  html body.yp .yp-portlet .k-tile {
    float: left;
    width: 223px;
    height: 88px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    background-position: 0 100px;
    background-repeat: repeat-x;
    cursor: pointer; }
  html body.yp .yp-portlet .k-tiles li.k-state-hover, html body.yp .yp-portlet .k-tiles li.k-state-selected {
    background-position: 0 center; }
  html body.yp .yp-portlet .k-filebrowser .k-thumb {
    float: left;
    display: inline;
    width: 80px;
    height: 80px;
    margin: 4px 10px 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-filebrowser .k-file {
    width: 80px;
    height: 80px; }
  html body.yp .yp-portlet .k-filebrowser .k-image {
    margin: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-filebrowser .k-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat; }
  html body.yp .yp-portlet .k-filebrowser .k-loading {
    margin: 35px 0 0 33px; }
  html body.yp .yp-portlet .k-tile input, html body.yp .yp-portlet .k-tile strong {
    margin: 10px 0 4px;
    font-weight: 400; }
  html body.yp .yp-portlet .k-tile strong {
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-tile input {
    width: 100px; }
  html body.yp .yp-portlet .k-tile .k-filesize, html body.yp .yp-portlet .k-tile input, html body.yp .yp-portlet .k-tile strong {
    display: block; }
  html body.yp .yp-portlet .k-filebrowser .k-form-text-row {
    text-align: right; }
  html body.yp .yp-portlet .k-filebrowser .k-form-text-row label {
    width: 14%; }
  html body.yp .yp-portlet .k-filebrowser .k-form-text-row input {
    width: 80%; }
  html body.yp .yp-portlet .k-tile-empty {
    margin: 160px 0 0; }
  html body.yp .yp-portlet .k-tile-empty .k-dialog-upload {
    font-weight: 700;
    font-size: 120%; }
  html body.yp .yp-portlet .k-tile-empty strong {
    display: block;
    margin: 0 0 .2em;
    font-size: 3em;
    font-weight: 400; }
  html body.yp .yp-portlet .k-tile-empty, html body.yp .yp-portlet .k-tile-empty .k-button-wrapper {
    text-align: center; }
  html body.yp .yp-portlet .k-chart, html body.yp .yp-portlet .k-gauge, html body.yp .yp-portlet .k-sparkline, html body.yp .yp-portlet .k-stockchart {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html body.yp .yp-portlet .k-chart, html body.yp .yp-portlet .k-stockchart {
    height: 400px; }
  html body.yp .yp-portlet .k-stockchart, html body.yp .yp-portlet div.k-chart, html body.yp .yp-portlet div.k-gauge, html body.yp .yp-portlet span.k-sparkline {
    background-color: transparent; }
  html body.yp .yp-portlet .k-gauge {
    text-align: left;
    position: relative; }
  html body.yp .yp-portlet .k-baseline-marker {
    zoom: 1;
    *display: inline; }
  html body.yp .yp-portlet .k-chart-tooltip {
    border-radius: 4px;
    padding: 6px;
    white-space: nowrap;
    z-index: 12000;
    line-height: normal;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
    color: #fff; }
  html body.yp .yp-portlet .k-chart-tooltip-inverse {
    color: #000; }
  html body.yp .yp-portlet .k-chart-tooltip table {
    border-spacing: 0;
    border-collapse: collapse; }
  html body.yp .yp-portlet .k-chart-tooltip th {
    width: auto;
    text-align: center;
    padding: 1px; }
  html body.yp .yp-portlet .k-chart-tooltip td {
    width: auto;
    text-align: left;
    padding: .1em .2em; }
  html body.yp .yp-portlet .k-selector {
    position: absolute;
    -webkit-transform: translateZ(0); }
  html body.yp .yp-portlet .k-selection {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    border-bottom: 0;
    height: 100%; }
  html body.yp .yp-portlet .k-selection-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.01);
    filter: alpha(opacity=1); }
  html body.yp .yp-portlet .k-handle {
    background: #d2d2d2;
    width: 7px;
    height: 26px;
    cursor: e-resize;
    z-index: 1;
    border-radius: 6px;
    position: absolute; }
  html body.yp .yp-portlet .k-handle div {
    width: 100%;
    height: 100%;
    background-color: transparent; }
  html body.yp .yp-portlet .k-leftHandle {
    left: -4px; }
  html body.yp .yp-portlet .k-rightHandle {
    right: -4px; }
  html body.yp .yp-portlet .k-leftHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 30px 0 0; }
  html body.yp .yp-portlet .k-rightHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 0 0 30px; }
  html body.yp .yp-portlet .k-mask {
    position: absolute;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=80);
    opacity: .8; }
  html body.yp .yp-portlet .k-border {
    background: #d2d2d2;
    width: 1px;
    height: 100%;
    position: absolute; }
  html body.yp .yp-portlet .k-navigator-hint div {
    position: absolute; }
  html body.yp .yp-portlet .k-navigator-hint .k-scroll {
    position: absolute;
    height: 4px;
    border-radius: 4px;
    background: #d2d2d2; }
  html body.yp .yp-portlet .k-navigator-hint .k-tooltip {
    margin-top: 20px;
    min-width: 160px;
    opacity: 1;
    text-align: center;
    border: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background: #fff; }
  html body.yp .yp-portlet .k-sparkline, html body.yp .yp-portlet .k-sparkline span {
    display: inline-block;
    vertical-align: top; }
  html body.yp .yp-portlet .k-sparkline span {
    height: 100%;
    width: 100%; }
  html body.yp .yp-portlet .k-diagram, html body.yp .yp-portlet .k-map {
    height: 600px; }
  html body.yp .yp-portlet .k-diagram .km-scroll-wrapper, html body.yp .yp-portlet .k-map .km-scroll-wrapper {
    padding-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-diagram .km-scroll-container, html body.yp .yp-portlet .k-diagram .km-scroll-wrapper, html body.yp .yp-portlet .k-map .km-scroll-container, html body.yp .yp-portlet .k-map .km-scroll-wrapper {
    position: absolute;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-diagram .k-layer, html body.yp .yp-portlet .k-map .k-layer {
    position: absolute;
    left: 0;
    top: 0; }
  html body.yp .yp-portlet .k-diagram .km-touch-scrollbar, html body.yp .yp-portlet .k-map .km-touch-scrollbar {
    display: none; }
  html body.yp .yp-portlet .k-map .k-marker {
    position: absolute;
    width: 28px;
    height: 40px;
    margin: -40px 0 0 -14px;
    cursor: pointer; }
  html body.yp .yp-portlet .k-map .k-marker-pin {
    background-position: 0 40px; }
  html body.yp .yp-portlet .k-map .k-marker-pin-target {
    background-position: 0 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    html body.yp .yp-portlet .k-map .k-marker {
      width: 56px;
      height: 80px;
      margin: -80px 0 0 -28px; }
    html body.yp .yp-portlet .k-map .k-marker-pin {
      background-position: 0 80px; } }
  html body.yp .yp-portlet .k-map .k-pos-top {
    top: 0; }
  html body.yp .yp-portlet .k-map .k-pos-bottom {
    bottom: 0; }
  html body.yp .yp-portlet .k-map .k-pos-left {
    left: 0; }
  html body.yp .yp-portlet .k-map .k-pos-right {
    right: 0; }
  html body.yp .yp-portlet .k-map-controls {
    position: absolute; }
  html body.yp .yp-portlet .k-map-controls.k-pos-left .k-widget:first-child {
    margin-right: 0; }
  html body.yp .yp-portlet .k-map-controls.k-pos-right .k-widget:first-child {
    margin-left: 0; }
  html body.yp .yp-portlet .k-navigator {
    width: 50px;
    height: 50px;
    margin: 20px;
    border-radius: 80px;
    position: relative;
    display: inline-block;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-pdf-export .k-navigator {
    display: none; }
  html body.yp .yp-portlet .k-navigator > button {
    border-color: transparent;
    background: 0 0; }
  html body.yp .yp-portlet div.k-navigator > .k-button {
    margin: 0;
    padding: 0;
    line-height: 10px;
    border-radius: 16px;
    position: absolute;
    font-size: 1px;
    line-height: 1px; }
  html body.yp .yp-portlet div.k-navigator .k-navigator-n {
    top: 2px;
    left: 50%;
    margin-left: -9px; }
  html body.yp .yp-portlet div.k-navigator .k-navigator-e {
    right: 2px;
    top: 50%;
    margin-top: -9px; }
  html body.yp .yp-portlet div.k-navigator .k-navigator-s {
    bottom: 2px;
    left: 50%;
    margin-left: -9px; }
  html body.yp .yp-portlet div.k-navigator .k-navigator-w {
    left: 2px;
    top: 50%;
    margin-top: -9px; }
  html body.yp .yp-portlet .k-map .k-attribution {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 10px;
    padding: 2px 4px;
    z-index: 1000; }
  html body.yp .yp-portlet .k-zoom-control {
    margin: 14px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-pdf-export .k-zoom-control {
    display: none; }
  html body.yp .yp-portlet .k-button-wrap {
    border-radius: 4px;
    display: inline-block; }
  html body.yp .yp-portlet .k-button-wrap .k-button {
    position: relative;
    font: 700 17px/1.18 monospace; }
  html body.yp .yp-portlet .k-buttons-horizontal :first-child {
    border-radius: 4px 0 0 4px; }
  html body.yp .yp-portlet .k-buttons-horizontal :first-child + .k-zoom-in {
    border-radius: 0;
    margin-left: -1px; }
  html body.yp .yp-portlet .k-buttons-horizontal .k-zoom-out {
    border-radius: 0 4px 4px 0;
    margin-left: -1px; }
  html body.yp .yp-portlet .k-button-wrap .k-button:hover {
    z-index: 1; }
  html body.yp .yp-portlet .k-buttons-vertical .k-button {
    display: block; }
  html body.yp .yp-portlet .k-buttons-vertical :first-child {
    border-radius: 4px 4px 0 0; }
  html body.yp .yp-portlet .k-buttons-vertical .k-zoom-out {
    border-radius: 0 0 4px 4px;
    margin-top: -1px; }
  html body.yp .yp-portlet .k-zoom-text {
    margin: 0;
    width: 4.3em;
    vertical-align: top; }
  html body.yp .yp-portlet .k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 4px 4px 0; }
  html body.yp .yp-portlet .k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
    border-radius: 0;
    margin-left: 0;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-diagram {
    height: 600px; }
  html body.yp .yp-portlet .k-diagram .km-scroll-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
  html body.yp .yp-portlet .k-diagram .km-scroll-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
  html body.yp .yp-portlet .k-canvas-container {
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-diagram img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .k-treemap {
    overflow: hidden;
    height: 400px; }
  html body.yp .yp-portlet .k-treemap-tile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin: -1px 0 0 -1px;
    overflow: hidden; }
  html body.yp .yp-portlet .k-treemap-tile.k-leaf {
    padding: .6em; }
  html body.yp .yp-portlet .k-treemap-wrap.k-last > .k-treemap-tile {
    padding: .3em; }
  html body.yp .yp-portlet .k-treemap-tile.k-state-hover, html body.yp .yp-portlet .k-treemap-tile.k-state-hover:hover {
    z-index: 2;
    background-image: none; }
  html body.yp .yp-portlet .k-treemap > .k-treemap-tile {
    position: relative;
    height: 100%; }
  html body.yp .yp-portlet .k-treemap-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.42em;
    height: 2.42em;
    padding: 0 .6em;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-treemap-wrap .k-treemap-title {
    border-width: 0 0 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-treemap-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  html body.yp .yp-portlet .k-treemap-title + .k-treemap-wrap {
    top: 2.42em; }
  html body.yp .yp-portlet .k-treemap-title-vertical {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.42em;
    line-height: 2.42em;
    overflow: hidden;
    padding: .6em 0;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-treemap-title-vertical > div {
    position: absolute;
    top: 0;
    right: 1.23em;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  html body.yp .yp-portlet .k-treemap-title-vertical + .k-treemap-wrap {
    left: 2.42em; }
  html body.yp .yp-portlet .km-pane, html body.yp .yp-portlet .km-pane-wrapper, html body.yp .yp-portlet .km-root {
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none; }
  html body.yp .yp-portlet .km-pane-wrapper {
    position: absolute;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .km-pane, html body.yp .yp-portlet .km-shim {
    font-family: sans-serif; }
  html body.yp .yp-portlet .km-pane {
    overflow-x: hidden; }
  html body.yp .yp-portlet .km-view {
    top: 0;
    left: 0;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    vertical-align: top; }
  html body.yp .yp-portlet .k-ff .km-pane, html body.yp .yp-portlet .k-ff .km-view {
    overflow: hidden; }
  html body.yp .yp-portlet .k-ff18 .km-pane, html body.yp .yp-portlet .k-ff18 .km-view, html body.yp .yp-portlet .k-ff19 .km-pane, html body.yp .yp-portlet .k-ff19 .km-view, html body.yp .yp-portlet .k-ff20 .km-pane, html body.yp .yp-portlet .k-ff20 .km-view, html body.yp .yp-portlet .k-ff21 .km-pane, html body.yp .yp-portlet .k-ff21 .km-view {
    position: relative; }
  html body.yp .yp-portlet .k-ff .km-view {
    display: -moz-inline-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  html body.yp .yp-portlet .km-content {
    min-height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-align: stretch;
    display: block;
    width: auto;
    overflow: hidden;
    position: relative; }
  html body.yp .yp-portlet .km-actionsheet > li {
    list-style-type: none;
    padding: inherit 1em;
    line-height: 2em; }
  html body.yp .yp-portlet .km-actionsheet {
    padding: 0;
    margin: 0; }
  html body.yp .yp-portlet .km-shim {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10001; }
  html body.yp .yp-portlet .km-actionsheet-wrapper, html body.yp .yp-portlet .km-shim .k-animation-container {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0; }
  html body.yp .yp-portlet .km-shim .k-animation-container {
    width: auto; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-column-menu > .km-header, html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form > .km-header, html body.yp .yp-portlet .km-pane-wrapper .k-grid-filter-menu > .km-header, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form > .km-header {
    border-style: solid;
    border-width: 1px;
    padding: .3em .6em;
    text-align: center;
    width: auto;
    line-height: 2em; }
  html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer, html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar {
    line-height: 2em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-multiselect, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
    width: 15em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
    display: block; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-column-menu .k-done, html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-grid-update, html body.yp .yp-portlet .km-pane-wrapper .k-grid-filter-menu .k-submit, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
    float: right; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-grid-cancel, html body.yp .yp-portlet .km-pane-wrapper .k-grid-filter-menu .k-cancel, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
    float: left; }
  html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete, html body.yp .yp-portlet :not(.km-pane) > .km-shim .km-actionsheet .k-button {
    display: block;
    text-align: center; }
  html body.yp .yp-portlet :not(.km-pane) > .km-shim .km-actionsheet .k-button {
    font-size: 1.4em;
    margin: .3em 1em; }
  html body.yp .yp-portlet :not(.km-pane) > .km-shim .km-actionsheet-title {
    text-align: center;
    line-height: 3em;
    margin-bottom: -.3em; }
  html body.yp .yp-portlet :not(.km-pane) > .km-shim > .k-animation-container {
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important; }
  html body.yp .yp-portlet .km-pane-wrapper > div.km-pane {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container, html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container, html body.yp .yp-portlet .km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container, html body.yp .yp-portlet .km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field {
    width: 74%; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-edit-form-container, html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-popup-edit-form {
    width: auto; }
  html body.yp .yp-portlet .km-pane-wrapper .k-filter-menu .k-button {
    width: 100%;
    margin: 0; }
  html body.yp .yp-portlet .k-grid-mobile {
    border-width: 0; }
  html body.yp .yp-portlet .k-grid-mobile .k-resize-handle-inner {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -7px;
    width: 17px;
    height: 17px;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px; }
  html body.yp .yp-portlet .k-grid-mobile .k-resize-handle-inner:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 1px;
    width: 6px;
    height: 6px;
    background-position: -5px -53px; }
  html body.yp .yp-portlet .k-grid-mobile .k-resize-handle-inner:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1px;
    width: 6px;
    height: 6px;
    background-position: -5px -21px; }
  html body.yp .yp-portlet .km-pane-wrapper .km-pane * {
    -webkit-background-clip: border-box;
    background-clip: border-box; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list ul, html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-radius: 0;
    background: 0 0; }
  html body.yp .yp-portlet .km-pane-wrapper .km-switch {
    top: 50%;
    right: .8rem;
    position: absolute;
    margin-top: -1.1rem; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-state-disabled {
    opacity: 1; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-state-disabled > * {
    opacity: .7; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-label, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-link {
    display: block;
    position: relative;
    list-style-type: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 0 .5em 1em;
    font-size: 1em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-edit-form-container, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
    padding-top: 1em;
    width: 100%; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label {
    position: absolute;
    margin: 0;
    float: none;
    clear: none;
    width: 100%; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label label {
    display: block;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .1em 0;
    margin: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item {
    font-size: 1em;
    line-height: 1.6em;
    overflow: hidden; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label {
    width: 100%;
    float: none;
    clear: none;
    min-height: 2.7em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-delete .k-icon, html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit .k-icon, html body.yp .yp-portlet .km-pane-wrapper .k-grid-toolbar .k-icon, html body.yp .yp-portlet .km-pane-wrapper .km-header .k-icon {
    display: none; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field {
    padding: .5em 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
    padding: .3em 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
    line-height: 2em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item > * {
    line-height: normal; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-button-container, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-buttons {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 1em;
    margin: 0; }
  html body.yp .yp-portlet .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    display: block;
    padding: .2em 1em;
    font-size: .95em;
    position: -webkit-sticky;
    margin: 0;
    font-weight: 400;
    line-height: 2em;
    background: 0 0;
    border-top: 1em solid transparent; }
  html body.yp .yp-portlet .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3) {
    position: relative; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item:first-child {
    border-top: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item:last-child {
    border-bottom: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-label, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-link {
    line-height: inherit;
    text-decoration: none;
    margin: -.5em 0 -.5em -1em; }
  html body.yp .yp-portlet .k-check[type=checkbox], html body.yp .yp-portlet .k-check[type=radio], html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent; }
  html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-label .k-check, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-link .k-check {
    border: 0;
    font-size: inherit;
    width: 13px;
    height: 13px;
    margin: .26em 1em .26em 0; }
  html body.yp .yp-portlet .k-ie .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-ie .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-icon, html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check, html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check {
    font-size: inherit;
    text-indent: -9999px;
    width: 1.01em;
    height: 1em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list input:not([type=checkbox]):not([type=radio]), html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list textarea {
    text-indent: 0;
    font-size: 1em;
    line-height: 1.6em;
    vertical-align: middle;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget {
    border: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-mobile-list .k-widget {
    height: initial; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget .k-input, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
    border: 0;
    background: 0 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list select:not([multiple]), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list textarea, html body.yp .yp-portlet .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
    width: 80%;
    padding: .6em 0;
    margin: -.5em 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > *, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list input, html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    z-index: 1;
    position: relative; }
  html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-views {
    width: 18em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .5em 1em; }
  html body.yp .yp-portlet .km-pane-wrapper #recurrence .k-scheduler-navigation {
    width: 100%; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-navigation, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-views {
    display: table;
    table-layout: fixed; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-views li {
    display: table-cell;
    text-align: center; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    margin: 0;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
    margin-top: -.5em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
    margin-bottom: -.5em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    text-indent: 1em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
    margin-left: 20%;
    float: left; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-dropdown-wrap, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-numeric-wrap, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-picker-wrap {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-datepicker .k-select, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select {
    position: absolute;
    top: 0;
    right: 0;
    line-height: normal; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link {
    height: 50%; }
  html body.yp .yp-portlet .km-pane-wrapper .k-edit-form-container .k-button, html body.yp .yp-portlet .km-pane-wrapper .k-grid .k-button {
    margin: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-edit-form-container .k-button + .k-button, html body.yp .yp-portlet .km-pane-wrapper .k-grid .k-button + .k-button {
    margin: 0 0 0 .18em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap > .k-link {
    width: 2.4em;
    height: 2.4em;
    line-height: 2.1em;
    border-radius: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-state-selected {
    width: auto;
    line-height: 2.2em;
    padding: 0 .86em;
    min-width: .7em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap {
    line-height: 2.4em; }
  @media all and (max-width: 1024px) {
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav {
      position: absolute;
      right: .3em;
      top: .3em; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav, html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav {
      right: 3em; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-info, html body.yp .yp-portlet .km-pane-wrapper .k-pager-refresh {
      display: none; } }
  @media all and (max-width: 699px), (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 800px) {
    html body.yp .yp-portlet .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list select:not([multiple]), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list textarea, html body.yp .yp-portlet .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
      width: 50%; }
    html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
      margin-left: 50%; }
    html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button {
      margin-left: 1em; }
    html body.yp .yp-portlet .km-pane-wrapper .k-nav-today a {
      padding-left: .6em;
      padding-right: .6em; }
    html body.yp .yp-portlet .km-pane-wrapper li.k-nav-current {
      margin-left: 0;
      margin-right: 0; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap {
      position: relative; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers {
      width: auto;
      display: block;
      overflow: hidden;
      margin-right: 5.5em;
      float: none;
      text-overflow: ellipsis;
      height: 2.4em;
      text-align: center; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers li {
      float: none;
      display: inline-block; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-nav {
      float: left; } }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    width: 100%; }
  html body.yp .yp-portlet .km-scroll-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translatez(0); }
  html body.yp .yp-portlet .k-widget .km-scroll-wrapper {
    position: relative;
    padding-bottom: 0; }
  html body.yp .yp-portlet .km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .3em;
    width: .3em;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transition: "opacity 0.3s linear";
    transition: "opacity 0.3s linear"; }
  html body.yp .yp-portlet .km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px; }
  html body.yp .yp-portlet .km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px; }
  @media only screen and (max-width: 1024px) {
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views {
      position: absolute;
      right: 6px;
      top: 6px;
      z-index: 10000; }
    html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
      right: auto;
      left: 6px; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
      display: none; }
    html body.yp .yp-portlet .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
      display: none; }
    html body.yp .yp-portlet .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: inline; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      display: block;
      border-width: 1px; }
    html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      text-align: left;
      padding-left: 1em; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      display: block;
      position: relative;
      padding-right: 2.5em;
      padding-left: 1em;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      padding-left: 0; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .333em;
      width: 1.333em;
      height: 1.333em; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
      display: block;
      border: 0;
      border-radius: 0; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      border: 1px solid #c5c5c5;
      background-color: #fff;
      background-image: none;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
    html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      text-align: left; } }
  html body.yp .yp-portlet .k-fx-end .k-fx-current, html body.yp .yp-portlet .k-fx-end .k-fx-next {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out; }
  html body.yp .yp-portlet .k-fx {
    position: relative; }
  html body.yp .yp-portlet .k-fx .k-fx-current {
    z-index: 0; }
  html body.yp .yp-portlet .k-fx .k-fx-next {
    z-index: 1; }
  html body.yp .yp-portlet .k-fx-hidden, html body.yp .yp-portlet .k-fx-hidden * {
    visibility: hidden !important; }
  html body.yp .yp-portlet .k-fx-reverse .k-fx-current {
    z-index: 1; }
  html body.yp .yp-portlet .k-fx-reverse .k-fx-next {
    z-index: 0; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-start .k-fx-next {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-end .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next, html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-start .k-fx-next {
    will-change: opacity;
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-end .k-fx-next {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: opacity;
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-content, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-header, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-content, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-header {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-start .k-fx-next .km-content {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-start .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-start .k-fx-next .km-header {
    will-change: opacity;
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
    will-change: opacity;
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next, html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%); }
  html body.yp .yp-portlet .k-virtual-wrap {
    position: relative; }
  html body.yp .yp-portlet .k-virtual-wrap .k-list.k-virtual-list {
    height: auto; }
  html body.yp .yp-portlet .k-virtual-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative; }
  html body.yp .yp-portlet .k-virtual-list > .k-virtual-content {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  html body.yp .yp-portlet .k-virtual-option-label {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  html body.yp .yp-portlet .k-virtual-wrap > .k-virtual-header {
    text-align: right; }
  html body.yp .yp-portlet .k-popup .k-item.k-first {
    position: relative; }
  html body.yp .yp-portlet .k-virtual-content > .k-virtual-list > .k-virtual-item {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-popup .k-list .k-item > .k-group, html body.yp .yp-portlet .k-popup > .k-group-header, html body.yp .yp-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    text-transform: uppercase;
    font-size: .857em; }
  html body.yp .yp-portlet .k-popup .k-list .k-item > .k-group {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .5em;
    line-height: 1.8; }
  html body.yp .yp-portlet .k-popup .k-state-hover > .k-group {
    right: -1px; }
  html body.yp .yp-portlet .k-group-header + .k-list > .k-item.k-first, html body.yp .yp-portlet .k-static-header + .k-list > .k-item.k-first, html body.yp .yp-portlet .k-virtual-item.k-first {
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 0; }
  html body.yp .yp-portlet .k-popup > .k-group-header, html body.yp .yp-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    text-align: right; }

@font-face {
  html body.yp .yp-portlet {
    font-family: KendoUIGlyphs;
    src: url(fonts/glyphs/KendoUIGlyphs.eot?y6oa7j);
    src: url(fonts/glyphs/KendoUIGlyphs.eot?y6oa7j?#iefix) format("embedded-opentype"), url(fonts/glyphs/KendoUIGlyphs.ttf?y6oa7j) format("truetype"), url(fonts/glyphs/KendoUIGlyphs.woff?y6oa7j) format("woff"), url(fonts/glyphs/KendoUIGlyphs.svg?y6oa7j#KendoUIGlyphs) format("svg");
    font-weight: 400;
    font-style: normal; } }
  html body.yp .yp-portlet .k-i-arrow-n:before {
    content: "\e600"; }
  html body.yp .yp-portlet .k-i-arrow-e:before {
    content: "\e601"; }
  html body.yp .yp-portlet .k-i-arrow-s:before {
    content: "\e602"; }
  html body.yp .yp-portlet .k-i-arrow-w:before {
    content: "\e603"; }
  html body.yp .yp-portlet .k-i-seek-n:before {
    content: "\e604"; }
  html body.yp .yp-portlet .k-i-seek-e:before {
    content: "\e605"; }
  html body.yp .yp-portlet .k-i-seek-s:before {
    content: "\e606"; }
  html body.yp .yp-portlet .k-i-seek-w:before {
    content: "\e607"; }
  html body.yp .yp-portlet .k-i-sarrow-n:before {
    content: "\e608"; }
  html body.yp .yp-portlet .k-i-sarrow-e:before {
    content: "\e609"; }
  html body.yp .yp-portlet .k-i-sarrow-s:before {
    content: "\e60a"; }
  html body.yp .yp-portlet .k-i-sarrow-w:before {
    content: "\e60b"; }
  html body.yp .yp-portlet .k-i-expand-n:before {
    content: "\e60c"; }
  html body.yp .yp-portlet .k-i-expand-e:before {
    content: "\e60d"; }
  html body.yp .yp-portlet .k-i-expand-s:before {
    content: "\e60e"; }
  html body.yp .yp-portlet .k-i-expand-w:before {
    content: "\e60f"; }
  html body.yp .yp-portlet .k-i-collapse-ne:before {
    content: "\e610"; }
  html body.yp .yp-portlet .k-i-collapse-se:before {
    content: "\e611"; }
  html body.yp .yp-portlet .k-i-collapse-sw:before {
    content: "\e612"; }
  html body.yp .yp-portlet .k-i-collapse-nw:before {
    content: "\e613"; }
  html body.yp .yp-portlet .k-i-resize-ne:before {
    content: "\e614"; }
  html body.yp .yp-portlet .k-i-resize-se:before {
    content: "\e615"; }
  html body.yp .yp-portlet .k-i-resize-sw:before {
    content: "\e616"; }
  html body.yp .yp-portlet .k-i-resize-nw:before {
    content: "\e617"; }
  html body.yp .yp-portlet .k-i-arrowhead-n:before {
    content: "\e618"; }
  html body.yp .yp-portlet .k-i-arrowhead-e:before {
    content: "\e619"; }
  html body.yp .yp-portlet .k-i-arrowhead-s:before {
    content: "\e61a"; }
  html body.yp .yp-portlet .k-i-arrowhead-w:before {
    content: "\e61b"; }
  html body.yp .yp-portlet .k-i-pencil:before {
    content: "\e61c"; }
  html body.yp .yp-portlet .k-i-x:before {
    content: "\e61d"; }
  html body.yp .yp-portlet .k-i-checkmark:before {
    content: "\e61e"; }
  html body.yp .yp-portlet .k-i-deny:before {
    content: "\e61f"; }
  html body.yp .yp-portlet .k-i-trash:before {
    content: "\e620"; }
  html body.yp .yp-portlet .k-i-plus:before {
    content: "\e621"; }
  html body.yp .yp-portlet .k-i-splus:before {
    content: "\e622"; }
  html body.yp .yp-portlet .k-i-minus:before {
    content: "\e623"; }
  html body.yp .yp-portlet .k-i-sminus:before {
    content: "\e624"; }
  html body.yp .yp-portlet .k-i-filter:before {
    content: "\e625"; }
  html body.yp .yp-portlet .k-i-filter-clear:before {
    content: "\e626"; }
  html body.yp .yp-portlet .k-i-refresh:before {
    content: "\e627"; }
  html body.yp .yp-portlet .k-i-refresh-clear:before {
    content: "\e628"; }
  html body.yp .yp-portlet .k-i-restore:before {
    content: "\e629"; }
  html body.yp .yp-portlet .k-i-maximize:before {
    content: "\e62a"; }
  html body.yp .yp-portlet .k-i-minimize:before {
    content: "\e62b"; }
  html body.yp .yp-portlet .k-i-pin:before {
    content: "\e62c"; }
  html body.yp .yp-portlet .k-i-unpin:before {
    content: "\e62d"; }
  html body.yp .yp-portlet .k-i-calendar:before {
    content: "\e62e"; }
  html body.yp .yp-portlet .k-i-clock:before {
    content: "\e62f"; }
  html body.yp .yp-portlet .k-i-search:before {
    content: "\e630"; }
  html body.yp .yp-portlet .k-i-zoom-in:before {
    content: "\e631"; }
  html body.yp .yp-portlet .k-i-zoom-out:before {
    content: "\e632"; }
  html body.yp .yp-portlet .k-i-print:before {
    content: "\e633"; }
  html body.yp .yp-portlet .k-i-folder-add:before {
    content: "\e634"; }
  html body.yp .yp-portlet .k-i-folder-up:before {
    content: "\e635"; }
  html body.yp .yp-portlet .k-i-folder-open:before {
    content: "\e634"; }
  html body.yp .yp-portlet .k-i-insert-image:before {
    content: "\e636"; }
  html body.yp .yp-portlet .k-i-image:before {
    content: "\e637"; }
  html body.yp .yp-portlet .k-i-insert-file:before {
    content: "\e638"; }
  html body.yp .yp-portlet .k-i-file:before {
    content: "\e639"; }
  html body.yp .yp-portlet .k-i-files:before {
    content: "\e63a"; }
  html body.yp .yp-portlet .k-i-pdf:before {
    content: "\e63b"; }
  html body.yp .yp-portlet .k-i-pdfa:before {
    content: "\e68d"; }
  html body.yp .yp-portlet .k-i-xls:before {
    content: "\e63c"; }
  html body.yp .yp-portlet .k-i-xlsa:before {
    content: "\e63d"; }
  html body.yp .yp-portlet .k-i-lock:before {
    content: "\e63e"; }
  html body.yp .yp-portlet .k-i-unlock:before {
    content: "\e63f"; }
  html body.yp .yp-portlet .k-i-rows:before {
    content: "\e640"; }
  html body.yp .yp-portlet .k-i-columns:before {
    content: "\e641"; }
  html body.yp .yp-portlet .k-i-hamburger:before {
    content: "\e642"; }
  html body.yp .yp-portlet .k-i-vbars:before {
    content: "\e643"; }
  html body.yp .yp-portlet .k-i-hbars:before {
    content: "\e644"; }
  html body.yp .yp-portlet .k-i-move:before {
    content: "\e645"; }
  html body.yp .yp-portlet .k-i-group:before {
    content: "\e646"; }
  html body.yp .yp-portlet .k-i-ungroup:before {
    content: "\e647"; }
  html body.yp .yp-portlet .k-i-dimension:before {
    content: "\e648"; }
  html body.yp .yp-portlet .k-i-connector:before {
    content: "\e649"; }
  html body.yp .yp-portlet .k-i-kpi:before {
    content: "\e64a"; }
  html body.yp .yp-portlet .k-i-undo:before {
    content: "\e64b"; }
  html body.yp .yp-portlet .k-i-redo:before {
    content: "\e64c"; }
  html body.yp .yp-portlet .k-i-undo-large:before {
    content: "\e64d"; }
  html body.yp .yp-portlet .k-i-redo-large:before {
    content: "\e64e"; }
  html body.yp .yp-portlet .k-i-rotate-ccw:before {
    content: "\e64f"; }
  html body.yp .yp-portlet .k-i-rotate-cw:before {
    content: "\e650"; }
  html body.yp .yp-portlet .k-i-cut:before {
    content: "\e651"; }
  html body.yp .yp-portlet .k-i-copy:before {
    content: "\e652"; }
  html body.yp .yp-portlet .k-i-paste:before {
    content: "\e653"; }
  html body.yp .yp-portlet .k-i-bold:before {
    content: "\e654"; }
  html body.yp .yp-portlet .k-i-italic:before {
    content: "\e655"; }
  html body.yp .yp-portlet .k-i-underline:before {
    content: "\e656"; }
  html body.yp .yp-portlet .k-i-strike-through:before {
    content: "\e657"; }
  html body.yp .yp-portlet .k-i-text:before {
    content: "\e658"; }
  html body.yp .yp-portlet .k-i-font-size:before {
    content: "\e68e"; }
  html body.yp .yp-portlet .k-i-font-family:before {
    content: "\e68f"; }
  html body.yp .yp-portlet .k-i-fx:before {
    content: "\e659"; }
  html body.yp .yp-portlet .k-i-subscript:before {
    content: "\e65a"; }
  html body.yp .yp-portlet .k-i-superscript:before {
    content: "\e65b"; }
  html body.yp .yp-portlet .k-i-background:before {
    content: "\e65c"; }
  html body.yp .yp-portlet .k-i-sum:before {
    content: "\e65d"; }
  html body.yp .yp-portlet .k-i-increase-decimal:before {
    content: "\e65e"; }
  html body.yp .yp-portlet .k-i-decrease-decimal:before {
    content: "\e65f"; }
  html body.yp .yp-portlet .k-i-justify-left:before {
    content: "\e660"; }
  html body.yp .yp-portlet .k-i-justify-center:before {
    content: "\e661"; }
  html body.yp .yp-portlet .k-i-justify-right:before {
    content: "\e662"; }
  html body.yp .yp-portlet .k-i-justify-full:before {
    content: "\e663"; }
  html body.yp .yp-portlet .k-i-justify-clear:before {
    content: "\e664"; }
  html body.yp .yp-portlet .k-i-align-top:before {
    content: "\e665"; }
  html body.yp .yp-portlet .k-i-align-middle:before {
    content: "\e666"; }
  html body.yp .yp-portlet .k-i-align-bottom:before {
    content: "\e667"; }
  html body.yp .yp-portlet .k-i-indent:before {
    content: "\e668"; }
  html body.yp .yp-portlet .k-i-outdent:before {
    content: "\e669"; }
  html body.yp .yp-portlet .k-i-insert-n:before {
    content: "\e66a"; }
  html body.yp .yp-portlet .k-i-insert-m:before {
    content: "\e66b"; }
  html body.yp .yp-portlet .k-i-insert-s:before {
    content: "\e66c"; }
  html body.yp .yp-portlet .k-i-insert-unordered-list:before {
    content: "\e66d"; }
  html body.yp .yp-portlet .k-i-insert-ordered-list:before {
    content: "\e66e"; }
  html body.yp .yp-portlet .k-i-sort-asc:before {
    content: "\e66f"; }
  html body.yp .yp-portlet .k-i-sort-desc:before {
    content: "\e670"; }
  html body.yp .yp-portlet .k-i-unsort:before {
    content: "\e671"; }
  html body.yp .yp-portlet .k-i-hyperlink:before {
    content: "\e672"; }
  html body.yp .yp-portlet .k-i-hyperlink-remove:before {
    content: "\e673"; }
  html body.yp .yp-portlet .k-i-clearformat:before {
    content: "\e674"; }
  html body.yp .yp-portlet .k-i-html:before {
    content: "\e675"; }
  html body.yp .yp-portlet .k-i-exception:before {
    content: "\e676"; }
  html body.yp .yp-portlet .k-i-custom:before {
    content: "\e677"; }
  html body.yp .yp-portlet .k-i-cog:before {
    content: "\e678"; }
  html body.yp .yp-portlet .k-i-create-table:before {
    content: "\e679"; }
  html body.yp .yp-portlet .k-i-add-column-left:before {
    content: "\e67a"; }
  html body.yp .yp-portlet .k-i-add-column-right:before {
    content: "\e67b"; }
  html body.yp .yp-portlet .k-i-delete-column:before {
    content: "\e67c"; }
  html body.yp .yp-portlet .k-i-add-row-above:before {
    content: "\e67d"; }
  html body.yp .yp-portlet .k-i-add-row-below:before {
    content: "\e67e"; }
  html body.yp .yp-portlet .k-i-delete-row:before {
    content: "\e67f"; }
  html body.yp .yp-portlet .k-i-merge-cells:before {
    content: "\e680"; }
  html body.yp .yp-portlet .k-i-normal-layout:before {
    content: "\e681"; }
  html body.yp .yp-portlet .k-i-page-layout:before {
    content: "\e682"; }
  html body.yp .yp-portlet .k-i-all-borders:before {
    content: "\e683"; }
  html body.yp .yp-portlet .k-i-inside-borders:before {
    content: "\e684"; }
  html body.yp .yp-portlet .k-i-inside-horizontal-borders:before {
    content: "\e685"; }
  html body.yp .yp-portlet .k-i-inside-vertical-borders:before {
    content: "\e686"; }
  html body.yp .yp-portlet .k-i-outside-borders:before {
    content: "\e687"; }
  html body.yp .yp-portlet .k-i-top-border:before {
    content: "\e688"; }
  html body.yp .yp-portlet .k-i-right-border:before {
    content: "\e689"; }
  html body.yp .yp-portlet .k-i-bottom-border:before {
    content: "\e68a"; }
  html body.yp .yp-portlet .k-i-left-border:before {
    content: "\e68b"; }
  html body.yp .yp-portlet .k-i-no-borders:before {
    content: "\e68c"; }
  html body.yp .yp-portlet .k-i-merge-horizontally:before {
    content: "\e690"; }
  html body.yp .yp-portlet .k-i-merge-vertically:before {
    content: "\e691"; }
  html body.yp .yp-portlet .k-i-text-wrap:before {
    content: "\e692"; }
  html body.yp .yp-portlet .k-i-dollar:before {
    content: "\e693"; }
  html body.yp .yp-portlet .k-i-percent:before {
    content: "\e694"; }
  html body.yp .yp-portlet .k-i-freeze-col:before {
    content: "\e695"; }
  html body.yp .yp-portlet .k-i-freeze-row:before {
    content: "\e696"; }
  html body.yp .yp-portlet .k-i-freeze-panes:before {
    content: "\e697"; }
  html body.yp .yp-portlet .k-i-format-number:before {
    content: "\e698"; }
  html body.yp .yp-portlet .k-i-reset-color:before {
    content: "\e900"; }
  html body.yp .yp-portlet .k-i-file-horizontal:before {
    content: "\e901"; }
  html body.yp .yp-portlet .k-i-folder:before {
    content: "\e902"; }
  html body.yp .yp-portlet .k-i-folder-open:before {
    content: "\e903"; }
  html body.yp .yp-portlet .k-spreadsheet {
    width: 800px;
    height: 600px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    cursor: default; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-pane {
    padding-right: 1px;
    position: absolute;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-pane.k-top {
    border-top-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-pane.k-left {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
    position: absolute;
    white-space: pre;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-haxis, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-vaxis {
    position: absolute;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-vaxis {
    top: 0;
    border-width: 0 0 0 1px; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-haxis {
    left: 0;
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-merged-cells-wrapper, html body.yp .yp-portlet .k-spreadsheet .k-selection-wrapper, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-active-cell, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-data {
    cursor: cell; }
  html body.yp .yp-portlet .k-spreadsheet .k-filter-range, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-selection {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-active-cell {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-formula-bar {
    border-width: 0 1px 1px;
    border-style: solid;
    padding-left: 31px;
    position: relative;
    font-size: 12px;
    font-family: Arial,Verdana,sans-serif; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-formula-bar:before {
    background-image: none;
    font-family: KendoUIGlyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1;
    opacity: 1;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e659";
    display: block;
    height: 20px;
    top: 3px;
    border-width: 0 1px 0 0;
    border-style: solid;
    position: absolute;
    width: 24px;
    margin-left: -24px; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-formula-bar:after {
    content: "";
    display: block;
    border-width: 0 0 1px;
    border-style: solid;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-formula-input {
    outline: 0;
    border-width: 0;
    height: 26px;
    line-height: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: pre;
    padding: 3px .5em 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-cell-editor {
    position: absolute;
    display: none;
    padding: 0 3px;
    line-height: 20px;
    z-index: 2000;
    overflow: hidden; }
  html body.yp .yp-portlet .k-spreadsheet > .k-spreadsheet-view {
    position: relative;
    font-size: 12px;
    font-family: Arial,Verdana,sans-serif; }
  html body.yp .yp-portlet .k-spreadsheet .k-tabstrip-wrapper {
    position: relative;
    line-height: 1.7em; }
  html body.yp .yp-portlet .k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
    padding: .3em 0 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-quick-access-toolbar {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: .3em .3em 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
    padding: .3em;
    line-height: 1.4em; }
  html body.yp .yp-portlet .k-spreadsheet .k-filter-wrapper, html body.yp .yp-portlet .k-spreadsheet .k-merged-cells-wrapper, html body.yp .yp-portlet .k-spreadsheet .k-selection-wrapper, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-row-header {
    position: relative; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-column-header {
    position: absolute; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-sheets-bar {
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-vertical-align-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  html body.yp .yp-portlet .k-spreadsheet .k-vertical-align-bottom {
    position: relative;
    top: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
  html body.yp .yp-portlet .k-spreadsheet .k-dirty {
    position: absolute;
    top: 0;
    right: 0;
    margin: -2px 0 0 -7px;
    border-width: 4px;
    border-color: red red transparent transparent; }
  html body.yp .yp-portlet .k-spreadsheet .k-single-selection::after {
    content: " ";
    height: 6px;
    width: 6px;
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    margin-bottom: -5px;
    margin-right: -5px;
    border-width: 1px;
    border-style: solid;
    z-index: 100;
    cursor: crosshair; }
  html body.yp .yp-portlet .k-spreadsheet .k-auto-fill, html body.yp .yp-portlet .k-spreadsheet .k-auto-fill-punch {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet .k-auto-fill {
    border-width: 1px;
    border-style: solid;
    cursor: crosshair; }
  html body.yp .yp-portlet .k-spreadsheet .k-auto-fill-wrapper {
    position: relative; }
  html body.yp .yp-portlet .k-font-icon, html body.yp .yp-portlet .k-font-icon.k-icon, html body.yp .yp-portlet .k-font-icon.k-tool-icon {
    font-family: KendoUIGlyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1;
    opacity: 1;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
    font-size: 16px; }
  html body.yp .yp-portlet .k-spreadsheet .k-colorpicker .k-tool-icon {
    overflow: visible; }
  html body.yp .yp-portlet .k-button.k-custom-color, html body.yp .yp-portlet .k-button.k-reset-color {
    display: block;
    width: 100%;
    border-radius: 0;
    border: none;
    text-align: left;
    line-height: 2em; }
  html body.yp .yp-portlet .k-spreadsheet-colorpicker .k-colorpalette {
    border: 1px solid #dbdbdb;
    border-left: none;
    border-right: none;
    padding: .4em; }
  html body.yp .yp-portlet .k-spreadsheet-filter {
    position: absolute;
    cursor: pointer; }
  html body.yp .yp-portlet .k-spreadsheet-sample {
    float: right; }
  html body.yp .yp-portlet .k-spreadsheet-clipboard, html body.yp .yp-portlet .k-spreadsheet-clipboard-paste {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet-top-corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    border-width: 0 1px 1px 0;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-top-corner:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 6px;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-scroller {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1; }
  html body.yp .yp-portlet .k-spreadsheet-fixed-container {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-spreadsheet-view-size {
    position: relative; }
  html body.yp .yp-portlet .k-spreadsheet-column-header, html body.yp .yp-portlet .k-spreadsheet-row-header {
    text-align: center; }
  html body.yp .yp-portlet .k-spreadsheet-column-header .k-spreadsheet-cell, html body.yp .yp-portlet .k-spreadsheet-row-header .k-spreadsheet-cell {
    border-style: solid;
    border-width: 0 1px 1px 0; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-root-tabs {
    border-width: 0;
    margin: -1em -1em 0;
    padding: .5em 1em 0; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-root-tabs .k-loading {
    display: none; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-list-wrapper {
    padding: .15em 0;
    border-width: 1px;
    border-style: solid;
    height: 190px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-list .k-item {
    border-radius: 0;
    padding: .5em .6em .4em .6em;
    cursor: pointer;
    line-height: 1.1em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-format-filter {
    width: 100%; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
    margin-top: 1em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-action-buttons {
    padding: 1em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-label {
    width: 20%; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field {
    width: 70%; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field .k-dropdown, html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field .k-textbox {
    width: 100%; }
  html body.yp .yp-portlet .k-spreadsheet-window .export-config {
    border-width: 1px 0 0;
    border-style: solid;
    padding: 1em;
    margin: 0 -1em; }
  html body.yp .yp-portlet .k-spreadsheet-window .export-config .k-edit-field {
    width: 40%;
    float: left;
    margin-left: 30px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > input[type=radio] {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > .k-orientation-label {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > .k-orientation-label:before {
    font-family: KendoUIGlyphs;
    font-size: 16px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-orientation-portrait-label:before {
    content: "\e639"; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-orientation-landscape-label:before {
    content: "\e901"; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-orientation {
    position: absolute;
    right: 4em;
    top: 22%;
    width: 64px;
    height: 92px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-orientation:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 3px;
    border-style: solid;
    margin-top: -1px;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-landscape {
    top: 26%;
    width: 92px;
    height: 64px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-margins-horizontal {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 62px;
    border-width: 1px 0;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-margins-vertical {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 34px;
    height: 100%;
    border-width: 0 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-landscape .k-margins-horizontal {
    height: 34px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-landscape .k-margins-vertical {
    width: 62px; }
  html body.yp .yp-portlet .k-spreadsheet-window .export-config:after, html body.yp .yp-portlet .k-spreadsheet-window > div:after {
    content: " ";
    display: block;
    clear: both;
    height: 0; }
  html body.yp .yp-portlet .k-spreadsheet-format-cells .k-spreadsheet-preview {
    font-weight: 700;
    text-align: center;
    font-size: 1.16em;
    line-height: 3.64em;
    margin: 0 -.863em .72em;
    border-style: solid;
    border-width: 1px 0; }
  html body.yp .yp-portlet .k-spreadsheet-border-palette {
    width: 153px; }
  html body.yp .yp-portlet .k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%; }
  html body.yp .yp-portlet .k-spreadsheet-border-palette .k-colorpalette {
    vertical-align: bottom; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-separator {
    width: 1px;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-colorpalette {
    vertical-align: top; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-button.k-button-icon {
    padding: .6em;
    border-width: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-button.k-button-icontext {
    display: block;
    text-align: left;
    text-transform: initial;
    padding: .3em 1.5em .3em .9em;
    border-width: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu {
    width: 280px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu > .k-menu {
    border-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu > .k-menu .k-link {
    padding-left: 26px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu > .k-menu .k-icon.k-font-icon {
    margin-left: -26px;
    width: 26px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    height: 200px;
    overflow-y: scroll;
    overflow-x: auto;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
    overflow: visible;
    padding: 6px 7px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 4px 0; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-summary {
    cursor: pointer;
    line-height: 26px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-summary .k-icon {
    margin: 0 5px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content {
    padding: 0 8px 0 26px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content > .k-textbox, html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content > .k-widget {
    width: 100%;
    margin-bottom: 3px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-image: none; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content .k-filter-and {
    width: 75px;
    margin: 8px 0; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-action-buttons {
    border-top-width: 0;
    margin: 8px;
    padding: 0;
    position: static; }
  html body.yp .yp-portlet .k-resize-handle, html body.yp .yp-portlet .k-resize-hint {
    position: absolute; }
  html body.yp .yp-portlet .k-resize-hint-handle {
    width: 100%;
    height: 20px; }
  html body.yp .yp-portlet .k-resize-hint-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto; }
  html body.yp .yp-portlet .k-resize-hint-vertical .k-resize-hint-handle {
    height: 100%;
    width: 20px;
    float: left; }
  html body.yp .yp-portlet .k-resize-hint-vertical .k-resize-hint-marker {
    height: 2px;
    width: 100%; }
  html body.yp .yp-portlet .k-button.k-spreadsheet-sheets-bar-add, html body.yp .yp-portlet .k-spreadsheet-quick-access-toolbar .k-button {
    border-color: transparent;
    background-color: transparent;
    background-image: none; }
  html body.yp .yp-portlet .k-spreadsheet-tabstrip {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet-tabstrip > .k-content {
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-spreadsheet-tabstrip .k-loading {
    display: none; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar.k-toolbar {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
    margin-left: .3em; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar.k-toolbar > .k-button-group {
    border-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar .k-button, html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-button-group, html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget, html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) {
    margin: 0;
    border-color: transparent;
    background-color: transparent;
    background-image: none; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget[data-property=fontSize] {
    width: 75px; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget[data-property=format] {
    width: 100px; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget[data-property=fontFamily] {
    width: 130px; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select {
    border-color: transparent; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar .k-separator {
    margin: 0 3px;
    width: 0;
    overflow: hidden;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block; }
  html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point {
    text-decoration: underline; }
  html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-series-a, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-series-b, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-series-c, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-series-d {
    background-color: transparent; }
  html body.yp .yp-portlet .k-spreadsheet-selection-highlight {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet-formula-list {
    min-width: 100px; }
  html body.yp .yp-portlet .k-spreadsheet-formula-list .k-item {
    padding: 0 .3em;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-bar {
    position: relative; }
  html body.yp .yp-portlet .k-button.k-spreadsheet-sheets-bar-add {
    position: absolute;
    bottom: .2em;
    left: .4em;
    z-index: 1; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
    padding: 0;
    margin: .5em .5em .5em -.5em; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
    padding: 2px;
    line-height: normal; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
    margin: 0; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-items-hint {
    margin-top: .1em;
    background: 0 0 !important;
    border-width: 0 !important; }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Sans";
    src: url(fonts/DejaVu/DejaVuSans.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Sans";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Sans";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Serif";
    src: url(fonts/DejaVu/DejaVuSerif.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Serif";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Serif";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Serif";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Mono";
    src: url(fonts/DejaVu/DejaVuSansMono.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Mono";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Mono";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Mono";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1) format("truetype"); } }
  html body.yp .yp-portlet .kendo-pdf-hide-pseudo-elements:after, html body.yp .yp-portlet .kendo-pdf-hide-pseudo-elements:before {
    display: none !important; }
  html body.yp .yp-portlet .fake {
    color: red; }
  html body.yp .yp-portlet .k-common-test-class {
    opacity: 0; }
  html body.yp .yp-portlet .k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none; }
  html body.yp .yp-portlet .k-floatwrap:after, html body.yp .yp-portlet .k-grid-toolbar:after, html body.yp .yp-portlet .k-slider-items:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden; }
  html body.yp .yp-portlet .k-floatwrap, html body.yp .yp-portlet .k-grid-toolbar, html body.yp .yp-portlet .k-slider-items {
    display: inline-block; }
  html body.yp .yp-portlet .k-floatwrap, html body.yp .yp-portlet .k-grid-toolbar, html body.yp .yp-portlet .k-slider-items {
    display: block; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-autocomplete.k-state-hover, html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-draghandle, html body.yp .yp-portlet .k-dropdown-wrap, html body.yp .yp-portlet .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .k-grid-header, html body.yp .yp-portlet .k-grouping-header, html body.yp .yp-portlet .k-header, html body.yp .yp-portlet .k-link.k-state-hover, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-numeric-wrap.k-state-hover, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-picker-wrap, html body.yp .yp-portlet .k-picker-wrap.k-state-hover, html body.yp .yp-portlet .k-tabstrip-items .k-item, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-textbox:hover, html body.yp .yp-portlet .k-toolbar, html body.yp .yp-portlet .k-tooltip {
    background-repeat: repeat;
    background-position: 0 center; }
  html body.yp .yp-portlet .k-link:hover {
    text-decoration: none; }
  html body.yp .yp-portlet .k-state-highlight > .k-link {
    color: inherit; }
  html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-input[type=text], html body.yp .yp-portlet .k-input[type=number], html body.yp .yp-portlet .k-picker-wrap .k-input, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-textbox > input {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none; }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-draghandle, html body.yp .yp-portlet .k-inline-block, html body.yp .yp-portlet .k-widget {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none; }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-widget {
    line-height: normal;
    outline: 0; }
  html body.yp .yp-portlet .k-list-filter ::-ms-clear, html body.yp .yp-portlet .k-widget ::-ms-clear {
    width: 0;
    height: 0; }
  html body.yp .yp-portlet .k-block {
    padding: 2px; }
  html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-button-bare {
    display: inline-block;
    margin: 0;
    padding: 10px 14px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
    text-decoration: none; }
  html body.yp .yp-portlet .k-button-bare.k-state-disabled, html body.yp .yp-portlet .k-button-bare.k-state-disabled:active, html body.yp .yp-portlet .k-button-bare.k-state-disabled:hover, html body.yp .yp-portlet .k-button-bare[disabled], html body.yp .yp-portlet .k-button.k-state-disabled, html body.yp .yp-portlet .k-button.k-state-disabled:active, html body.yp .yp-portlet .k-button.k-state-disabled:hover, html body.yp .yp-portlet .k-button[disabled], html body.yp .yp-portlet .k-state-disabled .k-button, html body.yp .yp-portlet .k-state-disabled .k-button-bare, html body.yp .yp-portlet .k-state-disabled .k-button-bare:active, html body.yp .yp-portlet .k-state-disabled .k-button-bare:hover, html body.yp .yp-portlet .k-state-disabled .k-button:active, html body.yp .yp-portlet .k-state-disabled .k-button:hover {
    cursor: default; }
  html body.yp .yp-portlet a.k-button, html body.yp .yp-portlet a.k-button-bare {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none; }
  html body.yp .yp-portlet .k-ff input.k-button {
    padding-bottom: .37em;
    padding-top: .37em; }
  html body.yp .yp-portlet .button.k-button-bare::-moz-focus-inner, html body.yp .yp-portlet button.k-button::-moz-focus-inner, html body.yp .yp-portlet input.k-button-bare::-moz-focus-inner, html body.yp .yp-portlet input.k-button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  html body.yp .yp-portlet a.k-button-expand {
    display: block; }
  html body.yp .yp-portlet button.k-button-expand, html body.yp .yp-portlet input[type=submit].k-button-expand, html body.yp .yp-portlet input[type=button].k-button-expand, html body.yp .yp-portlet input[type=reset].k-button-expand {
    width: 100%; }
  html body.yp .yp-portlet body .k-button-icon, html body.yp .yp-portlet body .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em; }
  html body.yp .yp-portlet .k-button-icontext {
    overflow: visible; }
  html body.yp .yp-portlet .k-toolbar .k-button-icontext {
    padding-right: .8em; }
  html body.yp .yp-portlet .k-button-icontext .k-icon, html body.yp .yp-portlet .k-button-icontext .k-image, html body.yp .yp-portlet .k-button-icontext .k-sprite {
    margin-right: 3px;
    margin-right: .3rem;
    margin-left: -3px;
    margin-left: -.3rem; }
  html body.yp .yp-portlet .k-button.k-button-icontext .k-icon, html body.yp .yp-portlet .k-button.k-button-icontext .k-image {
    vertical-align: text-top; }
  html body.yp .yp-portlet html body .k-button-bare {
    background: 0 0 !important;
    color: inherit;
    border-width: 0;
    opacity: .7;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet html body .k-button-bare, html body.yp .yp-portlet html body .k-button-bare.k-state-active, html body.yp .yp-portlet html body .k-button-bare.k-state-active:hover, html body.yp .yp-portlet html body .k-button-bare.k-state-hover, html body.yp .yp-portlet html body .k-button-bare:active, html body.yp .yp-portlet html body .k-button-bare:hover {
    color: inherit; }
  html body.yp .yp-portlet html body .k-button-bare .k-state-focused, html body.yp .yp-portlet html body .k-button-bare:focus {
    background: 0 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: transparent;
    opacity: .8; }
  html body.yp .yp-portlet html body .k-button-bare.k-state-active, html body.yp .yp-portlet html body .k-button-bare.k-state-hover, html body.yp .yp-portlet html body .k-button-bare:active, html body.yp .yp-portlet html body .k-button-bare:hover {
    opacity: 1; }
  html body.yp .yp-portlet html body .k-button-bare.k-upload-button:hover {
    color: inherit; }
  html body.yp .yp-portlet .k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none; }
  html body.yp .yp-portlet .k-grid-header span.k-link {
    cursor: default; }
  html body.yp .yp-portlet .k-state-disabled, html body.yp .yp-portlet .k-state-disabled .k-button, html body.yp .yp-portlet .k-state-disabled .k-draghandle, html body.yp .yp-portlet .k-state-disabled .k-icon, html body.yp .yp-portlet .k-state-disabled .k-link, html body.yp .yp-portlet .k-state-disabled .k-upload-button input {
    cursor: default !important;
    outline: 0; }
  @media print {
    html body.yp .yp-portlet .k-state-disabled, html body.yp .yp-portlet .k-state-disabled .k-input {
      opacity: 1 !important; } }
  html body.yp .yp-portlet .k-state-error {
    border-style: ridge; }
  html body.yp .yp-portlet .k-state-empty {
    font-style: italic; }
  html body.yp .yp-portlet .k-icon, html body.yp .yp-portlet .k-sprite, html body.yp .yp-portlet .k-tool-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none; }
  html body.yp .yp-portlet .k-button-bare .k-font-icon {
    overflow: visible; }
  html body.yp .yp-portlet .k-icon.k-i-none {
    background-image: none !important; }
  html body.yp .yp-portlet .k-ie8 .k-icon, html body.yp .yp-portlet .k-ie8 .k-sprite, html body.yp .yp-portlet .k-ie8 .k-tool-icon {
    vertical-align: middle; }
  html body.yp .yp-portlet :root * > .k-icon, html body.yp .yp-portlet :root * > .k-sprite, html body.yp .yp-portlet :root * > .k-tool-icon {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-icon, html body.yp .yp-portlet .k-sprite {
    background-color: transparent; }
  html body.yp .yp-portlet .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px; }
  html body.yp .yp-portlet .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px; }
  html body.yp .yp-portlet .k-state-selected .k-i-arrow-n {
    background-position: -16px 0; }
  html body.yp .yp-portlet .k-button:active .k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-state-hover > * > .k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-state-hover > .k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-textbox:hover .k-state-selected .k-i-arrow-n {
    background-position: -16px 0; }
  html body.yp .yp-portlet .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, html body.yp .yp-portlet .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
    background-position: -16px -3px; }
  html body.yp .yp-portlet .k-state-selected .k-i-arrow-s {
    background-position: -16px -32px; }
  html body.yp .yp-portlet .k-button:active .k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-state-hover > * > .k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-state-hover > .k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-textbox:hover .k-state-selected .k-i-arrow-s {
    background-position: -16px -32px; }
  html body.yp .yp-portlet .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, html body.yp .yp-portlet .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
    background-position: -16px -35px; }
  html body.yp .yp-portlet .k-grid-header th > .k-link:hover span.k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-grid-header th > .k-link:hover span.k-i-arrow-s {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-group-indicator .k-link:hover span.k-i-sarrow-n, html body.yp .yp-portlet .k-group-indicator .k-link:hover span.k-si-arrow-n {
    background-position: 0 -129px; }
  html body.yp .yp-portlet .k-group-indicator .k-link:hover span.k-i-sarrow-s, html body.yp .yp-portlet .k-group-indicator .k-link:hover span.k-si-arrow-s {
    background-position: 0 -159px; }
  html body.yp .yp-portlet .k-group-indicator .k-button:hover span.k-group-delete, html body.yp .yp-portlet .k-group-indicator .k-button:hover span.k-i-group-delete {
    background-position: -32px -16px; }
  html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
    background-position: -32px -176px; }
  html body.yp .yp-portlet .k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-button:active .k-i-arrow-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrow-n, html body.yp .yp-portlet .k-state-hover > .k-i-arrow-n, html body.yp .yp-portlet .k-textbox:hover .k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-i-arrow-e {
    background-position: 0 -16px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrow-e, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-e, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrow-e, html body.yp .yp-portlet .k-state-hover > .k-i-arrow-e, html body.yp .yp-portlet .k-textbox:hover .k-i-arrow-e {
    background-position: 0 -16px; }
  html body.yp .yp-portlet .k-rtl .k-i-arrow-w {
    background-position: 0 -16px; }
  html body.yp .yp-portlet .k-rtl .k-button:active .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-state-hover > * > .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-state-hover > .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-textbox:hover .k-i-arrow-w {
    background-position: -16px -16px;
    background-position: 0 -16px; }
  html body.yp .yp-portlet .k-i-arrow-s {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrow-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrow-s, html body.yp .yp-portlet .k-state-hover > .k-i-arrow-s, html body.yp .yp-portlet .k-textbox:hover .k-i-arrow-s {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-i-arrow-w {
    background-position: 0 -48px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrow-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrow-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrow-w, html body.yp .yp-portlet .k-state-hover > .k-i-arrow-w, html body.yp .yp-portlet .k-textbox:hover .k-i-arrow-w {
    background-position: 0 -48px; }
  html body.yp .yp-portlet .k-rtl .k-i-arrow-e {
    background-position: 0 -48px; }
  html body.yp .yp-portlet .k-rtl .k-button:active .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-state-hover > * > .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-state-hover > .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-textbox:hover .k-i-arrow-e {
    background-position: -16px -48px;
    background-position: 0 -48px; }
  html body.yp .yp-portlet .k-i-seek-n {
    background-position: 0 -64px; }
  html body.yp .yp-portlet .k-button:active .k-i-seek-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-n, html body.yp .yp-portlet .k-state-hover > * > .k-i-seek-n, html body.yp .yp-portlet .k-state-hover > .k-i-seek-n, html body.yp .yp-portlet .k-textbox:hover .k-i-seek-n {
    background-position: 0 -64px; }
  html body.yp .yp-portlet .k-i-seek-e {
    background-position: 0 -80px; }
  html body.yp .yp-portlet .k-button:active .k-i-seek-e, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-e, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-e, html body.yp .yp-portlet .k-state-hover > * > .k-i-seek-e, html body.yp .yp-portlet .k-state-hover > .k-i-seek-e, html body.yp .yp-portlet .k-textbox:hover .k-i-seek-e {
    background-position: 0 -80px; }
  html body.yp .yp-portlet .k-rtl .k-i-seek-w {
    background-position: 0 -80px; }
  html body.yp .yp-portlet .k-rtl .k-button:active .k-i-seek-w, html body.yp .yp-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w, html body.yp .yp-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-w, html body.yp .yp-portlet .k-rtl .k-state-hover > * > .k-i-seek-w, html body.yp .yp-portlet .k-rtl .k-state-hover > .k-i-seek-w, html body.yp .yp-portlet .k-rtl .k-textbox:hover .k-i-seek-w {
    background-position: -16px -80px;
    background-position: 0 -80px; }
  html body.yp .yp-portlet .k-i-seek-s {
    background-position: 0 -96px; }
  html body.yp .yp-portlet .k-button:active .k-i-seek-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-s, html body.yp .yp-portlet .k-state-hover > * > .k-i-seek-s, html body.yp .yp-portlet .k-state-hover > .k-i-seek-s, html body.yp .yp-portlet .k-textbox:hover .k-i-seek-s {
    background-position: 0 -96px; }
  html body.yp .yp-portlet .k-i-seek-w {
    background-position: 0 -112px; }
  html body.yp .yp-portlet .k-button:active .k-i-seek-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-seek-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-seek-w, html body.yp .yp-portlet .k-state-hover > * > .k-i-seek-w, html body.yp .yp-portlet .k-state-hover > .k-i-seek-w, html body.yp .yp-portlet .k-textbox:hover .k-i-seek-w {
    background-position: 0 -112px; }
  html body.yp .yp-portlet .k-rtl .k-i-seek-e {
    background-position: 0 -112px; }
  html body.yp .yp-portlet .k-rtl .k-button:active .k-i-seek-e, html body.yp .yp-portlet .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e, html body.yp .yp-portlet .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-e, html body.yp .yp-portlet .k-rtl .k-state-hover > * > .k-i-seek-e, html body.yp .yp-portlet .k-rtl .k-state-hover > .k-i-seek-e, html body.yp .yp-portlet .k-rtl .k-textbox:hover .k-i-seek-e {
    background-position: -16px -112px;
    background-position: 0 -112px; }
  html body.yp .yp-portlet .k-i-sarrow-n, html body.yp .yp-portlet .k-si-arrow-n {
    background-position: 0 -129px; }
  html body.yp .yp-portlet .k-button:active .k-i-sarrow-n, html body.yp .yp-portlet .k-button:active .k-si-arrow-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sarrow-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sarrow-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-n, html body.yp .yp-portlet .k-state-hover > * > .k-i-sarrow-n, html body.yp .yp-portlet .k-state-hover > * > .k-si-arrow-n, html body.yp .yp-portlet .k-state-hover > .k-i-sarrow-n, html body.yp .yp-portlet .k-state-hover > .k-si-arrow-n, html body.yp .yp-portlet .k-textbox:hover .k-i-sarrow-n, html body.yp .yp-portlet .k-textbox:hover .k-si-arrow-n {
    background-position: -16px -129px; }
  html body.yp .yp-portlet .k-i-sarrow-e, html body.yp .yp-portlet .k-si-arrow-e {
    background-position: 0 -144px; }
  html body.yp .yp-portlet .k-button:active .k-i-sarrow-e, html body.yp .yp-portlet .k-button:active .k-si-arrow-e, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sarrow-e, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-e, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sarrow-e, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-e, html body.yp .yp-portlet .k-state-hover > * > .k-i-sarrow-e, html body.yp .yp-portlet .k-state-hover > * > .k-si-arrow-e, html body.yp .yp-portlet .k-state-hover > .k-i-sarrow-e, html body.yp .yp-portlet .k-state-hover > .k-si-arrow-e, html body.yp .yp-portlet .k-textbox:hover .k-i-sarrow-e, html body.yp .yp-portlet .k-textbox:hover .k-si-arrow-e {
    background-position: 0 -144px; }
  html body.yp .yp-portlet .k-i-sarrow-s, html body.yp .yp-portlet .k-si-arrow-s {
    background-position: 0 -159px; }
  html body.yp .yp-portlet .k-button:active .k-i-sarrow-s, html body.yp .yp-portlet .k-button:active .k-si-arrow-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sarrow-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sarrow-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-s, html body.yp .yp-portlet .k-state-hover > * > .k-i-sarrow-s, html body.yp .yp-portlet .k-state-hover > * > .k-si-arrow-s, html body.yp .yp-portlet .k-state-hover > .k-i-sarrow-s, html body.yp .yp-portlet .k-state-hover > .k-si-arrow-s, html body.yp .yp-portlet .k-textbox:hover .k-i-sarrow-s, html body.yp .yp-portlet .k-textbox:hover .k-si-arrow-s {
    background-position: -16px -159px; }
  html body.yp .yp-portlet .k-i-sarrow-w, html body.yp .yp-portlet .k-si-arrow-w {
    background-position: 0 -176px; }
  html body.yp .yp-portlet .k-button:active .k-i-sarrow-w, html body.yp .yp-portlet .k-button:active .k-si-arrow-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sarrow-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-arrow-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sarrow-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-arrow-w, html body.yp .yp-portlet .k-state-hover > * > .k-i-sarrow-w, html body.yp .yp-portlet .k-state-hover > * > .k-si-arrow-w, html body.yp .yp-portlet .k-state-hover > .k-i-sarrow-w, html body.yp .yp-portlet .k-state-hover > .k-si-arrow-w, html body.yp .yp-portlet .k-textbox:hover .k-i-sarrow-w, html body.yp .yp-portlet .k-textbox:hover .k-si-arrow-w {
    background-position: 0 -176px; }
  html body.yp .yp-portlet .k-i-arrowhead-n {
    background-position: 0 -256px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrowhead-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrowhead-n, html body.yp .yp-portlet .k-state-hover > .k-i-arrowhead-n, html body.yp .yp-portlet .k-textbox:hover .k-i-arrowhead-n {
    background-position: 0 -256px; }
  html body.yp .yp-portlet .k-i-arrowhead-e {
    background-position: 0 -272px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrowhead-e, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-e, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrowhead-e, html body.yp .yp-portlet .k-state-hover > .k-i-arrowhead-e, html body.yp .yp-portlet .k-textbox:hover .k-i-arrowhead-e {
    background-position: 0 -272px; }
  html body.yp .yp-portlet .k-i-arrowhead-s {
    background-position: 0 -288px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrowhead-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrowhead-s, html body.yp .yp-portlet .k-state-hover > .k-i-arrowhead-s, html body.yp .yp-portlet .k-textbox:hover .k-i-arrowhead-s {
    background-position: 0 -288px; }
  html body.yp .yp-portlet .k-i-arrowhead-w {
    background-position: 0 -304px; }
  html body.yp .yp-portlet .k-button:active .k-i-arrowhead-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-arrowhead-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w, html body.yp .yp-portlet .k-state-hover > * > .k-i-arrowhead-w, html body.yp .yp-portlet .k-state-hover > .k-i-arrowhead-w, html body.yp .yp-portlet .k-textbox:hover .k-i-arrowhead-w {
    background-position: 0 -304px; }
  html body.yp .yp-portlet .k-i-expand, html body.yp .yp-portlet .k-i-plus, html body.yp .yp-portlet .k-i-plus-disabled, html body.yp .yp-portlet .k-plus, html body.yp .yp-portlet .k-plus-disabled {
    background-position: 0 -192px; }
  html body.yp .yp-portlet .k-button:active .k-i-expand, html body.yp .yp-portlet .k-button:active .k-i-plus, html body.yp .yp-portlet .k-button:active .k-i-plus-disabled, html body.yp .yp-portlet .k-button:active .k-plus, html body.yp .yp-portlet .k-button:active .k-plus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-expand, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-plus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-plus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-plus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-plus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-expand, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-plus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-plus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-plus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-plus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-i-expand, html body.yp .yp-portlet .k-state-hover > * > .k-i-plus, html body.yp .yp-portlet .k-state-hover > * > .k-i-plus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-plus, html body.yp .yp-portlet .k-state-hover > * > .k-plus-disabled, html body.yp .yp-portlet .k-state-hover > .k-i-expand, html body.yp .yp-portlet .k-state-hover > .k-i-plus, html body.yp .yp-portlet .k-state-hover > .k-i-plus-disabled, html body.yp .yp-portlet .k-state-hover > .k-plus, html body.yp .yp-portlet .k-state-hover > .k-plus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-i-expand, html body.yp .yp-portlet .k-textbox:hover .k-i-plus, html body.yp .yp-portlet .k-textbox:hover .k-i-plus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-plus, html body.yp .yp-portlet .k-textbox:hover .k-plus-disabled {
    background-position: 0 -192px; }
  html body.yp .yp-portlet .k-i-expand-w, html body.yp .yp-portlet .k-rtl .k-i-expand, html body.yp .yp-portlet .k-rtl .k-i-plus, html body.yp .yp-portlet .k-rtl .k-i-plus-disabled, html body.yp .yp-portlet .k-rtl .k-plus, html body.yp .yp-portlet .k-rtl .k-plus-disabled {
    background-position: 0 -208px; }
  html body.yp .yp-portlet .k-button:active .k-i-expand-w, html body.yp .yp-portlet .k-button:active .k-rtl .k-i-expand, html body.yp .yp-portlet .k-button:active .k-rtl .k-i-plus, html body.yp .yp-portlet .k-button:active .k-rtl .k-i-plus-disabled, html body.yp .yp-portlet .k-button:active .k-rtl .k-plus, html body.yp .yp-portlet .k-button:active .k-rtl .k-plus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-expand-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-plus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-plus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-plus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-expand-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-plus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-plus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-i-expand-w, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-i-expand, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-i-plus, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-i-plus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-plus, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-plus-disabled, html body.yp .yp-portlet .k-state-hover > .k-i-expand-w, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-i-expand, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-i-plus, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-i-plus-disabled, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-plus, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-plus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-i-expand-w, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-i-expand, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-i-plus, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-i-plus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-plus, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-plus-disabled {
    background-position: 0 -208px; }
  html body.yp .yp-portlet .k-i-collapse, html body.yp .yp-portlet .k-i-minus, html body.yp .yp-portlet .k-i-minus-disabled, html body.yp .yp-portlet .k-minus, html body.yp .yp-portlet .k-minus-disabled {
    background-position: 0 -224px; }
  html body.yp .yp-portlet .k-button:active .k-i-collapse, html body.yp .yp-portlet .k-button:active .k-i-minus, html body.yp .yp-portlet .k-button:active .k-i-minus-disabled, html body.yp .yp-portlet .k-button:active .k-minus, html body.yp .yp-portlet .k-button:active .k-minus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-collapse, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-minus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-minus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-minus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-minus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-collapse, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-minus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-minus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-minus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-minus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-i-collapse, html body.yp .yp-portlet .k-state-hover > * > .k-i-minus, html body.yp .yp-portlet .k-state-hover > * > .k-i-minus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-minus, html body.yp .yp-portlet .k-state-hover > * > .k-minus-disabled, html body.yp .yp-portlet .k-state-hover > .k-i-collapse, html body.yp .yp-portlet .k-state-hover > .k-i-minus, html body.yp .yp-portlet .k-state-hover > .k-i-minus-disabled, html body.yp .yp-portlet .k-state-hover > .k-minus, html body.yp .yp-portlet .k-state-hover > .k-minus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-i-collapse, html body.yp .yp-portlet .k-textbox:hover .k-i-minus, html body.yp .yp-portlet .k-textbox:hover .k-i-minus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-minus, html body.yp .yp-portlet .k-textbox:hover .k-minus-disabled {
    background-position: 0 -224px; }
  html body.yp .yp-portlet .k-i-collapse-w, html body.yp .yp-portlet .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-rtl .k-i-minus, html body.yp .yp-portlet .k-rtl .k-i-minus-disabled, html body.yp .yp-portlet .k-rtl .k-minus, html body.yp .yp-portlet .k-rtl .k-minus-disabled {
    background-position: 0 -240px; }
  html body.yp .yp-portlet .k-button:active .k-i-collapse-w, html body.yp .yp-portlet .k-button:active .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-button:active .k-rtl .k-i-minus, html body.yp .yp-portlet .k-button:active .k-rtl .k-i-minus-disabled, html body.yp .yp-portlet .k-button:active .k-rtl .k-minus, html body.yp .yp-portlet .k-button:active .k-rtl .k-minus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-collapse-w, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-minus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-i-minus-disabled, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-minus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-collapse-w, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-minus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-minus-disabled, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-i-collapse-w, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-i-minus, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-i-minus-disabled, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-minus, html body.yp .yp-portlet .k-state-hover > * > .k-rtl .k-minus-disabled, html body.yp .yp-portlet .k-state-hover > .k-i-collapse-w, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-i-minus, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-i-minus-disabled, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-minus, html body.yp .yp-portlet .k-state-hover > .k-rtl .k-minus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-i-collapse-w, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-i-collapse, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-i-minus, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-i-minus-disabled, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-minus, html body.yp .yp-portlet .k-textbox:hover .k-rtl .k-minus-disabled {
    background-position: 0 -240px; }
  html body.yp .yp-portlet .k-edit, html body.yp .yp-portlet .k-i-edit, html body.yp .yp-portlet .k-i-pencil {
    background-position: -32px 0; }
  html body.yp .yp-portlet .k-button:active .k-edit, html body.yp .yp-portlet .k-button:active .k-i-edit, html body.yp .yp-portlet .k-button:active .k-i-pencil, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-edit, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-edit, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-pencil, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-edit, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-edit, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-pencil, html body.yp .yp-portlet .k-state-hover > * > .k-edit, html body.yp .yp-portlet .k-state-hover > * > .k-i-edit, html body.yp .yp-portlet .k-state-hover > * > .k-i-pencil, html body.yp .yp-portlet .k-state-hover > .k-edit, html body.yp .yp-portlet .k-state-hover > .k-i-edit, html body.yp .yp-portlet .k-state-hover > .k-i-pencil, html body.yp .yp-portlet .k-textbox:hover .k-edit, html body.yp .yp-portlet .k-textbox:hover .k-i-edit, html body.yp .yp-portlet .k-textbox:hover .k-i-pencil {
    background-position: -32px 0; }
  html body.yp .yp-portlet .k-delete, html body.yp .yp-portlet .k-group-delete, html body.yp .yp-portlet .k-i-close, html body.yp .yp-portlet .k-i-delete, html body.yp .yp-portlet .k-i-group-delete {
    background-position: -32px -16px; }
  html body.yp .yp-portlet .k-button:active .k-delete, html body.yp .yp-portlet .k-button:active .k-group-delete, html body.yp .yp-portlet .k-button:active .k-i-close, html body.yp .yp-portlet .k-button:active .k-i-delete, html body.yp .yp-portlet .k-button:active .k-i-group-delete, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-delete, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-group-delete, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-close, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-delete, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-group-delete, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-delete, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-group-delete, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-close, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-delete, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-group-delete, html body.yp .yp-portlet .k-state-hover > * > .k-delete, html body.yp .yp-portlet .k-state-hover > * > .k-group-delete, html body.yp .yp-portlet .k-state-hover > * > .k-i-close, html body.yp .yp-portlet .k-state-hover > * > .k-i-delete, html body.yp .yp-portlet .k-state-hover > * > .k-i-group-delete, html body.yp .yp-portlet .k-state-hover > .k-delete, html body.yp .yp-portlet .k-state-hover > .k-group-delete, html body.yp .yp-portlet .k-state-hover > .k-i-close, html body.yp .yp-portlet .k-state-hover > .k-i-delete, html body.yp .yp-portlet .k-state-hover > .k-i-group-delete, html body.yp .yp-portlet .k-textbox:hover .k-delete, html body.yp .yp-portlet .k-textbox:hover .k-group-delete, html body.yp .yp-portlet .k-textbox:hover .k-i-close, html body.yp .yp-portlet .k-textbox:hover .k-i-delete, html body.yp .yp-portlet .k-textbox:hover .k-i-group-delete {
    background-position: -32px -16px; }
  html body.yp .yp-portlet .k-si-close {
    background-position: -160px -80px; }
  html body.yp .yp-portlet .k-button:active .k-si-close, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-close, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-close, html body.yp .yp-portlet .k-state-hover > * > .k-si-close, html body.yp .yp-portlet .k-state-hover > .k-si-close, html body.yp .yp-portlet .k-textbox:hover .k-si-close {
    background-position: -160px -80px; }
  html body.yp .yp-portlet .k-multiselect .k-delete, html body.yp .yp-portlet .k-multiselect .k-i-delete {
    background-position: -160px -80px; }
  html body.yp .yp-portlet .k-multiselect .k-state-hover .k-delete, html body.yp .yp-portlet .k-multiselect .k-state-hover .k-i-delete {
    background-position: -176px -80px; }
  html body.yp .yp-portlet .k-i-insert, html body.yp .yp-portlet .k-i-tick, html body.yp .yp-portlet .k-i-update, html body.yp .yp-portlet .k-insert, html body.yp .yp-portlet .k-update {
    background-position: -32px -32px; }
  html body.yp .yp-portlet .k-button:active .k-i-insert, html body.yp .yp-portlet .k-button:active .k-i-tick, html body.yp .yp-portlet .k-button:active .k-i-update, html body.yp .yp-portlet .k-button:active .k-insert, html body.yp .yp-portlet .k-button:active .k-update, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-insert, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-tick, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-update, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-insert, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-update, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-tick, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-update, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-insert, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-update, html body.yp .yp-portlet .k-state-hover > * > .k-i-insert, html body.yp .yp-portlet .k-state-hover > * > .k-i-tick, html body.yp .yp-portlet .k-state-hover > * > .k-i-update, html body.yp .yp-portlet .k-state-hover > * > .k-insert, html body.yp .yp-portlet .k-state-hover > * > .k-update, html body.yp .yp-portlet .k-state-hover > .k-i-insert, html body.yp .yp-portlet .k-state-hover > .k-i-tick, html body.yp .yp-portlet .k-state-hover > .k-i-update, html body.yp .yp-portlet .k-state-hover > .k-insert, html body.yp .yp-portlet .k-state-hover > .k-update, html body.yp .yp-portlet .k-textbox:hover .k-i-insert, html body.yp .yp-portlet .k-textbox:hover .k-i-tick, html body.yp .yp-portlet .k-textbox:hover .k-i-update, html body.yp .yp-portlet .k-textbox:hover .k-insert, html body.yp .yp-portlet .k-textbox:hover .k-update {
    background-position: -32px -32px; }
  html body.yp .yp-portlet .k-check:checked, html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px; }
  html body.yp .yp-portlet .k-button:active .k-check:checked, html body.yp .yp-portlet .k-button:active .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-button:active .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-check:checked, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-check:checked, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-state-hover > * > .k-check:checked, html body.yp .yp-portlet .k-state-hover > * > .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-state-hover > * > .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-state-hover > .k-check:checked, html body.yp .yp-portlet .k-state-hover > .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-state-hover > .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-textbox:hover .k-check:checked, html body.yp .yp-portlet .k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-textbox:hover .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px; }
  html body.yp .yp-portlet .k-cancel, html body.yp .yp-portlet .k-denied, html body.yp .yp-portlet .k-i-cancel, html body.yp .yp-portlet .k-i-denied {
    background-position: -32px -48px; }
  html body.yp .yp-portlet .k-button:active .k-cancel, html body.yp .yp-portlet .k-button:active .k-denied, html body.yp .yp-portlet .k-button:active .k-i-cancel, html body.yp .yp-portlet .k-button:active .k-i-denied, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-cancel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-denied, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-cancel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-denied, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-cancel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-denied, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-cancel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-denied, html body.yp .yp-portlet .k-state-hover > * > .k-cancel, html body.yp .yp-portlet .k-state-hover > * > .k-denied, html body.yp .yp-portlet .k-state-hover > * > .k-i-cancel, html body.yp .yp-portlet .k-state-hover > * > .k-i-denied, html body.yp .yp-portlet .k-state-hover > .k-cancel, html body.yp .yp-portlet .k-state-hover > .k-denied, html body.yp .yp-portlet .k-state-hover > .k-i-cancel, html body.yp .yp-portlet .k-state-hover > .k-i-denied, html body.yp .yp-portlet .k-textbox:hover .k-cancel, html body.yp .yp-portlet .k-textbox:hover .k-denied, html body.yp .yp-portlet .k-textbox:hover .k-i-cancel, html body.yp .yp-portlet .k-textbox:hover .k-i-denied {
    background-position: -32px -48px; }
  html body.yp .yp-portlet .k-add, html body.yp .yp-portlet .k-i-add, html body.yp .yp-portlet .k-i-plus {
    background-position: -32px -64px; }
  html body.yp .yp-portlet .k-button:active .k-add, html body.yp .yp-portlet .k-button:active .k-i-add, html body.yp .yp-portlet .k-button:active .k-i-plus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-add, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-add, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-plus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-add, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-add, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-plus, html body.yp .yp-portlet .k-state-hover > * > .k-add, html body.yp .yp-portlet .k-state-hover > * > .k-i-add, html body.yp .yp-portlet .k-state-hover > * > .k-i-plus, html body.yp .yp-portlet .k-state-hover > .k-add, html body.yp .yp-portlet .k-state-hover > .k-i-add, html body.yp .yp-portlet .k-state-hover > .k-i-plus, html body.yp .yp-portlet .k-textbox:hover .k-add, html body.yp .yp-portlet .k-textbox:hover .k-i-add, html body.yp .yp-portlet .k-textbox:hover .k-i-plus {
    background-position: -32px -64px; }
  html body.yp .yp-portlet .k-filter, html body.yp .yp-portlet .k-i-filter, html body.yp .yp-portlet .k-i-funnel {
    background-position: -32px -80px; }
  html body.yp .yp-portlet .k-button:active .k-filter, html body.yp .yp-portlet .k-button:active .k-i-filter, html body.yp .yp-portlet .k-button:active .k-i-funnel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-filter, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-filter, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-funnel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-filter, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-filter, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-funnel, html body.yp .yp-portlet .k-state-hover > * > .k-filter, html body.yp .yp-portlet .k-state-hover > * > .k-i-filter, html body.yp .yp-portlet .k-state-hover > * > .k-i-funnel, html body.yp .yp-portlet .k-state-hover > .k-filter, html body.yp .yp-portlet .k-state-hover > .k-i-filter, html body.yp .yp-portlet .k-state-hover > .k-i-funnel, html body.yp .yp-portlet .k-textbox:hover .k-filter, html body.yp .yp-portlet .k-textbox:hover .k-i-filter, html body.yp .yp-portlet .k-textbox:hover .k-i-funnel {
    background-position: -32px -80px; }
  html body.yp .yp-portlet .k-clear-filter, html body.yp .yp-portlet .k-i-clear-filter, html body.yp .yp-portlet .k-i-funnel-clear {
    background-position: -32px -96px; }
  html body.yp .yp-portlet .k-button:active .k-clear-filter, html body.yp .yp-portlet .k-button:active .k-i-clear-filter, html body.yp .yp-portlet .k-button:active .k-i-funnel-clear, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-clear-filter, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-clear-filter, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-funnel-clear, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-clear-filter, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-clear-filter, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-funnel-clear, html body.yp .yp-portlet .k-state-hover > * > .k-clear-filter, html body.yp .yp-portlet .k-state-hover > * > .k-i-clear-filter, html body.yp .yp-portlet .k-state-hover > * > .k-i-funnel-clear, html body.yp .yp-portlet .k-state-hover > .k-clear-filter, html body.yp .yp-portlet .k-state-hover > .k-i-clear-filter, html body.yp .yp-portlet .k-state-hover > .k-i-funnel-clear, html body.yp .yp-portlet .k-textbox:hover .k-clear-filter, html body.yp .yp-portlet .k-textbox:hover .k-i-clear-filter, html body.yp .yp-portlet .k-textbox:hover .k-i-funnel-clear {
    background-position: -32px -96px; }
  html body.yp .yp-portlet .k-i-lock {
    background-position: -64px 0; }
  html body.yp .yp-portlet .k-button:active .k-i-lock, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-lock, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-lock, html body.yp .yp-portlet .k-state-hover > * > .k-i-lock, html body.yp .yp-portlet .k-state-hover > .k-i-lock, html body.yp .yp-portlet .k-textbox:hover .k-i-lock {
    background-position: -64px 0; }
  html body.yp .yp-portlet .k-i-unlock {
    background-position: -64px -16px; }
  html body.yp .yp-portlet .k-button:active .k-i-unlock, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-unlock, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-unlock, html body.yp .yp-portlet .k-state-hover > * > .k-i-unlock, html body.yp .yp-portlet .k-state-hover > .k-i-unlock, html body.yp .yp-portlet .k-textbox:hover .k-i-unlock {
    background-position: -64px -16px; }
  html body.yp .yp-portlet .k-i-refresh {
    background-position: -32px -112px; }
  html body.yp .yp-portlet .k-button:active .k-i-refresh, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-refresh, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-refresh, html body.yp .yp-portlet .k-state-hover > * > .k-i-refresh, html body.yp .yp-portlet .k-state-hover > .k-i-refresh, html body.yp .yp-portlet .k-textbox:hover .k-i-refresh {
    background-position: -32px -112px; }
  html body.yp .yp-portlet .k-i-exception {
    background-position: -160px -304px; }
  html body.yp .yp-portlet .k-button:active .k-i-exception, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-exception, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-exception, html body.yp .yp-portlet .k-state-hover > * > .k-i-exception, html body.yp .yp-portlet .k-state-hover > .k-i-exception, html body.yp .yp-portlet .k-textbox:hover .k-i-exception {
    background-position: -160px -304px; }
  html body.yp .yp-portlet .k-i-restore {
    background-position: -32px -128px; }
  html body.yp .yp-portlet .k-button:active .k-i-restore, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-restore, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-restore, html body.yp .yp-portlet .k-state-hover > * > .k-i-restore, html body.yp .yp-portlet .k-state-hover > .k-i-restore, html body.yp .yp-portlet .k-textbox:hover .k-i-restore {
    background-position: -32px -128px; }
  html body.yp .yp-portlet .k-i-maximize {
    background-position: -32px -144px; }
  html body.yp .yp-portlet .k-button:active .k-i-maximize, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-maximize, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-maximize, html body.yp .yp-portlet .k-state-hover > * > .k-i-maximize, html body.yp .yp-portlet .k-state-hover > .k-i-maximize, html body.yp .yp-portlet .k-textbox:hover .k-i-maximize {
    background-position: -32px -144px; }
  html body.yp .yp-portlet .k-i-minimize {
    background-position: -64px -288px; }
  html body.yp .yp-portlet .k-button:active .k-i-minimize, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-minimize, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-minimize, html body.yp .yp-portlet .k-state-hover > * > .k-i-minimize, html body.yp .yp-portlet .k-state-hover > .k-i-minimize, html body.yp .yp-portlet .k-textbox:hover .k-i-minimize {
    background-position: -64px -288px; }
  html body.yp .yp-portlet .k-i-pin {
    background-position: -160px -256px; }
  html body.yp .yp-portlet .k-button:active .k-i-pin, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-pin, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-pin, html body.yp .yp-portlet .k-state-hover > * > .k-i-pin, html body.yp .yp-portlet .k-state-hover > .k-i-pin, html body.yp .yp-portlet .k-textbox:hover .k-i-pin {
    background-position: -160px -256px; }
  html body.yp .yp-portlet .k-i-unpin {
    background-position: -160px -272px; }
  html body.yp .yp-portlet .k-button:active .k-i-unpin, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-unpin, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-unpin, html body.yp .yp-portlet .k-state-hover > * > .k-i-unpin, html body.yp .yp-portlet .k-state-hover > .k-i-unpin, html body.yp .yp-portlet .k-textbox:hover .k-i-unpin {
    background-position: -160px -272px; }
  html body.yp .yp-portlet .k-i-resize-se, html body.yp .yp-portlet .k-resize-se {
    background-position: -32px -160px; }
  html body.yp .yp-portlet .k-button:active .k-i-resize-se, html body.yp .yp-portlet .k-button:active .k-resize-se, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-resize-se, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-resize-se, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-resize-se, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-resize-se, html body.yp .yp-portlet .k-state-hover > * > .k-i-resize-se, html body.yp .yp-portlet .k-state-hover > * > .k-resize-se, html body.yp .yp-portlet .k-state-hover > .k-i-resize-se, html body.yp .yp-portlet .k-state-hover > .k-resize-se, html body.yp .yp-portlet .k-textbox:hover .k-i-resize-se, html body.yp .yp-portlet .k-textbox:hover .k-resize-se {
    background-position: -32px -160px; }
  html body.yp .yp-portlet .k-i-calendar {
    background-position: -32px -176px; }
  html body.yp .yp-portlet .k-button:active .k-i-calendar, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-calendar, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-calendar, html body.yp .yp-portlet .k-state-hover > * > .k-i-calendar, html body.yp .yp-portlet .k-state-hover > .k-i-calendar, html body.yp .yp-portlet .k-textbox:hover .k-i-calendar {
    background-position: -32px -176px; }
  html body.yp .yp-portlet .k-i-clock {
    background-position: -32px -192px; }
  html body.yp .yp-portlet .k-button:active .k-i-clock, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-clock, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-clock, html body.yp .yp-portlet .k-state-hover > * > .k-i-clock, html body.yp .yp-portlet .k-state-hover > .k-i-clock, html body.yp .yp-portlet .k-textbox:hover .k-i-clock {
    background-position: -32px -192px; }
  html body.yp .yp-portlet .k-i-splus, html body.yp .yp-portlet .k-si-plus {
    background-position: -32px -208px; }
  html body.yp .yp-portlet .k-button:active .k-i-splus, html body.yp .yp-portlet .k-button:active .k-si-plus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-splus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-plus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-splus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-plus, html body.yp .yp-portlet .k-state-hover > * > .k-i-splus, html body.yp .yp-portlet .k-state-hover > * > .k-si-plus, html body.yp .yp-portlet .k-state-hover > .k-i-splus, html body.yp .yp-portlet .k-state-hover > .k-si-plus, html body.yp .yp-portlet .k-textbox:hover .k-i-splus, html body.yp .yp-portlet .k-textbox:hover .k-si-plus {
    background-position: -32px -208px; }
  html body.yp .yp-portlet .k-i-sminus, html body.yp .yp-portlet .k-si-minus {
    background-position: -32px -224px; }
  html body.yp .yp-portlet .k-button:active .k-i-sminus, html body.yp .yp-portlet .k-button:active .k-si-minus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sminus, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-minus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sminus, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-minus, html body.yp .yp-portlet .k-state-hover > * > .k-i-sminus, html body.yp .yp-portlet .k-state-hover > * > .k-si-minus, html body.yp .yp-portlet .k-state-hover > .k-i-sminus, html body.yp .yp-portlet .k-state-hover > .k-si-minus, html body.yp .yp-portlet .k-textbox:hover .k-i-sminus, html body.yp .yp-portlet .k-textbox:hover .k-si-minus {
    background-position: -32px -224px; }
  html body.yp .yp-portlet .k-i-search {
    background-position: -32px -240px; }
  html body.yp .yp-portlet .k-button:active .k-i-search, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-search, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-search, html body.yp .yp-portlet .k-state-hover > * > .k-i-search, html body.yp .yp-portlet .k-state-hover > .k-i-search, html body.yp .yp-portlet .k-textbox:hover .k-i-search {
    background-position: -32px -240px; }
  html body.yp .yp-portlet .k-i-custom {
    background-position: -115px -113px; }
  html body.yp .yp-portlet .k-button:active .k-i-custom, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-custom, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-custom, html body.yp .yp-portlet .k-state-hover > * > .k-i-custom, html body.yp .yp-portlet .k-state-hover > .k-i-custom, html body.yp .yp-portlet .k-textbox:hover .k-i-custom {
    background-position: -141px -113px; }
  html body.yp .yp-portlet .k-editor .k-i-custom {
    background-position: -111px -109px; }
  html body.yp .yp-portlet .k-i-view-html, html body.yp .yp-portlet .k-viewHtml {
    background-position: -288px -120px; }
  html body.yp .yp-portlet .k-i-insert-n, html body.yp .yp-portlet .k-i-insert-top, html body.yp .yp-portlet .k-insert-top {
    background-position: -160px -32px; }
  html body.yp .yp-portlet .k-button:active .k-i-insert-n, html body.yp .yp-portlet .k-button:active .k-i-insert-top, html body.yp .yp-portlet .k-button:active .k-insert-top, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-n, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-top, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-insert-top, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-n, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-top, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-insert-top, html body.yp .yp-portlet .k-state-hover > * > .k-i-insert-n, html body.yp .yp-portlet .k-state-hover > * > .k-i-insert-top, html body.yp .yp-portlet .k-state-hover > * > .k-insert-top, html body.yp .yp-portlet .k-state-hover > .k-i-insert-n, html body.yp .yp-portlet .k-state-hover > .k-i-insert-top, html body.yp .yp-portlet .k-state-hover > .k-insert-top, html body.yp .yp-portlet .k-textbox:hover .k-i-insert-n, html body.yp .yp-portlet .k-textbox:hover .k-i-insert-top, html body.yp .yp-portlet .k-textbox:hover .k-insert-top {
    background-position: -160px -32px; }
  html body.yp .yp-portlet .k-i-insert-m, html body.yp .yp-portlet .k-i-insert-middle, html body.yp .yp-portlet .k-insert-middle {
    background-position: -160px -48px; }
  html body.yp .yp-portlet .k-button:active .k-i-insert-m, html body.yp .yp-portlet .k-button:active .k-i-insert-middle, html body.yp .yp-portlet .k-button:active .k-insert-middle, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-m, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-middle, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-insert-middle, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-m, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-middle, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-insert-middle, html body.yp .yp-portlet .k-state-hover > * > .k-i-insert-m, html body.yp .yp-portlet .k-state-hover > * > .k-i-insert-middle, html body.yp .yp-portlet .k-state-hover > * > .k-insert-middle, html body.yp .yp-portlet .k-state-hover > .k-i-insert-m, html body.yp .yp-portlet .k-state-hover > .k-i-insert-middle, html body.yp .yp-portlet .k-state-hover > .k-insert-middle, html body.yp .yp-portlet .k-textbox:hover .k-i-insert-m, html body.yp .yp-portlet .k-textbox:hover .k-i-insert-middle, html body.yp .yp-portlet .k-textbox:hover .k-insert-middle {
    background-position: -160px -48px; }
  html body.yp .yp-portlet .k-i-insert-bottom, html body.yp .yp-portlet .k-i-insert-s, html body.yp .yp-portlet .k-insert-bottom {
    background-position: -160px -64px; }
  html body.yp .yp-portlet .k-button:active .k-i-insert-bottom, html body.yp .yp-portlet .k-button:active .k-i-insert-s, html body.yp .yp-portlet .k-button:active .k-insert-bottom, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-bottom, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-insert-s, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-insert-bottom, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-bottom, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-insert-s, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-insert-bottom, html body.yp .yp-portlet .k-state-hover > * > .k-i-insert-bottom, html body.yp .yp-portlet .k-state-hover > * > .k-i-insert-s, html body.yp .yp-portlet .k-state-hover > * > .k-insert-bottom, html body.yp .yp-portlet .k-state-hover > .k-i-insert-bottom, html body.yp .yp-portlet .k-state-hover > .k-i-insert-s, html body.yp .yp-portlet .k-state-hover > .k-insert-bottom, html body.yp .yp-portlet .k-textbox:hover .k-i-insert-bottom, html body.yp .yp-portlet .k-textbox:hover .k-i-insert-s, html body.yp .yp-portlet .k-textbox:hover .k-insert-bottom {
    background-position: -160px -64px; }
  html body.yp .yp-portlet .k-drop-hint {
    background-position: 0 -326px; }
  html body.yp .yp-portlet .k-i-error, html body.yp .yp-portlet .k-i-info, html body.yp .yp-portlet .k-i-note, html body.yp .yp-portlet .k-i-success, html body.yp .yp-portlet .k-i-warning, html body.yp .yp-portlet .k-warning {
    background-position: -160px -240px; }
  html body.yp .yp-portlet .k-button:active .k-i-error, html body.yp .yp-portlet .k-button:active .k-i-info, html body.yp .yp-portlet .k-button:active .k-i-note, html body.yp .yp-portlet .k-button:active .k-i-success, html body.yp .yp-portlet .k-button:active .k-i-warning, html body.yp .yp-portlet .k-button:active .k-warning, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-error, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-info, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-note, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-success, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-warning, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-warning, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-error, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-info, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-note, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-success, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-warning, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-warning, html body.yp .yp-portlet .k-state-hover > * > .k-i-error, html body.yp .yp-portlet .k-state-hover > * > .k-i-info, html body.yp .yp-portlet .k-state-hover > * > .k-i-note, html body.yp .yp-portlet .k-state-hover > * > .k-i-success, html body.yp .yp-portlet .k-state-hover > * > .k-i-warning, html body.yp .yp-portlet .k-state-hover > * > .k-warning, html body.yp .yp-portlet .k-state-hover > .k-i-error, html body.yp .yp-portlet .k-state-hover > .k-i-info, html body.yp .yp-portlet .k-state-hover > .k-i-note, html body.yp .yp-portlet .k-state-hover > .k-i-success, html body.yp .yp-portlet .k-state-hover > .k-i-warning, html body.yp .yp-portlet .k-state-hover > .k-warning, html body.yp .yp-portlet .k-textbox:hover .k-i-error, html body.yp .yp-portlet .k-textbox:hover .k-i-info, html body.yp .yp-portlet .k-textbox:hover .k-i-note, html body.yp .yp-portlet .k-textbox:hover .k-i-success, html body.yp .yp-portlet .k-textbox:hover .k-i-warning, html body.yp .yp-portlet .k-textbox:hover .k-warning {
    background-position: -160px -240px; }
  html body.yp .yp-portlet .k-i-sort-asc {
    background-position: -112px -240px; }
  html body.yp .yp-portlet .k-button:active .k-i-sort-asc, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sort-asc, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sort-asc, html body.yp .yp-portlet .k-state-hover > * > .k-i-sort-asc, html body.yp .yp-portlet .k-state-hover > .k-i-sort-asc, html body.yp .yp-portlet .k-textbox:hover .k-i-sort-asc {
    background-position: -112px -240px; }
  html body.yp .yp-portlet .k-i-sort-desc {
    background-position: -112px -256px; }
  html body.yp .yp-portlet .k-button:active .k-i-sort-desc, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sort-desc, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sort-desc, html body.yp .yp-portlet .k-state-hover > * > .k-i-sort-desc, html body.yp .yp-portlet .k-state-hover > .k-i-sort-desc, html body.yp .yp-portlet .k-textbox:hover .k-i-sort-desc {
    background-position: -112px -256px; }
  html body.yp .yp-portlet .k-i-group {
    background-position: -112px -272px; }
  html body.yp .yp-portlet .k-button:active .k-i-group, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-group, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-group, html body.yp .yp-portlet .k-state-hover > * > .k-i-group, html body.yp .yp-portlet .k-state-hover > .k-i-group, html body.yp .yp-portlet .k-textbox:hover .k-i-group {
    background-position: -112px -272px; }
  html body.yp .yp-portlet .k-i-ungroup {
    background-position: -112px -288px; }
  html body.yp .yp-portlet .k-button:active .k-i-ungroup, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-ungroup, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-ungroup, html body.yp .yp-portlet .k-state-hover > * > .k-i-ungroup, html body.yp .yp-portlet .k-state-hover > .k-i-ungroup, html body.yp .yp-portlet .k-textbox:hover .k-i-ungroup {
    background-position: -112px -288px; }
  html body.yp .yp-portlet .k-i-columns {
    background-position: -112px -304px; }
  html body.yp .yp-portlet .k-button:active .k-i-columns, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-columns, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-columns, html body.yp .yp-portlet .k-state-hover > * > .k-i-columns, html body.yp .yp-portlet .k-state-hover > .k-i-columns, html body.yp .yp-portlet .k-textbox:hover .k-i-columns {
    background-position: -112px -304px; }
  html body.yp .yp-portlet .k-i-hbars {
    background-position: -64px -32px; }
  html body.yp .yp-portlet .k-button:active .k-i-hbars, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-hbars, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-hbars, html body.yp .yp-portlet .k-state-hover > * > .k-i-hbars, html body.yp .yp-portlet .k-state-hover > .k-i-hbars, html body.yp .yp-portlet .k-textbox:hover .k-i-hbars {
    background-position: -64px -32px; }
  html body.yp .yp-portlet .k-i-vbars {
    background-position: -64px -48px; }
  html body.yp .yp-portlet .k-button:active .k-i-vbars, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-vbars, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-vbars, html body.yp .yp-portlet .k-state-hover > * > .k-i-vbars, html body.yp .yp-portlet .k-state-hover > .k-i-vbars, html body.yp .yp-portlet .k-textbox:hover .k-i-vbars {
    background-position: -64px -48px; }
  html body.yp .yp-portlet .k-i-sum {
    background-position: -64px -64px; }
  html body.yp .yp-portlet .k-button:active .k-i-sum, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-sum, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-sum, html body.yp .yp-portlet .k-state-hover > * > .k-i-sum, html body.yp .yp-portlet .k-state-hover > .k-i-sum, html body.yp .yp-portlet .k-textbox:hover .k-i-sum {
    background-position: -64px -64px; }
  html body.yp .yp-portlet .k-i-pdf {
    background-position: -64px -80px; }
  html body.yp .yp-portlet .k-button:active .k-i-pdf, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-pdf, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-pdf, html body.yp .yp-portlet .k-state-hover > * > .k-i-pdf, html body.yp .yp-portlet .k-state-hover > .k-i-pdf, html body.yp .yp-portlet .k-textbox:hover .k-i-pdf {
    background-position: -64px -80px; }
  html body.yp .yp-portlet .k-i-excel {
    background-position: -64px -96px; }
  html body.yp .yp-portlet .k-button:active .k-i-excel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-excel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-excel, html body.yp .yp-portlet .k-state-hover > * > .k-i-excel, html body.yp .yp-portlet .k-state-hover > .k-i-excel, html body.yp .yp-portlet .k-textbox:hover .k-i-excel {
    background-position: -64px -96px; }
  html body.yp .yp-portlet .k-i-rotatecw {
    background-position: -64px -112px; }
  html body.yp .yp-portlet .k-button:active .k-i-rotatecw, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-rotatecw, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-rotatecw, html body.yp .yp-portlet .k-state-hover > * > .k-i-rotatecw, html body.yp .yp-portlet .k-state-hover > .k-i-rotatecw, html body.yp .yp-portlet .k-textbox:hover .k-i-rotatecw {
    background-position: -64px -112px; }
  html body.yp .yp-portlet .k-i-rotateccw {
    background-position: -64px -128px; }
  html body.yp .yp-portlet .k-button:active .k-i-rotateccw, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-rotateccw, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-rotateccw, html body.yp .yp-portlet .k-state-hover > * > .k-i-rotateccw, html body.yp .yp-portlet .k-state-hover > .k-i-rotateccw, html body.yp .yp-portlet .k-textbox:hover .k-i-rotateccw {
    background-position: -64px -128px; }
  html body.yp .yp-portlet .k-i-undo {
    background-position: -64px -160px; }
  html body.yp .yp-portlet .k-button:active .k-i-undo, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-undo, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-undo, html body.yp .yp-portlet .k-state-hover > * > .k-i-undo, html body.yp .yp-portlet .k-state-hover > .k-i-undo, html body.yp .yp-portlet .k-textbox:hover .k-i-undo {
    background-position: -64px -160px; }
  html body.yp .yp-portlet .k-i-redo {
    background-position: -64px -144px; }
  html body.yp .yp-portlet .k-button:active .k-i-redo, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-redo, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-redo, html body.yp .yp-portlet .k-state-hover > * > .k-i-redo, html body.yp .yp-portlet .k-state-hover > .k-i-redo, html body.yp .yp-portlet .k-textbox:hover .k-i-redo {
    background-position: -64px -144px; }
  html body.yp .yp-portlet .k-i-shape {
    background-position: -64px -176px; }
  html body.yp .yp-portlet .k-button:active .k-i-shape, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-shape, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-shape, html body.yp .yp-portlet .k-state-hover > * > .k-i-shape, html body.yp .yp-portlet .k-state-hover > .k-i-shape, html body.yp .yp-portlet .k-textbox:hover .k-i-shape {
    background-position: -64px -176px; }
  html body.yp .yp-portlet .k-i-connector {
    background-position: -64px -192px; }
  html body.yp .yp-portlet .k-button:active .k-i-connector, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-connector, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-connector, html body.yp .yp-portlet .k-state-hover > * > .k-i-connector, html body.yp .yp-portlet .k-state-hover > .k-i-connector, html body.yp .yp-portlet .k-textbox:hover .k-i-connector {
    background-position: -64px -192px; }
  html body.yp .yp-portlet .k-i-kpi {
    background-position: -64px -208px; }
  html body.yp .yp-portlet .k-button:active .k-i-kpi, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-kpi, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-kpi, html body.yp .yp-portlet .k-state-hover > * > .k-i-kpi, html body.yp .yp-portlet .k-state-hover > .k-i-kpi, html body.yp .yp-portlet .k-textbox:hover .k-i-kpi {
    background-position: -64px -208px; }
  html body.yp .yp-portlet .k-i-dimension {
    background-position: -64px -224px; }
  html body.yp .yp-portlet .k-button:active .k-i-dimension, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-dimension, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-dimension, html body.yp .yp-portlet .k-state-hover > * > .k-i-dimension, html body.yp .yp-portlet .k-state-hover > .k-i-dimension, html body.yp .yp-portlet .k-textbox:hover .k-i-dimension {
    background-position: -64px -224px; }
  html body.yp .yp-portlet .k-file, html body.yp .yp-portlet .k-i-file {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-button:active .k-file, html body.yp .yp-portlet .k-button:active .k-i-file, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-file, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-file, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-file, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-file, html body.yp .yp-portlet .k-state-hover > * > .k-file, html body.yp .yp-portlet .k-state-hover > * > .k-i-file, html body.yp .yp-portlet .k-state-hover > .k-file, html body.yp .yp-portlet .k-state-hover > .k-i-file, html body.yp .yp-portlet .k-textbox:hover .k-file, html body.yp .yp-portlet .k-textbox:hover .k-i-file {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-addfolder, html body.yp .yp-portlet .k-i-add-folder, html body.yp .yp-portlet .k-i-folder-add {
    background-position: -32px -272px; }
  html body.yp .yp-portlet .k-button:active .k-addfolder, html body.yp .yp-portlet .k-button:active .k-i-add-folder, html body.yp .yp-portlet .k-button:active .k-i-folder-add, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-addfolder, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-add-folder, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-folder-add, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-addfolder, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-add-folder, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-folder-add, html body.yp .yp-portlet .k-state-hover > * > .k-addfolder, html body.yp .yp-portlet .k-state-hover > * > .k-i-add-folder, html body.yp .yp-portlet .k-state-hover > * > .k-i-folder-add, html body.yp .yp-portlet .k-state-hover > .k-addfolder, html body.yp .yp-portlet .k-state-hover > .k-i-add-folder, html body.yp .yp-portlet .k-state-hover > .k-i-folder-add, html body.yp .yp-portlet .k-textbox:hover .k-addfolder, html body.yp .yp-portlet .k-textbox:hover .k-i-add-folder, html body.yp .yp-portlet .k-textbox:hover .k-i-folder-add {
    background-position: -32px -272px; }
  html body.yp .yp-portlet .k-goup, html body.yp .yp-portlet .k-i-folder-up, html body.yp .yp-portlet .k-i-go-up {
    background-position: -32px -288px; }
  html body.yp .yp-portlet .k-button:active .k-goup, html body.yp .yp-portlet .k-button:active .k-i-folder-up, html body.yp .yp-portlet .k-button:active .k-i-go-up, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-goup, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-folder-up, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-go-up, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-goup, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-folder-up, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-go-up, html body.yp .yp-portlet .k-state-hover > * > .k-goup, html body.yp .yp-portlet .k-state-hover > * > .k-i-folder-up, html body.yp .yp-portlet .k-state-hover > * > .k-i-go-up, html body.yp .yp-portlet .k-state-hover > .k-goup, html body.yp .yp-portlet .k-state-hover > .k-i-folder-up, html body.yp .yp-portlet .k-state-hover > .k-i-go-up, html body.yp .yp-portlet .k-textbox:hover .k-goup, html body.yp .yp-portlet .k-textbox:hover .k-i-folder-up, html body.yp .yp-portlet .k-textbox:hover .k-i-go-up {
    background-position: -32px -288px; }
  html body.yp .yp-portlet .k-i-more {
    background-position: -64px -32px; }
  html body.yp .yp-portlet .k-button:active .k-i-more, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-more, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-more, html body.yp .yp-portlet .k-state-hover > * > .k-i-more, html body.yp .yp-portlet .k-state-hover > .k-i-more, html body.yp .yp-portlet .k-textbox:hover .k-i-more {
    background-position: -64px -32px; }
  html body.yp .yp-portlet .k-i-gantt-toggle {
    background-position: -64px -240px; }
  html body.yp .yp-portlet .k-button:active .k-i-gantt-toggle, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-gantt-toggle, html body.yp .yp-portlet .k-state-hover > * > .k-i-gantt-toggle, html body.yp .yp-portlet .k-state-hover > .k-i-gantt-toggle, html body.yp .yp-portlet .k-textbox:hover .k-i-gantt-toggle {
    background-position: -64px -240px; }
  html body.yp .yp-portlet .k-file > .k-icon {
    background-position: -115px -91px; }
  html body.yp .yp-portlet .k-image {
    border: 0; }
  html body.yp .yp-portlet .k-breadcrumbs:hover .k-i-arrow-n {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-breadcrumbs:hover .k-i-arrow-e {
    background-position: 0 -16px; }
  html body.yp .yp-portlet .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-button:active .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-button:active .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-button:active .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .yp-portlet .k-state-hover > * > .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-state-hover > * > .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-state-hover > * > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .yp-portlet .k-state-hover > .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-state-hover > .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-state-hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, html body.yp .yp-portlet .k-textbox:hover .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-textbox:hover .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-textbox:hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: 0 -32px; }
  html body.yp .yp-portlet html .k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0; }
  html body.yp .yp-portlet html .k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff; }
  html body.yp .yp-portlet html .k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0; }
  html body.yp .yp-portlet .k-inline-block {
    padding: 0 2px; }
  html body.yp .yp-portlet .k-i-loading, html body.yp .yp-portlet .k-loading, html body.yp .yp-portlet .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center; }
  html body.yp .yp-portlet .k-loading-image, html body.yp .yp-portlet .k-loading-mask, html body.yp .yp-portlet .k-loading-text {
    position: absolute; }
  html body.yp .yp-portlet .k-loading-mask {
    z-index: 100; }
  html body.yp .yp-portlet .k-loading-mask .k-loading-progress {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  html body.yp .yp-portlet .k-loading-text {
    text-indent: -4000px;
    text-align: center; }
  html body.yp .yp-portlet .k-loading-color, html body.yp .yp-portlet .k-loading-image {
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-loading-image {
    top: 0;
    left: 0;
    z-index: 2; }
  html body.yp .yp-portlet .k-loading-color {
    filter: alpha(opacity=30);
    opacity: .3; }
  html body.yp .yp-portlet .k-content-frame {
    border: 0;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-pane > .k-splitter-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute; }
  html body.yp .yp-portlet .k-drag-clue {
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default; }
  html body.yp .yp-portlet .k-drag-status {
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible; }
  html body.yp .yp-portlet .k-reorder-cue .k-icon {
    position: absolute;
    left: -4px;
    width: 8px;
    height: 4px; }
  html body.yp .yp-portlet .k-reorder-cue .k-i-arrow-s {
    top: -4px;
    background-position: -4px -166px; }
  html body.yp .yp-portlet .k-reorder-cue .k-i-arrow-n {
    bottom: -4px;
    background-position: -4px -134px; }
  html body.yp .yp-portlet .k-scrollbar {
    position: absolute;
    overflow: scroll; }
  html body.yp .yp-portlet .k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    overflow-x: hidden; }
  html body.yp .yp-portlet .k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    html body.yp .yp-portlet body .k-touch-scrollbar {
      height: 12px;
      width: 12px;
      border-radius: 7px; } }
  html body.yp .yp-portlet .k-virtual-scrollable-wrap {
    overflow-x: auto; }
  html body.yp .yp-portlet .k-current-time {
    background: red;
    position: absolute; }
  html body.yp .yp-portlet .k-current-time-arrow-down {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid red;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent; }
  html body.yp .yp-portlet .k-current-time-arrow-left {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid red; }
  html body.yp .yp-portlet .k-current-time-arrow-right {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid red;
    border-right: 4px solid transparent; }
  html body.yp .yp-portlet .k-animation-container, html body.yp .yp-portlet .k-animation-container *, html body.yp .yp-portlet .k-animation-container :after, html body.yp .yp-portlet .k-block .k-header, html body.yp .yp-portlet .k-list-container, html body.yp .yp-portlet .k-widget, html body.yp .yp-portlet .k-widget *, html body.yp .yp-portlet .k-widget :before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-button-bare, html body.yp .yp-portlet .k-edit-cell .k-widget, html body.yp .yp-portlet .k-grid-edit-row .k-widget, html body.yp .yp-portlet .k-grid-edit-row .text-box, html body.yp .yp-portlet .k-tabstrip > .k-content > .km-scroll-container, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .km-actionsheet > li, html body.yp .yp-portlet .km-shim, html body.yp .yp-portlet div.k-window-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .input-group .form-control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .form-control.k-widget {
    padding: 0; }
  html body.yp .yp-portlet a.k-button-bare:hover, html body.yp .yp-portlet a.k-button:hover {
    text-decoration: none; }
  html body.yp .yp-portlet .km-widget, html body.yp .yp-portlet .km-widget * {
    -webkit-background-clip: border-box;
    background-clip: border-box; }
  html body.yp .yp-portlet .k-radio, html body.yp .yp-portlet input.k-checkbox {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    -webkit-appearance: none;
    overflow: hidden; }
  html body.yp .yp-portlet .k-ff .k-radio, html body.yp .yp-portlet .k-ff input.k-checkbox {
    position: absolute; }
  html body.yp .yp-portlet .k-checkbox-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer; }
  html body.yp .yp-portlet .k-checkbox-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    width: 1em;
    height: 1em;
    font-size: 1em;
    line-height: 1em;
    text-align: center; }
  html body.yp .yp-portlet .k-checkbox:indeterminate + .k-checkbox-label:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-width: 1px;
    border-style: solid;
    width: 8px;
    height: 8px;
    font-size: 1em;
    text-align: center;
    content: " ";
    margin-left: -2px; }
  html body.yp .yp-portlet .k-checkbox:checked + .k-checkbox-label:before {
    content: "\2713"; }
  html body.yp .yp-portlet .k-checkbox:disabled + .k-checkbox-label {
    cursor: auto; }
  html body.yp .yp-portlet .k-radio-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer; }
  html body.yp .yp-portlet .k-radio-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border-style: solid; }
  html body.yp .yp-portlet .k-radio:checked + .k-radio-label:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px; }
  html body.yp .yp-portlet .k-radio:disabled + .k-radio-label {
    cursor: auto; }
  html body.yp .yp-portlet .k-ie8 .k-radio, html body.yp .yp-portlet .k-ie8 input.k-checkbox {
    display: inline-block;
    width: auto; }
  html body.yp .yp-portlet .k-ie8 .k-checkbox-label, html body.yp .yp-portlet .k-ie8 .k-radio-label {
    padding-left: 0; }
  html body.yp .yp-portlet .k-ie8 .k-checkbox-label:before, html body.yp .yp-portlet .k-ie8 .k-radio-label:after, html body.yp .yp-portlet .k-ie8 .k-radio-label:before {
    display: none; }
  html body.yp .yp-portlet .k-rtl .k-checkbox-label, html body.yp .yp-portlet .k-rtl .k-radio-label {
    padding-right: 1.5em; }
  html body.yp .yp-portlet .k-rtl .k-checkbox-label:before, html body.yp .yp-portlet .k-rtl .k-radio-label:before {
    right: 0; }
  html body.yp .yp-portlet .k-rtl .k-radio:checked + .k-radio-label:after {
    right: 3px; }
  html body.yp .yp-portlet input.k-checkbox + label {
    -webkit-user-select: none; }
  html body.yp .yp-portlet .k-pdf-export-shadow {
    position: absolute;
    overflow: hidden;
    left: -15000px;
    width: 14400px; }
  html body.yp .yp-portlet .km-native-scroller {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-x pan-y;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity; }
  html body.yp .yp-portlet .k-rpanel-left {
    -webkit-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    left: 0; }
  html body.yp .yp-portlet .k-rpanel-right {
    -webkit-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    right: 0; }
  html body.yp .yp-portlet .k-rpanel-left, html body.yp .yp-portlet .k-rpanel-right {
    position: fixed;
    display: block;
    overflow: auto;
    min-width: 320px;
    height: 100%;
    top: 0; }
  html body.yp .yp-portlet .k-rpanel-left.k-rpanel-expanded, html body.yp .yp-portlet .k-rpanel-right.k-rpanel-expanded {
    -webkit-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  html body.yp .yp-portlet .k-rpanel-left + *, html body.yp .yp-portlet .k-rpanel-right + * {
    overflow: auto; }
  html body.yp .yp-portlet .k-rpanel-top {
    position: static;
    max-height: 0; }
  html body.yp .yp-portlet .k-rpanel-top.k-rpanel-expanded {
    max-height: 568px;
    overflow: visible !important; }
  html body.yp .yp-portlet .k-edit-form {
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-window > div.k-popup-edit-form {
    padding: 1em 0; }
  html body.yp .yp-portlet .k-grid-edit-row .k-edit-form td {
    border-bottom-width: 0; }
  html body.yp .yp-portlet .k-edit-form-container {
    position: relative;
    width: 400px; }
  html body.yp .yp-portlet .k-edit-form-container .editor-label, html body.yp .yp-portlet .k-edit-label {
    float: left;
    clear: both;
    width: 30%;
    padding: .4em 0 1em;
    margin-left: 2%;
    text-align: right; }
  html body.yp .yp-portlet .k-edit-field, html body.yp .yp-portlet .k-edit-form-container .editor-field {
    float: right;
    clear: right;
    width: 60%;
    margin-right: 2%;
    padding: 0 0 .6em; }
  html body.yp .yp-portlet .k-edit-field > input[type=checkbox], html body.yp .yp-portlet .k-edit-field > input[type=radio] {
    margin-top: .4em; }
  html body.yp .yp-portlet .k-edit-form-container .k-button {
    margin: 0 .16em; }
  html body.yp .yp-portlet .k-edit-field > .k-button:first-child, html body.yp .yp-portlet .k-edit-field > input[type=checkbox]:first-child, html body.yp .yp-portlet .k-edit-field > input[type=radio]:first-child, html body.yp .yp-portlet .k-edit-field > label:first-child > input[type=checkbox] {
    margin-left: 0; }
  html body.yp .yp-portlet .k-edit-form-container .k-edit-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em; }
  html body.yp .yp-portlet div.k-window {
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em; }
  html body.yp .yp-portlet .k-block > .k-header, html body.yp .yp-portlet .k-window-titlebar {
    position: absolute;
    width: 100%;
    height: 1.1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2em;
    padding: .4em 0;
    font-size: 1.2em;
    white-space: nowrap;
    min-height: 16px; }
  html body.yp .yp-portlet .k-block > .k-header {
    position: relative;
    margin: -2px 0 10px -2px;
    padding: .3em 2px; }
  html body.yp .yp-portlet .k-window-title {
    position: absolute;
    left: .44em;
    right: .44em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-window-title .k-image {
    margin: 0 5px 0 0;
    vertical-align: middle; }
  html body.yp .yp-portlet div.k-window-titleless {
    padding-top: 0; }
  html body.yp .yp-portlet div.k-window-content {
    position: relative;
    height: 100%;
    padding: .58em;
    overflow: auto;
    outline: 0; }
  html body.yp .yp-portlet div.k-window-iframecontent {
    padding: 0;
    overflow: visible; }
  html body.yp .yp-portlet .k-window-content > .km-scroll-container {
    height: 100%; }
  html body.yp .yp-portlet .k-window-titlebar .k-window-actions {
    position: absolute;
    top: 0;
    right: .3em;
    padding-top: .3em;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-window-titlebar .k-window-action {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    opacity: .7; }
  html body.yp .yp-portlet .k-window-titlebar .k-state-hover {
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    opacity: 1; }
  html body.yp .yp-portlet .k-window-action .k-icon {
    margin: 0;
    vertical-align: top; }
  html body.yp .yp-portlet .k-window > .k-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1; }
  html body.yp .yp-portlet .k-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize; }
  html body.yp .yp-portlet .k-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize; }
  html body.yp .yp-portlet .k-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize; }
  html body.yp .yp-portlet .k-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize; }
  html body.yp .yp-portlet .k-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize; }
  html body.yp .yp-portlet .k-resize-sw {
    bottom: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: sw-resize; }
  html body.yp .yp-portlet .k-resize-ne {
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    cursor: ne-resize; }
  html body.yp .yp-portlet .k-resize-nw {
    top: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: nw-resize; }
  html body.yp .yp-portlet .k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .yp-portlet .k-window .k-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0; }
  html body.yp .yp-portlet .k-action-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em;
    margin: 0 -1em; }
  html body.yp .yp-portlet .k-action-buttons .k-button {
    display: inline-block;
    margin: 0 0 0 6px;
    min-width: 75px; }
  html body.yp .yp-portlet .k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative; }
  html body.yp .yp-portlet .k-tabstrip-items {
    padding: .3em .3em 0; }
  html body.yp .yp-portlet .k-tabstrip-scrollable .k-tabstrip-items {
    white-space: nowrap;
    overflow: hidden; }
  html body.yp .yp-portlet .k-tabstrip > .k-button {
    position: absolute;
    top: .4em;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-button {
    top: auto;
    bottom: .4em; }
  html body.yp .yp-portlet .k-tabstrip-prev {
    left: .4em; }
  html body.yp .yp-portlet .k-tabstrip-next {
    right: .4em; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-item, html body.yp .yp-portlet .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0 -1px 0 0;
    padding: 0;
    vertical-align: top; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 1px; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-top .k-tabstrip-items .k-state-active {
    border-bottom-width: 1px;
    margin-bottom: -2px;
    padding-bottom: 0; }
  html body.yp .yp-portlet .k-tabstrip-items .k-tab-on-top {
    z-index: 1; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-link, html body.yp .yp-portlet .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-icon, html body.yp .yp-portlet .k-tabstrip-items .k-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-item .k-image, html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-item .k-sprite, html body.yp .yp-portlet .k-tabstrip-items .k-item .k-image, html body.yp .yp-portlet .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-tabstrip-items .k-loading {
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: 0 0;
    border-top: 1px solid transparent;
    border-color: inherit;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
    -webkit-transition: "width 200ms linear";
    transition: "width 200ms linear";
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
    animation: k-tab-loader 1s ease-in-out infinite; }
  html body.yp .yp-portlet .k-tabstrip-items .k-progress {
    -webkit-animation: none;
    animation: none; }
  html body.yp .yp-portlet .k-tabstrip-items .k-loading.k-complete {
    width: 100%;
    -webkit-animation: none;
    animation: none; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip > .k-content, html body.yp .yp-portlet .k-tabstrip > .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .286em .3em;
    padding: .92em;
    zoom: 1; }
  html body.yp .yp-portlet .k-tabstrip > .k-content {
    display: none;
    overflow: auto; }
  html body.yp .yp-portlet .k-tabstrip > .k-content.km-scroll-wrapper {
    padding: 0; }
  html body.yp .yp-portlet .k-tabstrip > .k-content > .km-scroll-container {
    padding: .3em .92em; }

@-webkit-keyframes k-tab-loader {
  0% {
    left: 0; }
  50% {
    left: 80%; }
  100% {
    left: 0; } }

@keyframes k-tab-loader {
  0% {
    left: 0; }
  50% {
    left: 80%; }
  100% {
    left: 0; } }
  html body.yp .yp-portlet .k-tabstrip-left > div.k-content, html body.yp .yp-portlet .k-tabstrip-right > div.k-content {
    margin: .286em .3em; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-item, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-item {
    display: block;
    margin-bottom: -1px; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-link, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-link {
    display: block; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 0; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items {
    float: left;
    padding: .25em 0 .3em .3em; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-item {
    border-width: 1px 0 1px 1px;
    border-radius: 3px 0 0 3px; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active {
    border-width: 1px 0 1px 1px; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
    margin-right: -2px;
    padding-right: 1px; }
  html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items {
    float: right;
    padding: .25em .3em .3em 0; }
  html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-item {
    border-width: 1px 1px 1px 0;
    border-radius: 0 3px 3px 0; }
  html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-state-active {
    border-width: 1px 1px 1px 0; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-left: -1px;
    padding-left: 1px; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-tabstrip-items {
    margin-top: -1px;
    padding: 0 .3em .3em; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-bottom > .k-content, html body.yp .yp-portlet .k-tabstrip-bottom > .k-content {
    margin: .3em .286em 0;
    z-index: 1;
    position: relative; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-tabstrip-items .k-item {
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
    margin-bottom: 0;
    padding-bottom: 0; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-content {
    min-height: 100px; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-tabstrip-items .k-loading {
    top: auto;
    bottom: 0; }
  html body.yp .yp-portlet .k-panelbar {
    zoom: 1; }
  html body.yp .yp-portlet .k-panel > .k-item, html body.yp .yp-portlet .k-panelbar > .k-item {
    list-style-type: none;
    display: block;
    border-width: 0;
    margin: 0;
    zoom: 1;
    border-radius: 0; }
  html body.yp .yp-portlet .k-panelbar .k-link > .k-image, html body.yp .yp-portlet .k-panelbar .k-link > .k-sprite {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-panel > .k-item > .k-link, html body.yp .yp-portlet .k-panelbar > .k-item > .k-link {
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0 1em;
    line-height: 2.34em;
    text-decoration: none;
    zoom: 1; }
  html body.yp .yp-portlet .k-panelbar-collapse, html body.yp .yp-portlet .k-panelbar-expand {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px; }
  html body.yp .yp-portlet .k-panelbar .k-content, html body.yp .yp-portlet .k-panelbar .k-panel {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1; }
  html body.yp .yp-portlet .k-panel > .k-item > .k-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2; }
  html body.yp .yp-portlet .k-panel .k-panel > .k-item > .k-link {
    padding-left: 2em; }
  html body.yp .yp-portlet .k-panelbar .k-i-seek-e .k-link {
    border-bottom: 0; }
  html body.yp .yp-portlet .k-panel .k-panel {
    border-bottom: 0; }
  html body.yp .yp-portlet .k-menu {
    cursor: default; }
  html body.yp .yp-portlet .k-menu, html body.yp .yp-portlet .k-menu .k-menu-group {
    list-style: none;
    margin: 0;
    padding: 0;
    zoom: 1; }
  html body.yp .yp-portlet .k-menu:after {
    content: '';
    display: block;
    width: 99%;
    height: 0;
    float: inherit;
    clear: both; }
  html body.yp .yp-portlet .k-menu .k-item {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-menu .k-item div {
    -webkit-user-select: default;
    -moz-user-select: default;
    -ms-user-select: default;
    user-select: default; }
  html body.yp .yp-portlet .k-menu .k-item .k-item, html body.yp .yp-portlet ul.k-menu-vertical > .k-item {
    display: block;
    float: none;
    border-width: 0; }
  html body.yp .yp-portlet .k-menu .k-image, html body.yp .yp-portlet .k-menu .k-item > .k-link > .k-icon, html body.yp .yp-portlet .k-menu .k-sprite {
    margin: -2px 4px 0 -4px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-menu .k-item > .k-link > .k-icon {
    margin: -2px 0 0; }
  html body.yp .yp-portlet .k-menu .k-item > .k-link {
    display: block;
    padding: 1.071em;
    line-height: 1.34em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-menu .k-menu-group {
    display: none;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-menu .k-menu-group > .k-item {
    display: block;
    border-width: 0; }
  html body.yp .yp-portlet .k-menu .k-item, html body.yp .yp-portlet .k-widget.k-menu-horizontal > .k-item {
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
    zoom: 1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .k-context-menu.k-menu-vertical > .k-item > .k-link, html body.yp .yp-portlet .k-menu .k-menu-group .k-item > .k-link {
    padding: .28em 1.8em .38em .9em; }
  html body.yp .yp-portlet .k-context-menu.k-menu-horizontal > .k-separator {
    display: none; }
  html body.yp .yp-portlet .k-context-menu.k-menu-horizontal > .k-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-context-menu.k-menu-horizontal > .k-last {
    border: 0; }
  html body.yp .yp-portlet .k-menu .k-item > .k-link > .k-i-arrow-s {
    margin-right: -8px; }
  html body.yp .yp-portlet .k-menu .k-item > .k-link > .k-i-arrow-e {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px;
    right: .2rem; }
  html body.yp .yp-portlet .k-menu .k-animation-container {
    border: 0; }
  html body.yp .yp-portlet .k-menu .k-animation-container, html body.yp .yp-portlet .k-menu .k-menu-group {
    position: absolute;
    left: 0; }
  html body.yp .yp-portlet .k-menu .k-animation-container .k-animation-container, html body.yp .yp-portlet .k-menu .k-menu-group .k-menu-group, html body.yp .yp-portlet .k-menu-vertical .k-animation-container, html body.yp .yp-portlet .k-menu-vertical .k-menu-group {
    top: 0;
    left: 0; }
  html body.yp .yp-portlet .k-menu .k-animation-container .k-menu-group {
    top: auto;
    left: auto;
    margin-left: -1px; }
  html body.yp .yp-portlet .k-menu .k-animation-container, html body.yp .yp-portlet .k-popup .k-animation-container {
    margin-top: -1px;
    padding-left: 1px; }
  html body.yp .yp-portlet .k-ie .k-menu .k-animation-container, html body.yp .yp-portlet .k-ie .k-popup .k-animation-container {
    margin-top: -2px; }
  html body.yp .yp-portlet .k-popup .k-animation-container .k-popup {
    margin-left: -1px; }
  html body.yp .yp-portlet ul.k-menu .k-separator {
    padding: .25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0; }
  html body.yp .yp-portlet .k-menu .k-menu-group .k-separator, html body.yp .yp-portlet ul.k-menu-vertical .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-grid, html body.yp .yp-portlet .k-listview {
    position: relative;
    zoom: 1; }
  html body.yp .yp-portlet .k-grid table {
    width: 100%;
    margin: 0;
    max-width: none;
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    border-width: 0;
    outline: 0; }
  html body.yp .yp-portlet .k-header.k-drag-clue {
    overflow: hidden; }
  html body.yp .yp-portlet .k-filter-row th, html body.yp .yp-portlet .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left; }
  html body.yp .yp-portlet .k-grid-header th.k-header {
    vertical-align: bottom; }
  html body.yp .yp-portlet .k-filtercell, html body.yp .yp-portlet .k-filtercell .k-widget, html body.yp .yp-portlet .k-filtercell > span {
    display: block;
    width: auto; }
  html body.yp .yp-portlet .k-filtercell > span {
    padding-right: 4.8em;
    position: relative;
    min-height: 2em;
    line-height: 2em; }
  html body.yp .yp-portlet .k-filtercell > .k-operator-hidden {
    padding-right: 2.3em; }
  html body.yp .yp-portlet .k-filter-row .k-dropdown-operator, html body.yp .yp-portlet .k-filtercell > span > .k-button {
    position: absolute;
    top: 0;
    right: 0; }
  html body.yp .yp-portlet .k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: 2.5em; }
  html body.yp .yp-portlet .k-filtercell > span > label {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-filter-row label > input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 2px; }
  html body.yp .yp-portlet .k-ie10 .k-grid-header a:active {
    background-color: transparent; }
  html body.yp .yp-portlet .k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .6em .4em 0;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-grid-header th.k-with-icon .k-link {
    margin-right: 18px; }
  html body.yp .yp-portlet .k-grid-header th.k-header .k-icon {
    position: static; }
  html body.yp .yp-portlet .k-grid-header th > .k-link > .k-icon {
    vertical-align: text-top; }
  html body.yp .yp-portlet .k-grid .k-state-hover {
    cursor: pointer; }
  html body.yp .yp-portlet .k-grid-column-resizing, html body.yp .yp-portlet .k-grid-column-resizing .k-button, html body.yp .yp-portlet .k-grid-column-resizing .k-grid-filter, html body.yp .yp-portlet .k-grid-column-resizing .k-grid-toolbar, html body.yp .yp-portlet .k-grid-column-resizing .k-link {
    cursor: col-resize; }
  html body.yp .yp-portlet .k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-grid .k-grouping-row td, html body.yp .yp-portlet .k-grid .k-hierarchy-cell {
    overflow: visible; }
  html body.yp .yp-portlet .k-grid-edit-row td {
    text-overflow: clip; }
  html body.yp .yp-portlet .k-grid-edit-row .k-textbox, html body.yp .yp-portlet .k-grid-edit-row .text-box {
    margin-top: 0;
    margin-bottom: 0; }
  html body.yp .yp-portlet .k-grid-footer-wrap, html body.yp .yp-portlet .k-grid-header-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1; }
  html body.yp .yp-portlet div.k-grid-footer, html body.yp .yp-portlet div.k-grid-header {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1; }
  html body.yp .yp-portlet .k-grid-header-locked > table, html body.yp .yp-portlet .k-grid-header-wrap > table {
    margin-bottom: -1px; }
  html body.yp .yp-portlet .k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    min-height: 0; }
  html body.yp .yp-portlet .k-mobile .k-grid tbody {
    -webkit-backface-visibility: hidden; }
  html body.yp .yp-portlet .k-mobile .k-grid-backface tbody {
    -webkit-backface-visibility: visible; }
  html body.yp .yp-portlet .k-grid-content-expander {
    position: absolute;
    visibility: hidden;
    height: 1px; }
  html body.yp .yp-portlet .k-grid-norecords {
    width: 100%;
    height: 100%;
    text-align: center; }
  html body.yp .yp-portlet .k-grid-norecords-template {
    width: 20em;
    height: 4em;
    line-height: 4em;
    vertical-align: middle;
    margin: 0 auto; }
  html body.yp .yp-portlet .k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
    top: 50%;
    left: 50%;
    margin-left: -10em;
    margin-top: -2em;
    position: absolute; }
  @media print {
    html body.yp .yp-portlet .k-grid {
      height: auto !important; }
    html body.yp .yp-portlet .k-grid-header {
      padding: 0 !important; }
    html body.yp .yp-portlet .k-grid-content, html body.yp .yp-portlet .k-grid-header-wrap {
      overflow: visible;
      height: auto !important; } }
  html body.yp .yp-portlet .k-grid .k-scrollbar {
    -ms-overflow-style: scrollbar; }
  html body.yp .yp-portlet .k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative; }
  html body.yp .yp-portlet .k-grid-content table, html body.yp .yp-portlet .k-grid-content-locked > table, html body.yp .yp-portlet .k-grid-footer table, html body.yp .yp-portlet .k-grid-header table {
    table-layout: fixed; }
  html body.yp .yp-portlet .k-grid-lockedcolumns {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-grid-content, html body.yp .yp-portlet .k-grid-content-locked, html body.yp .yp-portlet .k-pager-wrap {
    white-space: normal; }
  html body.yp .yp-portlet .k-grid-content-locked, html body.yp .yp-portlet .k-grid-footer-locked, html body.yp .yp-portlet .k-grid-header-locked {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0; }
  html body.yp .yp-portlet .k-grid-content-locked + .k-grid-content, html body.yp .yp-portlet .k-grid-footer-locked + .k-grid-footer-wrap, html body.yp .yp-portlet .k-grid-header-locked + .k-grid-header-wrap {
    display: inline-block;
    vertical-align: top; }
  html body.yp .yp-portlet .k-grid-toolbar {
    border-style: solid;
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-filter-row > th:first-child, html body.yp .yp-portlet .k-grid tbody td:first-child, html body.yp .yp-portlet .k-grid tfoot td:first-child, html body.yp .yp-portlet .k-grid-header th.k-header:first-child {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-grid-header th.k-header.k-first {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-grid-toolbar:first-child, html body.yp .yp-portlet .k-grouping-header + .k-grid-toolbar {
    border-width: 0 0 1px; }
  html body.yp .yp-portlet .k-footer-template td {
    border-style: solid;
    border-width: 1px 0 0 1px; }
  html body.yp .yp-portlet .k-group-footer td {
    border-style: solid;
    border-width: 1px 0; }
  html body.yp .yp-portlet .k-group-footer .k-group-cell + td {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-grid-footer {
    border-style: solid;
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-grid-footer td {
    border-top-width: 0; }
  html body.yp .yp-portlet .k-grid-footer > td {
    border-top-width: 1px; }
  html body.yp .yp-portlet .k-pager-wrap {
    clear: both;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 1px;
    line-height: 2em;
    padding: .333em 0 .333em .25em; }
  html body.yp .yp-portlet .k-grid-pager {
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-pager-numbers .k-link, html body.yp .yp-portlet .k-pager-numbers .k-state-selected {
    display: inline-block;
    vertical-align: top;
    margin-right: 1px; }
  html body.yp .yp-portlet .k-pager-numbers {
    margin: 0 2px; }
  html body.yp .yp-portlet .k-pager-numbers .k-state-selected {
    vertical-align: top; }
  html body.yp .yp-portlet .k-pager-numbers .k-current-page {
    display: none; }
  html body.yp .yp-portlet .k-pager-input, html body.yp .yp-portlet .k-pager-numbers li {
    float: left; }
  html body.yp .yp-portlet .k-grid .k-pager-numbers {
    float: left;
    cursor: default; }
  html body.yp .yp-portlet .k-widget.k-grid .k-pager-numbers {
    position: relative; }
  html body.yp .yp-portlet .k-pager-info {
    float: right;
    padding: 0 1.333em; }
  html body.yp .yp-portlet .k-pager-numbers .k-link {
    text-decoration: none; }
  html body.yp .yp-portlet .k-pager-numbers .k-link, html body.yp .yp-portlet .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-pager-wrap > .k-link {
    min-width: 2em; }
  html body.yp .yp-portlet .k-pager-wrap > .k-link {
    float: left;
    margin: 0 .08333em;
    height: 2em;
    line-height: 2em;
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center; }
  html body.yp .yp-portlet .k-pager-wrap > a.k-state-disabled:hover {
    background: 0 0;
    cursor: default; }
  html body.yp .yp-portlet .k-pager-numbers .k-link {
    text-align: center;
    line-height: 2em;
    border-style: solid;
    border-width: 1px;
    border-radius: 1.0833em; }
  html body.yp .yp-portlet .k-pager-wrap > .k-link {
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .k-pager-wrap .k-pager-refresh {
    float: right;
    margin-right: .5em;
    border-width: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em; }
  html body.yp .yp-portlet .k-pager-wrap .k-textbox {
    width: 3.333em; }
  html body.yp .yp-portlet .k-pager-wrap .k-dropdown {
    width: 4.5em; }
  html body.yp .yp-portlet .k-pager-refresh {
    float: right; }
  html body.yp .yp-portlet .k-pager-input, html body.yp .yp-portlet .k-pager-sizes {
    padding: 0 1.4166em; }
  html body.yp .yp-portlet .k-pager-sizes {
    display: inline-block;
    padding-top: 1px; }
  html body.yp .yp-portlet .k-pager-sizes .k-widget.k-dropdown {
    margin-top: -2px; }
  html body.yp .yp-portlet .k-pager-wrap .k-textbox, html body.yp .yp-portlet .k-pager-wrap .k-widget {
    margin: 0 .4em 0; }
  html body.yp .yp-portlet .k-header > .k-grid-filter, html body.yp .yp-portlet .k-header > .k-header-column-menu {
    float: right;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1; }
  html body.yp .yp-portlet .k-grid .k-animation-container {
    position: absolute; }
  html body.yp .yp-portlet .k-filter-menu {
    padding: .5em; }
  html body.yp .yp-portlet .k-list-filter {
    display: block; }
  html body.yp .yp-portlet form.k-filter-menu .k-textbox, html body.yp .yp-portlet form.k-filter-menu .k-widget {
    display: block; }
  html body.yp .yp-portlet form.k-filter-menu .k-textbox {
    width: 100%;
    margin-bottom: 3px; }
  html body.yp .yp-portlet .k-filter-help-text, html body.yp .yp-portlet .k-filter-menu .k-textbox, html body.yp .yp-portlet .k-filter-menu .k-widget {
    margin: .19em 0 0; }
  html body.yp .yp-portlet .k-filter-menu span.k-filter-and {
    width: 6em;
    margin: .5em 0 .5em; }
  html body.yp .yp-portlet .k-filter-menu .k-button {
    width: 48%;
    margin: .5em 4% 0 0; }
  html body.yp .yp-portlet .k-filter-menu .k-button + .k-button {
    margin-right: 0; }
  html body.yp .yp-portlet .k-filter-menu .k-filter-selected-items {
    font-weight: 700;
    margin: .5em; }
  html body.yp .yp-portlet .k-multicheck-wrap {
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap;
    max-height: 300px; }
  html body.yp .yp-portlet .k-multicheck-wrap .k-item {
    line-height: 2.2em; }
  html body.yp .yp-portlet .k-grouping-row .k-icon {
    margin: -3px 4px 0 2px; }
  html body.yp .yp-portlet .k-grouping-row p {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.6em;
    padding: 0 .6em; }
  html body.yp .yp-portlet .k-grouping-row + tr td {
    border-top-width: 1px; }
  html body.yp .yp-portlet .k-grouping-row .k-group-cell, html body.yp .yp-portlet .k-grouping-row + tr .k-group-cell {
    border-top-width: 0;
    text-overflow: none; }
  html body.yp .yp-portlet .k-grid .k-hierarchy-cell + td {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-grid .k-group-col, html body.yp .yp-portlet .k-grid .k-hierarchy-col {
    width: 27px; }
  html body.yp .yp-portlet .k-grouping-header {
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  html body.yp .yp-portlet .k-grouping-header {
    line-height: 2; }
  html body.yp .yp-portlet .k-grouping-dropclue {
    position: absolute;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px; }
  html body.yp .yp-portlet .k-grouping-header .k-group-indicator {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
    line-height: 1.5em; }
  html body.yp .yp-portlet .k-grouping-header .k-link {
    display: inline-block;
    border-width: 0;
    padding: 0;
    line-height: normal;
    text-decoration: none; }
  html body.yp .yp-portlet .k-grouping-header .k-button {
    border: 0;
    padding: 0;
    background: 0 0;
    line-height: 1; }
  html body.yp .yp-portlet .k-grouping-header .k-link .k-icon {
    margin: 0 0 0 -3px; }
  html body.yp .yp-portlet .k-grouping-header .k-button .k-icon {
    margin: 0 0 0 3px; }
  html body.yp .yp-portlet .k-grouping-header .k-button, html body.yp .yp-portlet .k-grouping-header a {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-dirty-cell:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    float: left; }
  html body.yp .yp-portlet .k-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: red transparent transparent red;
    margin: -.45em 0 0 -.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top; }
  html body.yp .yp-portlet .k-grid-toolbar, html body.yp .yp-portlet .k-grouping-header {
    margin: 0;
    padding: .429em .2em .429em 1em;
    cursor: default; }
  html body.yp .yp-portlet .k-grid .k-edit-container {
    padding: 0; }
  html body.yp .yp-portlet .k-grid .field-validation-error {
    display: block; }
  html body.yp .yp-portlet .k-grid .input-validation-error {
    border-style: ridge;
    border-color: red;
    background-color: pink; }
  html body.yp .yp-portlet .k-grid-toolbar .k-button {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-grid-actions {
    display: inline-block; }
  html body.yp .yp-portlet .k-grid .k-button {
    margin: 0 .16em; }
  html body.yp .yp-portlet .k-grid tbody .k-button, html body.yp .yp-portlet .k-ie8 .k-grid tbody button.k-button {
    min-width: 64px; }
  html body.yp .yp-portlet .k-grid tbody button.k-button {
    min-width: 78px; }
  html body.yp .yp-portlet html body .k-grid tbody .k-button-icon {
    width: auto;
    min-width: 0; }
  html body.yp .yp-portlet .k-detail-row {
    position: relative; }
  html body.yp .yp-portlet .k-grid .k-detail-cell {
    overflow: visible; }
  html body.yp .yp-portlet .k-grid .k-edit-cell {
    padding: 0 .3em;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-grid .k-edit-cell .k-tooltip {
    white-space: normal; }
  html body.yp .yp-portlet .k-edit-cell > .k-textbox, html body.yp .yp-portlet .k-edit-cell > .k-widget, html body.yp .yp-portlet .k-grid-edit-row > td > .k-textbox, html body.yp .yp-portlet .k-grid-edit-row > td > .k-widget, html body.yp .yp-portlet .k-grid-edit-row > td > .text-box {
    width: 100%; }
  html body.yp .yp-portlet html .k-edit-cell .k-tooltip, html body.yp .yp-portlet html .k-grid-edit-row .k-tooltip {
    width: auto;
    max-width: 300px; }
  html body.yp .yp-portlet .k-edit-cell input[type=checkbox] {
    margin-left: .6em; }
  html body.yp .yp-portlet .k-grid tbody td > .k-grid-delete {
    margin-top: -.2em;
    margin-bottom: -.2em; }
  html body.yp .yp-portlet .k-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa; }
  html body.yp .yp-portlet .k-grid-header .k-resize-handle, html body.yp .yp-portlet .k-grid > .k-resize-handle {
    position: absolute;
    height: 25px;
    cursor: col-resize;
    z-index: 2; }
  html body.yp .yp-portlet .k-marquee {
    position: absolute;
    z-index: 100000; }
  html body.yp .yp-portlet .k-marquee-color, html body.yp .yp-portlet .k-marquee-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-marquee-color {
    filter: alpha(opacity=60);
    opacity: .6; }
  html body.yp .yp-portlet .k-ie9 .k-column-menu {
    width: 160px; }
  html body.yp .yp-portlet .k-ie8 .k-grid-filter, html body.yp .yp-portlet .k-ie8 .k-header-column-menu {
    font-size: 100%; }
  html body.yp .yp-portlet .k-column-menu {
    min-width: 160px; }
  html body.yp .yp-portlet .k-column-menu .k-sprite {
    margin-right: 10px; }
  html body.yp .yp-portlet .k-column-menu > .k-menu {
    border-width: 0; }
  html body.yp .yp-portlet .k-column-menu .k-calendar .k-link {
    white-space: normal; }
  html body.yp .yp-portlet .k-columns-item .k-group {
    max-height: 200px;
    overflow: auto; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-grid, html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-content, html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-content-locked {
    height: auto !important;
    overflow: visible; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-content-locked + .k-grid-content, html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap, html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap {
    width: auto !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-footer, html body.yp .yp-portlet .k-pdf-export-shadow .k-grid-header {
    padding: 0 !important; }
  html body.yp .yp-portlet .k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100; }
  html body.yp .yp-portlet .k-loading-pdf-mask .k-loading-color {
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .yp-portlet .k-loading-pdf-mask .k-loading-pdf-progress {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  html body.yp .yp-portlet .k-pdf-export .k-loading-pdf-mask {
    display: none; }
  html body.yp .yp-portlet .k-autofitting {
    width: auto !important;
    table-layout: auto !important; }
  html body.yp .yp-portlet .k-autofitting td, html body.yp .yp-portlet .k-autofitting th.k-header {
    white-space: nowrap !important; }
  html body.yp .yp-portlet .k-autofitting .k-detail-row {
    display: none !important; }
  @media only screen and (max-width: 1024px) {
    html body.yp .yp-portlet .k-edge .k-pager-wrap, html body.yp .yp-portlet .k-ff .k-pager-wrap, html body.yp .yp-portlet .k-ie11 .k-pager-wrap, html body.yp .yp-portlet .k-safari .k-pager-wrap, html body.yp .yp-portlet .k-webkit .k-pager-wrap {
      overflow: visible;
      min-height: 2.1em; }
    html body.yp .yp-portlet .k-edge .k-pager-input, html body.yp .yp-portlet .k-edge .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-ff .k-pager-input, html body.yp .yp-portlet .k-ff .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-ie11 .k-pager-input, html body.yp .yp-portlet .k-ie11 .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-safari .k-pager-input, html body.yp .yp-portlet .k-safari .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-webkit .k-pager-input, html body.yp .yp-portlet .k-webkit .k-pager-wrap .k-pager-nav {
      display: inline-block;
      vertical-align: top; }
    html body.yp .yp-portlet .k-edge .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-edge .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-pager-numbers {
      position: absolute;
      left: 4.8em;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      overflow: visible;
      height: auto; }
    html body.yp .yp-portlet .k-edge .k-grid .k-pager-numbers:first-child, html body.yp .yp-portlet .k-edge .k-pager-numbers:first-child, html body.yp .yp-portlet .k-ff .k-grid .k-pager-numbers:first-child, html body.yp .yp-portlet .k-ff .k-pager-numbers:first-child, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-numbers:first-child, html body.yp .yp-portlet .k-ie11 .k-pager-numbers:first-child, html body.yp .yp-portlet .k-safari .k-grid .k-pager-numbers:first-child, html body.yp .yp-portlet .k-safari .k-pager-numbers:first-child, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-numbers:first-child, html body.yp .yp-portlet .k-webkit .k-pager-numbers:first-child {
      left: .2em; }
    html body.yp .yp-portlet .k-edge .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ff .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded {
      -ms-transform: translatey(-100%);
      transform: translatey(-100%);
      -webkit-transform: translatey(-100%); }
    html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-numbers {
      position: relative;
      left: 50%;
      -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
      -webkit-transform: translate(-50%, -100%); }
    html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
      padding-top: 0;
      padding-bottom: 0; }
    html body.yp .yp-portlet .k-edge .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-edge .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-rtl .k-pager-numbers {
      left: auto;
      right: 4.8em;
      width: 4.5em; }
    html body.yp .yp-portlet .k-edge .k-rtl .k-grid .k-pager-numbers:first-child, html body.yp .yp-portlet .k-edge .k-rtl .k-pager-numbers:first-child, html body.yp .yp-portlet .k-ff .k-rtl .k-grid .k-pager-numbers:first-child, html body.yp .yp-portlet .k-ff .k-rtl .k-pager-numbers:first-child, html body.yp .yp-portlet .k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child, html body.yp .yp-portlet .k-ie11 .k-rtl .k-pager-numbers:first-child, html body.yp .yp-portlet .k-safari .k-rtl .k-grid .k-pager-numbers:first-child, html body.yp .yp-portlet .k-safari .k-rtl .k-pager-numbers:first-child, html body.yp .yp-portlet .k-webkit .k-rtl .k-grid .k-pager-numbers:first-child, html body.yp .yp-portlet .k-webkit .k-rtl .k-pager-numbers:first-child {
      left: auto;
      right: .2em; }
    html body.yp .yp-portlet .k-edge .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-edge .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers {
      right: 5.8em; }
    html body.yp .yp-portlet .k-edge .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-edge .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ff .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ff .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-safari .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-current-page {
      display: block;
      border-left: 0; }
    html body.yp .yp-portlet .k-edge .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
      -ms-transform: translatey(100%);
      transform: translatey(100%);
      -webkit-transform: translatey(100%); }
    html body.yp .yp-portlet .k-edge .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-ff .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-ie11 .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-safari .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-webkit .k-pager-numbers li:not(.k-current-page) {
      display: none; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-ff .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-current-page .k-link {
      width: 3.2em;
      padding: 0 .429em 0 .714em;
      border-radius: 1.0833em; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-ff .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers + .k-link {
      margin-left: 4.8em; }
    html body.yp .yp-portlet .k-edge .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-ff .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-ie11 .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-safari .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-webkit .k-rtl .k-pager-numbers + .k-link {
      margin-right: 5.1em;
      margin-left: 0; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers .k-link, html body.yp .yp-portlet .k-edge .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ff .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ff .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-state-selected {
      display: block;
      margin-right: 0;
      padding: 1px 5px 1px 5px;
      text-align: left; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 2px 2px 0; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
      margin: -2em -3px 0;
      padding: 0; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
      border-radius: 0 0 1.0833em 1.0833em; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded li {
      display: inline-block; } }
  @media only screen and (max-width: 640px) {
    html body.yp .yp-portlet .k-edge .k-pager-info, html body.yp .yp-portlet .k-ff .k-pager-info, html body.yp .yp-portlet .k-ie11 .k-pager-info, html body.yp .yp-portlet .k-safari .k-pager-info, html body.yp .yp-portlet .k-webkit .k-pager-info {
      display: none; } }
  @media only screen and (max-width: 480px) {
    html body.yp .yp-portlet .k-edge .k-pager-sizes, html body.yp .yp-portlet .k-ff .k-pager-sizes, html body.yp .yp-portlet .k-ie11 .k-pager-sizes, html body.yp .yp-portlet .k-safari .k-pager-sizes, html body.yp .yp-portlet .k-webkit .k-pager-sizes {
      display: none; } }
  html body.yp .yp-portlet .k-treelist .k-status {
    padding: .4em .6em;
    line-height: 1.6em; }
  html body.yp .yp-portlet .k-treelist .k-status .k-loading {
    vertical-align: baseline;
    margin-right: 5px; }
  html body.yp .yp-portlet .k-treelist tr.k-hidden {
    display: none; }
  html body.yp .yp-portlet .k-treelist.k-treelist-dragging, html body.yp .yp-portlet .k-treelist.k-treelist-dragging .k-state-hover {
    cursor: default; }
  html body.yp .yp-portlet .k-treelist .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat; }
  html body.yp .yp-portlet .k-drag-separator {
    display: inline-block;
    border-right: 1px solid;
    height: 1em;
    vertical-align: top;
    margin: 0 .5em; }
  html body.yp .yp-portlet .k-gantt {
    white-space: nowrap;
    position: relative; }
  html body.yp .yp-portlet .k-gantt-layout {
    display: inline-block;
    white-space: normal;
    vertical-align: top; }
  html body.yp .yp-portlet .k-gantt .k-splitbar {
    position: relative;
    cursor: e-resize;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y; }
  html body.yp .yp-portlet .k-gantt .k-gantt-layout th {
    vertical-align: bottom; }
  html body.yp .yp-portlet .k-gantt td {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top; }
  html body.yp .yp-portlet .k-gantt .k-grid .k-edit-cell {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-gantt-timeline > .k-timeline, html body.yp .yp-portlet .k-gantt-treelist > .k-treelist {
    border-width: 0;
    height: 100%; }
  html body.yp .yp-portlet .k-gantt-toolbar {
    border-style: solid;
    border-width: 0 0 1px;
    line-height: 2.4em;
    padding: .5em; }
  html body.yp .yp-portlet .k-gantt-layout + .k-gantt-toolbar {
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-gantt-actions, html body.yp .yp-portlet .k-gantt-toolbar > ul {
    float: left;
    margin-right: .6em; }
  html body.yp .yp-portlet .k-gantt-actions > .k-button {
    margin-right: .5em;
    vertical-align: top; }
  html body.yp .yp-portlet .k-gantt-toolbar > .k-gantt-views {
    float: right;
    margin-right: 0; }
  html body.yp .yp-portlet .k-gantt-toolbar > .k-gantt-views > li.k-current-view {
    display: none; }
  html body.yp .yp-portlet .k-gantt-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0; }
  html body.yp .yp-portlet .k-gantt-toolbar > ul > li:first-child + li {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-gantt-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em; }
  html body.yp .yp-portlet .k-gantt-toolbar li:first-child + li, html body.yp .yp-portlet .k-gantt-toolbar li:first-child + li > .k-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  html body.yp .yp-portlet .k-gantt-toolbar li:last-child, html body.yp .yp-portlet .k-gantt-toolbar li:last-child > .k-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  html body.yp .yp-portlet .k-gantt-toolbar li.k-button {
    line-height: inherit;
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .yp-portlet .k-gantt-treelist .k-grid-header tr {
    height: 5em; }
  html body.yp .yp-portlet .k-gantt .k-treelist .k-grid-header {
    padding: 0 !important; }
  html body.yp .yp-portlet .k-gantt .k-treelist .k-grid-content {
    overflow-y: hidden;
    overflow-x: scroll; }
  html body.yp .yp-portlet .k-treelist-group > tr > span {
    font-weight: 700; }
  html body.yp .yp-portlet .k-treelist-group .k-widget {
    font-weight: 400; }
  html body.yp .yp-portlet .k-gantt-timeline .k-grid-header tr {
    height: 2.5em; }
  html body.yp .yp-portlet .k-gantt-tasks {
    position: relative; }
  html body.yp .yp-portlet .k-gantt .k-grid-content tr, html body.yp .yp-portlet .k-gantt-rows tr, html body.yp .yp-portlet .k-gantt-tasks tr {
    height: 2.3em; }
  html body.yp .yp-portlet .k-gantt .k-gantt-tasks td:after {
    content: "\a0"; }
  html body.yp .yp-portlet .k-gantt-timeline {
    background: 0 0; }
  html body.yp .yp-portlet .k-gantt-columns, html body.yp .yp-portlet .k-gantt-dependencies, html body.yp .yp-portlet .k-gantt-rows {
    position: absolute;
    top: 0;
    left: 0; }
  html body.yp .yp-portlet .k-gantt-tables {
    position: relative; }
  html body.yp .yp-portlet .k-gantt .k-timeline .k-grid-content {
    overflow-x: scroll; }
  html body.yp .yp-portlet .k-gantt .k-gantt-timeline th {
    text-align: center; }
  html body.yp .yp-portlet .k-gantt .k-gantt-timeline tr:first-child th {
    border-bottom-width: 1px; }
  html body.yp .yp-portlet .k-task-summary {
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px; }
  html body.yp .yp-portlet .k-task-summary-complete {
    height: 10px;
    position: relative;
    z-index: 2; }
  html body.yp .yp-portlet .k-task-summary-progress {
    height: 15px;
    overflow: hidden; }
  html body.yp .yp-portlet .k-task-summary-complete:after, html body.yp .yp-portlet .k-task-summary-complete:before, html body.yp .yp-portlet .k-task-summary:after, html body.yp .yp-portlet .k-task-summary:before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: transparent; }
  html body.yp .yp-portlet .k-task-summary-complete:before, html body.yp .yp-portlet .k-task-summary:before {
    left: 0;
    border-left-color: inherit; }
  html body.yp .yp-portlet .k-task-summary-complete:after, html body.yp .yp-portlet .k-task-summary:after {
    right: 0;
    border-right-color: inherit; }
  html body.yp .yp-portlet .k-line-h, html body.yp .yp-portlet .k-line-v {
    position: absolute; }
  html body.yp .yp-portlet .k-line-h {
    height: 2px; }
  html body.yp .yp-portlet .k-line-v {
    width: 2px; }
  html body.yp .yp-portlet .k-arrow-e, html body.yp .yp-portlet .k-arrow-w {
    position: absolute;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px; }
  html body.yp .yp-portlet .k-arrow-e {
    right: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent; }
  html body.yp .yp-portlet .k-arrow-w {
    left: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  html body.yp .yp-portlet .k-task-milestone {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  html body.yp .yp-portlet .k-ie8 .k-task-milestone {
    margin-left: 1px; }
  html body.yp .yp-portlet .k-gantt .k-gantt-tasks .k-button-icon, html body.yp .yp-portlet .k-gantt .k-gantt-treelist .k-button {
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .yp-portlet .k-gantt .k-gantt-tasks .k-button-icon {
    margin-top: 4px; }
  html body.yp .yp-portlet .k-gantt .k-gantt-treelist .k-button {
    margin-top: -4px;
    margin-bottom: -2px; }
  html body.yp .yp-portlet .k-gantt .k-gantt-tasks .k-button-icon {
    padding-left: 2px;
    padding-right: 2px; }
  html body.yp .yp-portlet .k-gantt .k-gantt-tasks .k-button .k-icon, html body.yp .yp-portlet .k-gantt .k-gantt-treelist .k-button .k-icon {
    vertical-align: text-top; }
  html body.yp .yp-portlet .k-rel .k-button-icon {
    position: absolute;
    left: 200px; }
  html body.yp .yp-portlet .k-rel {
    position: relative;
    height: 0;
    top: -.3em; }
  html body.yp .yp-portlet .k-task-wrap {
    position: absolute;
    padding: 0 23px 5px;
    margin: -1px -23px 0;
    z-index: 2; }
  html body.yp .yp-portlet .k-line.k-state-selected, html body.yp .yp-portlet .k-task-wrap:hover {
    z-index: 3; }
  html body.yp .yp-portlet .k-milestone-wrap {
    margin: 0 -13px 0 -27px; }
  html body.yp .yp-portlet .k-task-content {
    position: relative;
    z-index: 2; }
  html body.yp .yp-portlet .k-task-complete {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    z-index: 1; }
  html body.yp .yp-portlet .k-task-dot {
    position: absolute;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: none;
    cursor: pointer; }
  html body.yp .yp-portlet .k-task-dot.k-state-hover {
    background-color: transparent; }
  html body.yp .yp-portlet .k-task-single + .k-task-dot, html body.yp .yp-portlet .k-task-single + .k-task-dot + .k-task-dot {
    top: .2em; }
  html body.yp .yp-portlet .k-task-wrap-active .k-task-dot, html body.yp .yp-portlet .k-task-wrap:hover .k-task-dot {
    display: block; }
  html body.yp .yp-portlet .k-task-dot:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 16px; }
  html body.yp .yp-portlet .k-task-dot:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-left: 4px; }
  html body.yp .yp-portlet .k-task-dot.k-state-hover:after, html body.yp .yp-portlet .k-task-dot:hover:after, html body.yp .yp-portlet .k-task-wrap-active .k-task-dot:after {
    border-style: solid;
    border-width: 1px;
    margin-left: 3px; }
  html body.yp .yp-portlet .k-task-start {
    left: 0; }
  html body.yp .yp-portlet .k-task-end {
    right: 0; }
  html body.yp .yp-portlet .k-task-single {
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden;
    cursor: default;
    min-height: 1.3em;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-task-template {
    padding: .2em 1.4em .2em .6em;
    line-height: normal; }
  html body.yp .yp-portlet .k-task-actions, html body.yp .yp-portlet .k-task-content > .k-link {
    position: absolute;
    top: 0;
    right: 4px;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-task-actions {
    z-index: 1; }
  html body.yp .yp-portlet .k-task-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px; }
  html body.yp .yp-portlet .k-webkit .k-task-actions:first-child {
    margin-top: 3px; }
  html body.yp .yp-portlet .k-task-actions:first-child > .k-link {
    display: inline-block; }
  html body.yp .yp-portlet .k-task-delete {
    display: none; }
  html body.yp .yp-portlet .k-task-wrap-active .k-task-delete, html body.yp .yp-portlet .k-task-wrap:hover .k-task-delete {
    display: inline-block; }
  html body.yp .yp-portlet .k-task-single .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2;
    height: auto; }
  html body.yp .yp-portlet .k-task-single:hover .k-resize-handle, html body.yp .yp-portlet .k-task-wrap-active .k-resize-handle {
    visibility: visible; }
  html body.yp .yp-portlet .k-task-single .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .yp-portlet .k-task-content > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .yp-portlet .k-task-content > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .yp-portlet .k-task-content > .k-resize-e:after, html body.yp .yp-portlet .k-task-content > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px; }
  html body.yp .yp-portlet .k-task-content > .k-resize-e:after {
    left: auto;
    right: 1px; }
  html body.yp .yp-portlet .k-task-draghandle {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 16px;
    border-width: 5px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: none;
    cursor: e-resize; }
  html body.yp .yp-portlet .k-task-wrap-active .k-task-draghandle, html body.yp .yp-portlet .k-task-wrap:hover .k-task-draghandle {
    display: block; }
  html body.yp .yp-portlet .k-dependency-hint {
    z-index: 4; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-dot, html body.yp .yp-portlet .k-gantt-rowheight .k-task-milestone, html body.yp .yp-portlet .k-gantt-rowheight .k-task-single + .k-task-dot, html body.yp .yp-portlet .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot, html body.yp .yp-portlet .k-gantt-rowheight .k-task-summary {
    top: 50%; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-milestone, html body.yp .yp-portlet .k-gantt-rowheight .k-task-summary {
    margin-top: -6px; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-dot, html body.yp .yp-portlet .k-gantt-rowheight .k-task-single + .k-task-dot, html body.yp .yp-portlet .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
    margin-top: -11px; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-single {
    height: -webkit-calc(98%);
    height: calc(98%); }
  html body.yp .yp-portlet .k-ie .k-gantt-rowheight .k-task-single {
    height: 99%; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-content {
    height: 100%; }
  html body.yp .yp-portlet .k-gantt-rowheight .k-task-content > .k-resize-e:after, html body.yp .yp-portlet .k-gantt-rowheight .k-task-content > .k-resize-w:after {
    top: 0;
    margin-top: 0;
    height: 100%; }
  html body.yp .yp-portlet .k-task-details {
    padding: .4em;
    text-align: left;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-task-details > strong {
    font-size: 120%;
    display: block; }
  html body.yp .yp-portlet .k-task-pct {
    margin: .5em 0 .1em;
    font-size: 170%; }
  html body.yp .yp-portlet .k-task-details > ul {
    line-height: 1.2; }
  html body.yp .yp-portlet .k-resources-wrap {
    position: absolute;
    z-index: 2;
    zoom: 1;
    margin-left: 20px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-resources-wrap .k-resource {
    margin: 0 5px; }
  html body.yp .yp-portlet .k-gantt-edit-form > .k-edit-form-container {
    width: 430px; }
  html body.yp .yp-portlet .k-gantt-edit-form > .k-resources-form-container {
    width: 506px; }
  html body.yp .yp-portlet .k-resources-form-container > .k-grid {
    margin: 0 .9em; }
  html body.yp .yp-portlet .k-gantt-edit-form > .k-edit-form-container .k-numerictextbox, html body.yp .yp-portlet .k-gantt-edit-form > .k-edit-form-container .k-textbox {
    width: 15em; }
  html body.yp .yp-portlet .k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
    float: left; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt {
    float: left; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt, html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt .k-grid-content, html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt-timeline {
    width: auto !important;
    height: auto !important;
    overflow: visible !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt-treelist {
    height: auto !important;
    overflow: visible !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
    padding: 0 !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-gantt .k-splitbar, html body.yp .yp-portlet .k-pdf-export-shadow .k-pdf-export {
    display: none; }
  html body.yp .yp-portlet button.k-gantt-toggle {
    display: none;
    float: left;
    margin-right: .5em; }
  html body.yp .yp-portlet .k-rtl button.k-gantt-toggle {
    float: right;
    margin-right: 0;
    margin-left: .5em; }
  @media only screen and (max-width: 1024px) {
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views {
      position: absolute;
      right: 6px;
      top: 6px;
      z-index: 10000; }
    html body.yp .yp-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views {
      right: auto;
      left: 6px; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) {
      display: none; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
      display: block;
      border-width: 1px; }
    html body.yp .yp-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
      text-align: left;
      padding-left: 1em; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
      display: block;
      position: relative;
      padding-right: 2.5em;
      padding-left: 1em; }
    html body.yp .yp-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
      padding-left: 0; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .333em;
      width: 16px;
      height: 16px; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
      display: block;
      border: 0;
      border-radius: 0; }
    html body.yp .yp-portlet .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
      border: 1px solid #c5c5c5;
      background-color: #fff;
      background-image: none;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
    html body.yp .yp-portlet .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
      text-align: left; } }
  @media only screen and (max-width: 480px) {
    html body.yp .yp-portlet button.k-gantt-toggle {
      display: inline-block; }
    html body.yp .yp-portlet .k-gantt-create span + span, html body.yp .yp-portlet .k-gantt-pdf span + span {
      display: none; }
    html body.yp .yp-portlet .k-gantt-create .k-icon, html body.yp .yp-portlet .k-gantt-pdf .k-icon {
      margin: 0; }
    html body.yp .yp-portlet .k-gantt .k-splitbar {
      display: none;
      width: 0;
      border-width: 0; }
    html body.yp .yp-portlet .k-gantt .k-gantt-treelist {
      display: none;
      max-width: 0; }
    html body.yp .yp-portlet .k-gantt .k-treelist .k-grid-content {
      overflow-y: scroll; }
    html body.yp .yp-portlet .k-gantt .k-gantt-timeline {
      width: 100%; } }
  html body.yp .yp-portlet .k-pivot {
    position: relative; }
  html body.yp .yp-portlet .k-pivot-toolbar {
    padding: .2em;
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  html body.yp .yp-portlet .k-pivot .k-pivot-toolbar {
    padding: .6em; }
  html body.yp .yp-portlet .k-pivot-toolbar .k-button {
    margin-right: .4em;
    line-height: 1.2em;
    font-size: .9em;
    text-align: left;
    position: relative;
    padding: .3em 5em .3em .3em; }
  html body.yp .yp-portlet .k-field-actions {
    position: absolute;
    right: 2px;
    top: 3px; }
  html body.yp .yp-portlet .k-pivot .k-grid td {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-pivot-layout {
    border-spacing: 0;
    table-layout: auto; }
  html body.yp .yp-portlet .k-pivot-layout > tbody > tr > td {
    vertical-align: top;
    padding: 0; }
  html body.yp .yp-portlet .k-pivot td {
    vertical-align: top; }
  html body.yp .yp-portlet .k-pivot-rowheaders > .k-grid, html body.yp .yp-portlet .k-pivot-table > .k-grid {
    border-width: 0; }
  html body.yp .yp-portlet .k-pivot-rowheaders > .k-grid td:first-child, html body.yp .yp-portlet .k-pivot-table .k-grid-header .k-header.k-first {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-pivot-rowheaders > .k-grid td.k-first {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-pivot-rowheaders > .k-grid {
    overflow: hidden; }
  html body.yp .yp-portlet .k-pivot-table {
    border-left-width: 1px;
    border-left-style: solid; }
  html body.yp .yp-portlet .k-pivot-table .k-grid-header-wrap > table {
    height: 100%; }
  html body.yp .yp-portlet .k-pivot .k-grid-header .k-header {
    vertical-align: top; }
  html body.yp .yp-portlet .k-header.k-alt, html body.yp .yp-portlet td.k-alt {
    font-weight: 700; }
  html body.yp .yp-portlet .k-header.k-alt {
    background-image: none; }
  html body.yp .yp-portlet .k-pivot-layout .k-grid td {
    border-bottom-width: 1px; }
  html body.yp .yp-portlet .k-pivot-layout .k-grid-footer > td {
    border-top-width: 0; }
  html body.yp .yp-portlet .k-pivot-filter-window .k-treeview {
    max-height: 600px; }
  html body.yp .yp-portlet .k-fieldselector .k-edit-buttons {
    bottom: auto; }
  html body.yp .yp-portlet .k-fieldselector .k-edit-label {
    width: 16%; }
  html body.yp .yp-portlet .k-fieldselector .k-edit-field {
    width: 77%; }
  html body.yp .yp-portlet .k-fieldselector .k-edit-field > .k-textbox, html body.yp .yp-portlet .k-fieldselector .k-edit-field > .k-widget {
    width: 99%; }
  html body.yp .yp-portlet .k-fieldselector .k-edit-buttons > input, html body.yp .yp-portlet .k-fieldselector .k-edit-buttons > label {
    float: left;
    margin-top: .4em; }
  html body.yp .yp-portlet .k-fieldselector p {
    margin: 0 0 .2em .5em;
    text-transform: uppercase; }
  html body.yp .yp-portlet .k-fieldselector p .k-icon {
    margin: 0 5px 0 0; }
  html body.yp .yp-portlet .k-fieldselector .k-columns {
    border-style: solid;
    border-width: 0; }
  html body.yp .yp-portlet .k-fieldselector .k-columns > div {
    overflow: auto;
    padding: .6em;
    border-style: solid;
    border-width: 0 0 0 1px;
    float: left;
    width: 45%; }
  html body.yp .yp-portlet .k-fieldselector .k-columns > div:first-child {
    border-width: 0;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-fieldselector .k-columns > div + div {
    float: right;
    border-width: 0; }
  html body.yp .yp-portlet .k-fieldselector div.k-treeview {
    border-width: 0;
    margin-right: -1px;
    padding-left: 4px;
    overflow: visible; }
  html body.yp .yp-portlet .k-fieldselector .k-list-container {
    margin-left: .5em;
    margin-bottom: 1em;
    padding: .2em 0 0;
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .k-fieldselector .k-list {
    padding-bottom: 2em; }
  html body.yp .yp-portlet .k-fieldselector .k-list li.k-item {
    padding: .3em 3.3em .3em .3em;
    margin: 0 0.2em 0.2em;
    position: relative;
    font-size: .9em;
    line-height: 1.2em;
    min-height: 1em; }
  html body.yp .yp-portlet .k-i-kpi-decrease {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-i-kpi-denied {
    background-position: -16px 0; }
  html body.yp .yp-portlet .k-i-kpi-equal {
    background-position: -32px 0; }
  html body.yp .yp-portlet .k-i-kpi-hold {
    background-position: -48px 0; }
  html body.yp .yp-portlet .k-i-kpi-increase {
    background-position: -64px 0; }
  html body.yp .yp-portlet .k-i-kpi-open {
    background-position: -80px 0; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-grid-content {
    overflow: visible !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-grid-content, html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid {
    height: 100% !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-grid-header {
    padding-right: 0 !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot {
    width: auto !important;
    height: auto !important; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-grid-content > table, html body.yp .yp-portlet .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table {
    width: 100% !important;
    height: auto !important; }
  html body.yp .yp-portlet .k-calendar {
    position: relative;
    display: inline-block;
    width: 16.917em;
    overflow: hidden; }
  html body.yp .yp-portlet .k-calendar .k-link, html body.yp .yp-portlet .k-calendar td {
    text-decoration: none; }
  html body.yp .yp-portlet .k-calendar .k-action-link {
    text-decoration: underline; }
  html body.yp .yp-portlet .k-calendar .k-footer, html body.yp .yp-portlet .k-calendar .k-header {
    position: relative;
    text-align: center;
    zoom: 1; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-next, html body.yp .yp-portlet .k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .16666em;
    line-height: 1.8333em;
    height: 1.8333em; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-prev {
    left: 1%; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-next {
    right: 1%; }
  html body.yp .yp-portlet .k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 14.167em;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    outline: 0; }
  html body.yp .yp-portlet .k-calendar .k-content, html body.yp .yp-portlet .k-calendar .k-content th {
    text-align: right; }
  html body.yp .yp-portlet .k-calendar .k-animation-container .k-content {
    height: 100%; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75%;
    height: 1.8333em;
    line-height: 1.8333em;
    margin: .16666em -.08333em .3333em 0; }
  html body.yp .yp-portlet .k-calendar .k-header .k-icon {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-calendar .k-header .k-link.k-nav-next, html body.yp .yp-portlet .k-calendar .k-header .k-link.k-nav-prev {
    height: 1.8333em;
    width: 1.8333em; }
  html body.yp .yp-portlet .k-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: 400;
    cursor: default; }
  html body.yp .yp-portlet .k-calendar td {
    padding: .08333em;
    cursor: pointer; }
  html body.yp .yp-portlet .k-calendar .k-state-focus {
    border-style: dotted;
    border-width: .08333em;
    padding: 0; }
  html body.yp .yp-portlet .k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    min-height: 1.8333em;
    line-height: 1.8333em;
    padding: 0 .45em 0 .1em; }
  html body.yp .yp-portlet .k-calendar .k-meta-view .k-link {
    padding: .25em 0 .3em;
    text-align: center; }
  html body.yp .yp-portlet .k-calendar .k-footer {
    clear: both; }
  html body.yp .yp-portlet .k-calendar .k-footer .k-nav-today, html body.yp .yp-portlet .k-calendar .k-footer > .k-state-disabled {
    display: block;
    height: 100%;
    padding: .5em 0; }
  html body.yp .yp-portlet .k-calendar .k-nav-today:hover {
    text-decoration: underline; }
  html body.yp .yp-portlet div.k-treeview {
    border-width: 0;
    background: 0 0;
    overflow: auto;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px; }
  html body.yp .yp-portlet .k-treeview .k-content, html body.yp .yp-portlet .k-treeview .k-item > .k-group, html body.yp .yp-portlet .k-treeview > .k-group {
    margin: 0;
    padding: 0;
    background: 0 0;
    list-style-type: none;
    position: relative; }
  html body.yp .yp-portlet .k-treeview .k-checkbox, html body.yp .yp-portlet .k-treeview .k-icon, html body.yp .yp-portlet .k-treeview .k-image, html body.yp .yp-portlet .k-treeview .k-in, html body.yp .yp-portlet .k-treeview .k-sprite {
    display: inline-block;
    vertical-align: top; }
  html body.yp .yp-portlet .k-treeview .k-checkbox {
    margin-top: .2em; }
  html body.yp .yp-portlet .k-treeview .k-icon, html body.yp .yp-portlet .k-treeview .k-in {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-treeview .k-request-retry {
    vertical-align: baseline; }
  html body.yp .yp-portlet .k-treeview .k-i-collapse, html body.yp .yp-portlet .k-treeview .k-i-expand, html body.yp .yp-portlet .k-treeview .k-i-minus, html body.yp .yp-portlet .k-treeview .k-i-minus-disabled, html body.yp .yp-portlet .k-treeview .k-i-plus, html body.yp .yp-portlet .k-treeview .k-i-plus-disabled, html body.yp .yp-portlet .k-treeview .k-minus, html body.yp .yp-portlet .k-treeview .k-minus-disabled, html body.yp .yp-portlet .k-treeview .k-plus, html body.yp .yp-portlet .k-treeview .k-plus-disabled {
    margin-top: .25em;
    margin-left: -16px;
    cursor: pointer; }
  html body.yp .yp-portlet .k-treeview .k-i-minus-disabled, html body.yp .yp-portlet .k-treeview .k-i-plus-disabled, html body.yp .yp-portlet .k-treeview .k-minus-disabled, html body.yp .yp-portlet .k-treeview .k-plus-disabled {
    cursor: default; }
  html body.yp .yp-portlet .k-treeview .k-image, html body.yp .yp-portlet .k-treeview .k-sprite {
    margin-right: 3px; }
  html body.yp .yp-portlet .k-treeview .k-in {
    margin: 1px 0 1px .3333em;
    padding: .429em .6667em .429em .5833em;
    line-height: 1.3333em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .k-treeview span.k-in {
    cursor: default; }
  html body.yp .yp-portlet .k-treeview .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat; }
  html body.yp .yp-portlet .k-toolbar .k-split-button, html body.yp .yp-portlet span.k-colorpicker, html body.yp .yp-portlet span.k-combobox, html body.yp .yp-portlet span.k-datepicker, html body.yp .yp-portlet span.k-datetimepicker, html body.yp .yp-portlet span.k-dropdown, html body.yp .yp-portlet span.k-numerictextbox, html body.yp .yp-portlet span.k-timepicker {
    background-image: none; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-colorpicker, html body.yp .yp-portlet .k-combobox, html body.yp .yp-portlet .k-datepicker, html body.yp .yp-portlet .k-datetimepicker, html body.yp .yp-portlet .k-dropdown, html body.yp .yp-portlet .k-numerictextbox, html body.yp .yp-portlet .k-selectbox, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-timepicker, html body.yp .yp-portlet .k-toolbar .k-split-button {
    position: relative;
    display: inline-block;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-autocomplete > .k-i-close, html body.yp .yp-portlet .k-combobox > .k-dropdown-wrap > .k-i-close, html body.yp .yp-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    display: none;
    position: absolute;
    right: 0; }
  html body.yp .yp-portlet .k-autocomplete > .k-i-close, html body.yp .yp-portlet .k-combobox > .k-dropdown-wrap > .k-i-close {
    bottom: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  html body.yp .yp-portlet .k-ie8 .k-autocomplete > .k-i-close, html body.yp .yp-portlet .k-ie8 .k-combobox > .k-dropdown-wrap > .k-i-close {
    margin-top: -8px; }
  html body.yp .yp-portlet .k-combobox > .k-dropdown-wrap > .k-i-close {
    font-size: 100%;
    right: 2.4em; }
  html body.yp .yp-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    top: 6px; }
  html body.yp .yp-portlet .k-autocomplete > .k-i-close, html body.yp .yp-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    margin-right: 6px; }
  html body.yp .yp-portlet .k-autocomplete.k-state-focused > .k-i-close, html body.yp .yp-portlet .k-autocomplete.k-state-hover > .k-i-close, html body.yp .yp-portlet .k-combobox > .k-dropdown-wrap.k-state-focused > .k-i-close, html body.yp .yp-portlet .k-combobox > .k-dropdown-wrap.k-state-hover > .k-i-close {
    display: inline-block;
    outline: 0; }
  html body.yp .yp-portlet .k-autocomplete > .k-i-close.k-loading-hidden, html body.yp .yp-portlet .k-combobox > .k-dropdown-wrap > .k-i-close.k-loading-hidden {
    display: none; }
  html body.yp .yp-portlet .k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close, html body.yp .yp-portlet .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close {
    display: inline-block;
    outline: 0; }
  html body.yp .yp-portlet .k-autocomplete.k-state-border-down > .k-i-close, html body.yp .yp-portlet .k-combobox > .k-dropdown-wrap.k-state-border-down > .k-i-close {
    margin-top: -1px; }
  html body.yp .yp-portlet .k-filter-menu .k-autocomplete, html body.yp .yp-portlet .k-filter-menu .k-combobox, html body.yp .yp-portlet .k-filter-menu .k-datepicker, html body.yp .yp-portlet .k-filter-menu .k-datetimepicker, html body.yp .yp-portlet .k-filter-menu .k-dropdown, html body.yp .yp-portlet .k-filter-menu .k-numerictextbox, html body.yp .yp-portlet .k-filter-menu .k-textbox, html body.yp .yp-portlet .k-filter-menu .k-timepicker {
    width: 13.2em; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-colorpicker, html body.yp .yp-portlet .k-combobox, html body.yp .yp-portlet .k-datepicker, html body.yp .yp-portlet .k-datetimepicker, html body.yp .yp-portlet .k-dropdown, html body.yp .yp-portlet .k-numerictextbox, html body.yp .yp-portlet .k-selectbox, html body.yp .yp-portlet .k-timepicker, html body.yp .yp-portlet .k-toolbar .k-split-button {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-colorpicker, html body.yp .yp-portlet .k-toolbar .k-split-button {
    width: auto; }
  html body.yp .yp-portlet .k-datetimepicker {
    width: 15em; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-picker-wrap {
    position: relative;
    cursor: default; }
  html body.yp .yp-portlet .k-dropdown-wrap {
    position: relative; }
  html body.yp .yp-portlet .k-dropdown-wrap, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-picker-wrap {
    display: block; }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-content, html body.yp .yp-portlet .k-grid, html body.yp .yp-portlet .k-header-column-menu, html body.yp .yp-portlet .k-panelbar, html body.yp .yp-portlet .k-slider, html body.yp .yp-portlet .k-splitter, html body.yp .yp-portlet .k-treeview, html body.yp .yp-portlet .k-widget {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-calendar, html body.yp .yp-portlet .k-grid-header .k-link, html body.yp .yp-portlet .k-header-column-menu, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-slider, html body.yp .yp-portlet .k-splitbar, html body.yp .yp-portlet .k-treeview {
    -webkit-touch-callout: none; }
  html body.yp .yp-portlet .k-list-scroller {
    position: relative;
    overflow: auto; }
  html body.yp .yp-portlet .k-popup.k-calendar-container, html body.yp .yp-portlet .k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 2px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-autocomplete.k-state-border-down, html body.yp .yp-portlet .k-dropdown-wrap.k-state-border-down, html body.yp .yp-portlet .k-list-container.k-state-border-down, html body.yp .yp-portlet .k-numeric-wrap.k-state-border-down, html body.yp .yp-portlet .k-picker-wrap.k-state-border-down {
    border-bottom-width: 0;
    padding-bottom: 1px; }
  html body.yp .yp-portlet .k-list-container .km-scroll-container {
    padding-bottom: 6px; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-dropdown-wrap, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-picker-wrap, html body.yp .yp-portlet .k-textbox {
    border-width: 1px;
    border-style: solid;
    padding: 0 1.9em 0 0; }
  html body.yp .yp-portlet .k-numeric-wrap.k-expand-padding {
    padding-right: 0; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-textbox {
    padding: 0; }
  html body.yp .yp-portlet .k-textbox.k-space-left {
    padding-left: 1.9em; }
  html body.yp .yp-portlet .k-textbox.k-space-right {
    padding-right: 1.9em; }
  html body.yp .yp-portlet .k-textbox .k-icon {
    top: 50%;
    margin: -8px 0 0;
    position: absolute; }
  html body.yp .yp-portlet .k-space-left .k-icon {
    left: 3px; }
  html body.yp .yp-portlet .k-space-right .k-icon {
    right: 3px; }
  html body.yp .yp-portlet span.k-textbox:after {
    content: "\a0";
    display: block;
    height: .4px;
    overflow: hidden; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .k-numeric-wrap.k-state-hover, html body.yp .yp-portlet .k-picker-wrap.k-state-focused, html body.yp .yp-portlet .k-picker-wrap.k-state-hover {
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    -webkit-transition: "box-shadow .15s ease-out";
    transition: "box-shadow .15s ease-out"; }
  html body.yp .yp-portlet .k-combobox .k-input, html body.yp .yp-portlet .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-picker-wrap .k-input, html body.yp .yp-portlet .k-textbox > input {
    width: 100%;
    vertical-align: top; }
  html body.yp .yp-portlet .k-dropdown-wrap .k-input, html body.yp .yp-portlet .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-picker-wrap .k-input, html body.yp .yp-portlet .k-selectbox .k-input {
    font-family: inherit;
    border-width: 0;
    outline: 0; }
  html body.yp .yp-portlet .k-dropdown .k-input, html body.yp .yp-portlet .k-selectbox .k-input {
    background: 0 0; }
  html body.yp .yp-portlet .k-dropdown-wrap .k-select, html body.yp .yp-portlet .k-numeric-wrap .k-select, html body.yp .yp-portlet .k-picker-wrap .k-select {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none; }
  html body.yp .yp-portlet .k-combobox .k-select, html body.yp .yp-portlet .k-numeric-wrap .k-select, html body.yp .yp-portlet .k-picker-wrap .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: inherit; }
  html body.yp .yp-portlet span.k-datetimepicker .k-select, html body.yp .yp-portlet span.k-datetimepicker .k-select + .k-select {
    right: 0; }
  html body.yp .yp-portlet .k-autocomplete .k-input, html body.yp .yp-portlet .k-textbox > input {
    display: block; }
  html body.yp .yp-portlet .k-dropdown .k-select, html body.yp .yp-portlet .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit; }
  html body.yp .yp-portlet .k-dropdown .k-input, html body.yp .yp-portlet .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-autocomplete .k-input, html body.yp .yp-portlet .k-dropdown-wrap .k-input, html body.yp .yp-portlet .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-picker-wrap .k-input, html body.yp .yp-portlet .k-selectbox .k-input, html body.yp .yp-portlet .k-textbox > input {
    height: 2.214em;
    line-height: 2.214em;
    padding: .177em 0;
    text-indent: .8em;
    border: 0;
    margin: 0; }
  html body.yp .yp-portlet .k-combobox .k-dropdown-wrap:before, html body.yp .yp-portlet .k-numeric-wrap:before, html body.yp .yp-portlet .k-picker-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 2.214em;
    padding-bottom: .3em; }
  html body.yp .yp-portlet .k-webkit .k-combobox .k-dropdown-wrap:before, html body.yp .yp-portlet .k-webkit .k-numeric-wrap:before, html body.yp .yp-portlet .k-webkit .k-picker-wrap:before {
    padding-bottom: .38em; }
  html body.yp .yp-portlet .km.root .k-combobox .k-dropdown-wrap:before, html body.yp .yp-portlet .km.root .k-numeric-wrap:before, html body.yp .yp-portlet .km.root .k-picker-wrap:before {
    content: none; }
  html body.yp .yp-portlet .k-combobox .k-input, html body.yp .yp-portlet .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-picker-wrap .k-input {
    display: inline; }
  html body.yp .yp-portlet .k-dropdown-wrap .k-select, html body.yp .yp-portlet .k-numeric-wrap .k-select, html body.yp .yp-portlet .k-picker-wrap .k-select {
    min-height: 2.214em;
    line-height: 2.564em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 1.9em;
    height: 100%; }
  html body.yp .yp-portlet .k-numeric-wrap .k-select {
    padding: 0; }
  html body.yp .yp-portlet body .k-datetimepicker .k-select {
    border-radius: 0; }
  html body.yp .yp-portlet .k-combobox .k-select, html body.yp .yp-portlet .k-dropdown, html body.yp .yp-portlet .k-selectbox .k-icon {
    cursor: pointer; }
  html body.yp .yp-portlet .k-popup {
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .k-list-optionlabel, html body.yp .yp-portlet .k-popup .k-item {
    cursor: default; }
  html body.yp .yp-portlet .k-popup .k-calendar {
    border: 0; }
  html body.yp .yp-portlet .k-list {
    height: auto; }
  html body.yp .yp-portlet .k-nodata {
    min-height: 138px;
    width: 100%;
    display: table;
    text-transform: uppercase;
    font-size: .85em;
    font-weight: lighter; }
  html body.yp .yp-portlet .k-nodata > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 11px; }
  html body.yp .yp-portlet .k-fieldselector .k-list .k-item, html body.yp .yp-portlet .k-list-optionlabel, html body.yp .yp-portlet .k-popup .k-list .k-item, html body.yp .yp-portlet .k-popup > .k-group-header, html body.yp .yp-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em; }
  html body.yp .yp-portlet .k-popup .k-list .k-item {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding: 0 4px; }
  html body.yp .yp-portlet .k-popup .k-list .k-item > .k-group {
    top: -1px; }
  html body.yp .yp-portlet .k-group-header + div > .k-list > .k-item.k-first:before {
    content: " ";
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0; }
  html body.yp .yp-portlet .k-popup > .k-group-header, html body.yp .yp-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    padding-right: 22px; }
  html body.yp .yp-portlet .k-overflow-container .k-item {
    padding: 1px; }
  html body.yp .yp-portlet .k-overflow-container .k-button.k-state-disabled, html body.yp .yp-portlet .k-overflow-container .k-button.k-state-disabled:hover, html body.yp .yp-portlet .k-overflow-container > .k-state-disabled .k-button {
    border: 0;
    background: 0 0; }
  html body.yp .yp-portlet .k-fieldselector .k-list .k-item, html body.yp .yp-portlet .k-list-optionlabel.k-state-focused, html body.yp .yp-portlet .k-list-optionlabel.k-state-selected, html body.yp .yp-portlet .k-overflow-container .k-state-focused, html body.yp .yp-portlet .k-overflow-container .k-state-hover, html body.yp .yp-portlet .k-overflow-container .k-state-selected, html body.yp .yp-portlet .k-popup .k-list .k-state-focused, html body.yp .yp-portlet .k-popup .k-list .k-state-hover, html body.yp .yp-portlet .k-popup .k-list .k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-list-filter {
    position: relative;
    margin-bottom: 2px; }
  html body.yp .yp-portlet .k-list-filter > .k-textbox {
    padding-right: 20px;
    width: 100%; }
  html body.yp .yp-portlet .k-list-filter > .k-icon {
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  html body.yp .yp-portlet .km-root .k-list-filter > .k-textbox {
    padding-left: 0;
    padding-right: 0;
    border-left-width: 0;
    border-right-width: 0; }
  html body.yp .yp-portlet .k-multiselect-wrap {
    position: relative;
    border-width: 0;
    border-style: solid;
    border-radius: 4px;
    border-color: #C5C5C5;
    background-color: #FFF;
    min-height: 2.04em; }
  html body.yp .yp-portlet .k-multiselect-wrap .k-input {
    background-color: transparent;
    height: 1.31em;
    line-height: 1.31em;
    padding: .18em 0;
    text-indent: .8em;
    border: 0;
    margin: 1px 0 0;
    float: left; }
  html body.yp .yp-portlet .k-multiselect-wrap .k-input::-ms-clear {
    display: none; }
  html body.yp .yp-portlet .k-multiselect-wrap li {
    margin: 1px 0 1px 1px;
    padding: .1em 1.6em .1em .4em;
    line-height: 2.064em;
    float: left;
    position: relative; }
  html body.yp .yp-portlet .k-autocomplete .k-i-loading, html body.yp .yp-portlet .k-autocomplete .k-loading, html body.yp .yp-portlet .k-multiselect .k-i-loading, html body.yp .yp-portlet .k-multiselect .k-loading {
    position: absolute;
    right: 3px;
    bottom: 4px; }
  html body.yp .yp-portlet .k-multiselect .k-loading-hidden {
    visibility: hidden; }
  html body.yp .yp-portlet .k-multiselect-wrap .k-select {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: .1em .2em; }
  html body.yp .yp-portlet .k-datetimepicker .k-picker-wrap {
    padding-right: 3.8em; }
  html body.yp .yp-portlet .k-datetimepicker .k-select {
    width: 3.8em; }
  html body.yp .yp-portlet .k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 2px; }
  html body.yp .yp-portlet .k-picker-wrap .k-icon {
    cursor: pointer; }
  html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-datepicker, html body.yp .yp-portlet .k-datetimepicker, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-timepicker {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-picker-wrap .k-input {
    margin: 0; }
  html body.yp .yp-portlet .k-time-popup .k-item {
    padding: 1px 3px; }
  html body.yp .yp-portlet .k-input {
    padding: .25em 0; }
  html body.yp .yp-portlet .k-input, html body.yp .yp-portlet .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html body.yp .yp-portlet .k-textbox {
    outline: 0; }
  html body.yp .yp-portlet input.k-textbox, html body.yp .yp-portlet textarea.k-textbox {
    padding: 2px .3em; }
  html body.yp .yp-portlet input.k-textbox {
    height: 2.694em;
    text-indent: .8em;
    line-height: 1.6em; }
  html body.yp .yp-portlet .k-ie input.k-textbox {
    text-indent: .4em; }
  html body.yp .yp-portlet .k-ff input.k-textbox {
    height: 2.17em; }
  html body.yp .yp-portlet textarea.k-textbox {
    height: auto; }
  html body.yp .yp-portlet span.k-numerictextbox {
    background-color: transparent; }
  html body.yp .yp-portlet .k-numerictextbox .k-input {
    margin: 0; }
  html body.yp .yp-portlet .k-numerictextbox .k-link {
    display: block;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    border-width: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-numerictextbox .k-icon {
    height: 11px; }
  html body.yp .yp-portlet .k-numeric-wrap .k-input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  html body.yp .yp-portlet .k-colorpicker .k-picker-wrap {
    line-height: 2em; }
  html body.yp .yp-portlet .k-colorpicker .k-selected-color {
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    height: 2em;
    width: 2em; }
  html body.yp .yp-portlet .k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    font-size: 0;
    line-height: 0;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -ms-high-contrast-adjust: none; }
  html body.yp .yp-portlet .k-colorpicker .k-tool-icon .k-selected-color {
    display: block;
    height: 3px;
    width: 16px;
    position: absolute;
    left: 3px;
    bottom: -3px;
    border-radius: 0 !important; }
  html body.yp .yp-portlet .k-colorpicker .k-select {
    cursor: pointer; }
  html body.yp .yp-portlet .k-disabled-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50); }
  html body.yp .yp-portlet .k-colorpalette {
    position: relative;
    line-height: 0;
    border-width: 0;
    display: inline-block; }
  html body.yp .yp-portlet .k-colorpalette .k-palette {
    border-collapse: collapse;
    position: relative;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-colorpalette .k-item {
    width: 14px;
    height: 14px;
    overflow: hidden;
    -ms-high-contrast-adjust: none; }
  html body.yp .yp-portlet .k-colorpalette .k-item.k-state-selected, html body.yp .yp-portlet .k-colorpalette .k-item.k-state-selected:hover {
    z-index: 100;
    background: 0 0;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    position: relative; }
  html body.yp .yp-portlet .k-colorpalette .k-item:hover {
    z-index: 101;
    position: relative;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
  html body.yp .yp-portlet .k-flatcolorpicker {
    position: relative;
    display: inline-block;
    width: 250px;
    padding-bottom: 5px; }
  html body.yp .yp-portlet div.k-flatcolorpicker {
    background-color: transparent;
    background-image: none; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-selected-color {
    background-image: url(textures/transtexture.png);
    background-position: 50% 50%;
    text-align: right; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-selected-color input.k-color-value {
    font-family: Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;
    padding: .75em .3em .65em 1em;
    border: 0;
    margin: 0;
    width: 70%; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pinch-zoom double-tap-zoom; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border: 1px solid #eee;
    margin-left: -5px;
    margin-top: -5px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px #444;
    box-shadow: 0 1px 2px #444;
    background: 0 0; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus, html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {
    background: 0 0;
    border-color: #fff;
    -webkit-box-shadow: 0 1px 5px #000;
    box-shadow: 0 1px 5px #000; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle.k-dragging, html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
    cursor: none; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-slider-horizontal {
    height: 20px;
    width: 90%;
    margin: 0 5%; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
    -webkit-box-shadow: 0 1px 0 #fff,0 -1px 0 #999;
    box-shadow: 0 1px 0 #fff,0 -1px 0 #999; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider {
    display: block; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-slider-selection, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
    background: 0 0; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle {
    background: 0 0;
    border: 3px solid #eee;
    margin-top: 1px;
    height: 8px;
    width: 8px;
    -webkit-box-shadow: 0 1px 4px #444;
    box-shadow: 0 1px 4px #444; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
    background: 0 0;
    border-color: #fff;
    -webkit-box-shadow: 0 1px 5px #000;
    box-shadow: 0 1px 5px #000;
    border-width: 2px;
    padding: 1px; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), to(#ff0004));
    background: -webkit-linear-gradient(left, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
    background: linear-gradient(to right, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); }
  html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background-image: url(textures/transparency.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: 100% 50%;
    background-repeat: no-repeat; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-controls {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 90%; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-controls .k-button {
    width: 6em; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hsv-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)), -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
    height: 180px;
    margin-bottom: 5px; }
  html body.yp .yp-portlet .k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
  html body.yp .yp-portlet .k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
  html body.yp .yp-portlet .k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(textures/hue.png) repeat 0 50%; }
  html body.yp .yp-portlet .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url(textures/transparency.png) repeat 0 50%; }
  html body.yp .yp-portlet .k-ie8 .k-flatcolorpicker .k-hsv-gradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0); }
  html body.yp .yp-portlet table.k-editor {
    width: 100%;
    height: 250px;
    table-layout: fixed;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    border-spacing: 4px;
    font-size: 100%;
    vertical-align: top;
    position: relative; }
  html body.yp .yp-portlet .k-editor-inline {
    border-width: 2px;
    padding: .3em .5em;
    word-wrap: break-word;
    overflow: auto;
    position: relative; }
  html body.yp .yp-portlet .k-editortoolbar-dragHandle {
    cursor: move;
    padding-left: 0;
    padding-right: 3px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .yp-portlet .k-editor-widget > .k-window-content {
    overflow: hidden; }
  html body.yp .yp-portlet .k-editor .k-editor-toolbar-wrap {
    border: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-editor-toolbar {
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    line-height: 1.3em;
    cursor: default;
    word-wrap: break-word; }
  html body.yp .yp-portlet .k-editor-toolbar li {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-edge .k-editor-toolbar, html body.yp .yp-portlet .k-ff .k-editor-toolbar, html body.yp .yp-portlet .k-ie9 .k-editor-toolbar, html body.yp .yp-portlet .k-webkit .k-editor-toolbar {
    padding: 0; }
  html body.yp .yp-portlet .k-edge .k-editor-toolbar li, html body.yp .yp-portlet .k-ff .k-editor-toolbar li, html body.yp .yp-portlet .k-ie10 .k-editor-toolbar li, html body.yp .yp-portlet .k-ie9 .k-editor-toolbar li, html body.yp .yp-portlet .k-safari .k-editor-toolbar li, html body.yp .yp-portlet .k-webkit .k-editor-toolbar li {
    display: inline-block;
    padding: .1em 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-editor-widget, html body.yp .yp-portlet .k-editor-toolbar > li {
    margin-right: 6px; }
  html body.yp .yp-portlet .k-group-start.k-group-end .k-editor-widget {
    margin-right: 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-editor-dropdown {
    position: relative; }
  html body.yp .yp-portlet .k-select-overlay {
    -webkit-appearance: none;
    opacity: 0;
    z-index: 11000;
    top: 0;
    left: 0;
    position: absolute;
    height: 26px;
    width: 100%;
    margin: -4px 0 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-separator {
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 .3em 0 .1em;
    padding: 0 0 0 1px;
    font-size: 1.3em; }
  html body.yp .yp-portlet .k-editor-toolbar .k-break {
    display: block;
    height: 1px;
    font-size: 0;
    line-height: 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-colorpicker, html body.yp .yp-portlet .k-editor-toolbar .k-combobox, html body.yp .yp-portlet .k-editor-toolbar .k-dropdown, html body.yp .yp-portlet .k-editor-toolbar .k-selectbox {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-button-group {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-button-group .k-tool {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 0;
    width: 36px;
    height: 36px;
    line-height: 36px; }
  html body.yp .yp-portlet .k-button-group .k-tool-icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    -ms-high-contrast-adjust: none; }
  html body.yp .yp-portlet .k-i-move {
    background-position: -160px -288px; }
  html body.yp .yp-portlet .k-bold, html body.yp .yp-portlet .k-i-bold {
    background-position: -240px 0; }
  html body.yp .yp-portlet .k-state-hover .k-bold, html body.yp .yp-portlet .k-state-hover .k-i-bold, html body.yp .yp-portlet .k-state-selected .k-bold, html body.yp .yp-portlet .k-state-selected .k-i-bold {
    background-position: -264px 0;
    background-position: -240px 0; }
  html body.yp .yp-portlet .k-state-hover .k-bold, html body.yp .yp-portlet .k-state-hover .k-i-bold, html body.yp .yp-portlet .k-state-selected .k-bold, html body.yp .yp-portlet .k-state-selected .k-i-bold {
    background-position: -240px 0; }
  html body.yp .yp-portlet .k-i-italic, html body.yp .yp-portlet .k-italic {
    background-position: -240px -24px; }
  html body.yp .yp-portlet .k-state-hover .k-i-italic, html body.yp .yp-portlet .k-state-hover .k-italic, html body.yp .yp-portlet .k-state-selected .k-i-italic, html body.yp .yp-portlet .k-state-selected .k-italic {
    background-position: -264px -24px;
    background-position: -240px -24px; }
  html body.yp .yp-portlet .k-state-hover .k-i-italic, html body.yp .yp-portlet .k-state-hover .k-italic, html body.yp .yp-portlet .k-state-selected .k-i-italic, html body.yp .yp-portlet .k-state-selected .k-italic {
    background-position: -240px -24px; }
  html body.yp .yp-portlet .k-i-underline, html body.yp .yp-portlet .k-underline {
    background-position: -240px -48px; }
  html body.yp .yp-portlet .k-state-hover .k-i-underline, html body.yp .yp-portlet .k-state-hover .k-underline, html body.yp .yp-portlet .k-state-selected .k-i-underline, html body.yp .yp-portlet .k-state-selected .k-underline {
    background-position: -264px -48px;
    background-position: -240px -48px; }
  html body.yp .yp-portlet .k-state-hover .k-i-underline, html body.yp .yp-portlet .k-state-hover .k-underline, html body.yp .yp-portlet .k-state-selected .k-i-underline, html body.yp .yp-portlet .k-state-selected .k-underline {
    background-position: -240px -48px; }
  html body.yp .yp-portlet .k-i-strikethrough, html body.yp .yp-portlet .k-strikethrough {
    background-position: -240px -72px; }
  html body.yp .yp-portlet .k-state-hover .k-i-strikethrough, html body.yp .yp-portlet .k-state-hover .k-strikethrough, html body.yp .yp-portlet .k-state-selected .k-i-strikethrough, html body.yp .yp-portlet .k-state-selected .k-strikethrough {
    background-position: -264px -72px;
    background-position: -240px -72px; }
  html body.yp .yp-portlet .k-state-hover .k-i-strikethrough, html body.yp .yp-portlet .k-state-hover .k-strikethrough, html body.yp .yp-portlet .k-state-selected .k-i-strikethrough, html body.yp .yp-portlet .k-state-selected .k-strikethrough {
    background-position: -240px -72px; }
  html body.yp .yp-portlet .k-foreColor {
    background-position: -240px -96px; }
  html body.yp .yp-portlet .k-state-hover .k-foreColor, html body.yp .yp-portlet .k-state-selected .k-foreColor {
    background-position: -264px -96px;
    background-position: -240px -96px; }
  html body.yp .yp-portlet .k-state-hover .k-foreColor, html body.yp .yp-portlet .k-state-selected .k-foreColor {
    background-position: -240px -96px; }
  html body.yp .yp-portlet .k-backColor {
    background-position: -240px -120px; }
  html body.yp .yp-portlet .k-state-hover .k-backColor, html body.yp .yp-portlet .k-state-selected .k-backColor {
    background-position: -264px -120px;
    background-position: -240px -120px; }
  html body.yp .yp-portlet .k-state-hover .k-backColor, html body.yp .yp-portlet .k-state-selected .k-backColor {
    background-position: -240px -120px; }
  html body.yp .yp-portlet .k-colorpicker .k-foreColor {
    background-position: -240px -96px; }
  html body.yp .yp-portlet .k-colorpicker .k-backColor {
    background-position: -240px -120px; }
  html body.yp .yp-portlet .k-i-align-left, html body.yp .yp-portlet .k-i-justify-left, html body.yp .yp-portlet .k-justifyLeft {
    background-position: -240px -144px; }
  html body.yp .yp-portlet .k-state-hover .k-i-align-left, html body.yp .yp-portlet .k-state-hover .k-i-justify-left, html body.yp .yp-portlet .k-state-hover .k-justifyLeft, html body.yp .yp-portlet .k-state-selected .k-i-align-left, html body.yp .yp-portlet .k-state-selected .k-i-justify-left, html body.yp .yp-portlet .k-state-selected .k-justifyLeft {
    background-position: -264px -144px;
    background-position: -240px -144px; }
  html body.yp .yp-portlet .k-state-hover .k-i-align-left, html body.yp .yp-portlet .k-state-hover .k-i-justify-left, html body.yp .yp-portlet .k-state-hover .k-justifyLeft, html body.yp .yp-portlet .k-state-selected .k-i-align-left, html body.yp .yp-portlet .k-state-selected .k-i-justify-left, html body.yp .yp-portlet .k-state-selected .k-justifyLeft {
    background-position: -240px -144px; }
  html body.yp .yp-portlet .k-i-align-center, html body.yp .yp-portlet .k-i-justify-center, html body.yp .yp-portlet .k-justifyCenter {
    background-position: -240px -168px; }
  html body.yp .yp-portlet .k-state-hover .k-i-align-center, html body.yp .yp-portlet .k-state-hover .k-i-justify-center, html body.yp .yp-portlet .k-state-hover .k-justifyCenter, html body.yp .yp-portlet .k-state-selected .k-i-align-center, html body.yp .yp-portlet .k-state-selected .k-i-justify-center, html body.yp .yp-portlet .k-state-selected .k-justifyCenter {
    background-position: -264px -168px;
    background-position: -240px -168px; }
  html body.yp .yp-portlet .k-state-hover .k-i-align-center, html body.yp .yp-portlet .k-state-hover .k-i-justify-center, html body.yp .yp-portlet .k-state-hover .k-justifyCenter, html body.yp .yp-portlet .k-state-selected .k-i-align-center, html body.yp .yp-portlet .k-state-selected .k-i-justify-center, html body.yp .yp-portlet .k-state-selected .k-justifyCenter {
    background-position: -240px -168px; }
  html body.yp .yp-portlet .k-i-align-right, html body.yp .yp-portlet .k-i-justify-right, html body.yp .yp-portlet .k-justifyRight {
    background-position: -240px -192px; }
  html body.yp .yp-portlet .k-state-hover .k-i-align-right, html body.yp .yp-portlet .k-state-hover .k-i-justify-right, html body.yp .yp-portlet .k-state-hover .k-justifyRight, html body.yp .yp-portlet .k-state-selected .k-i-align-right, html body.yp .yp-portlet .k-state-selected .k-i-justify-right, html body.yp .yp-portlet .k-state-selected .k-justifyRight {
    background-position: -264px -192px;
    background-position: -240px -192px; }
  html body.yp .yp-portlet .k-state-hover .k-i-align-right, html body.yp .yp-portlet .k-state-hover .k-i-justify-right, html body.yp .yp-portlet .k-state-hover .k-justifyRight, html body.yp .yp-portlet .k-state-selected .k-i-align-right, html body.yp .yp-portlet .k-state-selected .k-i-justify-right, html body.yp .yp-portlet .k-state-selected .k-justifyRight {
    background-position: -240px -192px; }
  html body.yp .yp-portlet .k-i-align-justify, html body.yp .yp-portlet .k-i-justify-full, html body.yp .yp-portlet .k-justifyFull {
    background-position: -240px -216px; }
  html body.yp .yp-portlet .k-state-hover .k-i-align-justify, html body.yp .yp-portlet .k-state-hover .k-i-justify-full, html body.yp .yp-portlet .k-state-hover .k-justifyFull, html body.yp .yp-portlet .k-state-selected .k-i-align-justify, html body.yp .yp-portlet .k-state-selected .k-i-justify-full, html body.yp .yp-portlet .k-state-selected .k-justifyFull {
    background-position: -264px -216px;
    background-position: -240px -216px; }
  html body.yp .yp-portlet .k-state-hover .k-i-align-justify, html body.yp .yp-portlet .k-state-hover .k-i-justify-full, html body.yp .yp-portlet .k-state-hover .k-justifyFull, html body.yp .yp-portlet .k-state-selected .k-i-align-justify, html body.yp .yp-portlet .k-state-selected .k-i-justify-full, html body.yp .yp-portlet .k-state-selected .k-justifyFull {
    background-position: -240px -216px; }
  html body.yp .yp-portlet .k-i-insert-unordered-list, html body.yp .yp-portlet .k-i-unordered-list, html body.yp .yp-portlet .k-insertUnorderedList {
    background-position: -240px -264px; }
  html body.yp .yp-portlet .k-state-hover .k-i-insert-unordered-list, html body.yp .yp-portlet .k-state-hover .k-i-unordered-list, html body.yp .yp-portlet .k-state-hover .k-insertUnorderedList, html body.yp .yp-portlet .k-state-selected .k-i-insert-unordered-list, html body.yp .yp-portlet .k-state-selected .k-i-unordered-list, html body.yp .yp-portlet .k-state-selected .k-insertUnorderedList {
    background-position: -264px -264px;
    background-position: -240px -264px; }
  html body.yp .yp-portlet .k-state-hover .k-i-insert-unordered-list, html body.yp .yp-portlet .k-state-hover .k-i-unordered-list, html body.yp .yp-portlet .k-state-hover .k-insertUnorderedList, html body.yp .yp-portlet .k-state-selected .k-i-insert-unordered-list, html body.yp .yp-portlet .k-state-selected .k-i-unordered-list, html body.yp .yp-portlet .k-state-selected .k-insertUnorderedList {
    background-position: -240px -264px; }
  html body.yp .yp-portlet .k-i-insert-ordered-list, html body.yp .yp-portlet .k-i-ordered-list, html body.yp .yp-portlet .k-insertOrderedList {
    background-position: -240px -288px; }
  html body.yp .yp-portlet .k-state-hover .k-i-insert-ordered-list, html body.yp .yp-portlet .k-state-hover .k-i-ordered-list, html body.yp .yp-portlet .k-state-hover .k-insertOrderedList, html body.yp .yp-portlet .k-state-selected .k-i-insert-ordered-list, html body.yp .yp-portlet .k-state-selected .k-i-ordered-list, html body.yp .yp-portlet .k-state-selected .k-insertOrderedList {
    background-position: -264px -288px;
    background-position: -240px -288px; }
  html body.yp .yp-portlet .k-state-hover .k-i-insert-ordered-list, html body.yp .yp-portlet .k-state-hover .k-i-ordered-list, html body.yp .yp-portlet .k-state-hover .k-insertOrderedList, html body.yp .yp-portlet .k-state-selected .k-i-insert-ordered-list, html body.yp .yp-portlet .k-state-selected .k-i-ordered-list, html body.yp .yp-portlet .k-state-selected .k-insertOrderedList {
    background-position: -240px -288px; }
  html body.yp .yp-portlet .k-i-indent, html body.yp .yp-portlet .k-indent, html body.yp .yp-portlet .k-rtl .k-i-outdent, html body.yp .yp-portlet .k-rtl .k-outdent {
    background-position: -288px 0; }
  html body.yp .yp-portlet .k-state-hover .k-i-indent, html body.yp .yp-portlet .k-state-hover .k-indent, html body.yp .yp-portlet .k-state-hover .k-rtl .k-i-outdent, html body.yp .yp-portlet .k-state-hover .k-rtl .k-outdent, html body.yp .yp-portlet .k-state-selected .k-i-indent, html body.yp .yp-portlet .k-state-selected .k-indent, html body.yp .yp-portlet .k-state-selected .k-rtl .k-i-outdent, html body.yp .yp-portlet .k-state-selected .k-rtl .k-outdent {
    background-position: -312px 0;
    background-position: -288px 0; }
  html body.yp .yp-portlet .k-state-hover .k-i-indent, html body.yp .yp-portlet .k-state-hover .k-indent, html body.yp .yp-portlet .k-state-hover .k-rtl .k-i-outdent, html body.yp .yp-portlet .k-state-hover .k-rtl .k-outdent, html body.yp .yp-portlet .k-state-selected .k-i-indent, html body.yp .yp-portlet .k-state-selected .k-indent, html body.yp .yp-portlet .k-state-selected .k-rtl .k-i-outdent, html body.yp .yp-portlet .k-state-selected .k-rtl .k-outdent {
    background-position: -288px 0; }
  html body.yp .yp-portlet .k-i-outdent, html body.yp .yp-portlet .k-outdent, html body.yp .yp-portlet .k-rtl .k-i-indent, html body.yp .yp-portlet .k-rtl .k-indent {
    background-position: -288px -24px; }
  html body.yp .yp-portlet .k-state-hover .k-i-outdent, html body.yp .yp-portlet .k-state-hover .k-outdent, html body.yp .yp-portlet .k-state-hover .k-rtl .k-i-indent, html body.yp .yp-portlet .k-state-hover .k-rtl .k-indent, html body.yp .yp-portlet .k-state-selected .k-i-outdent, html body.yp .yp-portlet .k-state-selected .k-outdent, html body.yp .yp-portlet .k-state-selected .k-rtl .k-i-indent, html body.yp .yp-portlet .k-state-selected .k-rtl .k-indent {
    background-position: -312px -24px;
    background-position: -288px -24px; }
  html body.yp .yp-portlet .k-state-hover .k-i-outdent, html body.yp .yp-portlet .k-state-hover .k-outdent, html body.yp .yp-portlet .k-state-hover .k-rtl .k-i-indent, html body.yp .yp-portlet .k-state-hover .k-rtl .k-indent, html body.yp .yp-portlet .k-state-selected .k-i-outdent, html body.yp .yp-portlet .k-state-selected .k-outdent, html body.yp .yp-portlet .k-state-selected .k-rtl .k-i-indent, html body.yp .yp-portlet .k-state-selected .k-rtl .k-indent {
    background-position: -288px -24px; }
  html body.yp .yp-portlet .k-createLink, html body.yp .yp-portlet .k-i-create-link {
    background-position: -288px -48px; }
  html body.yp .yp-portlet .k-state-hover .k-createLink, html body.yp .yp-portlet .k-state-hover .k-i-create-link, html body.yp .yp-portlet .k-state-selected .k-createLink, html body.yp .yp-portlet .k-state-selected .k-i-create-link {
    background-position: -312px -48px;
    background-position: -288px -48px; }
  html body.yp .yp-portlet .k-state-hover .k-createLink, html body.yp .yp-portlet .k-state-hover .k-i-create-link, html body.yp .yp-portlet .k-state-selected .k-createLink, html body.yp .yp-portlet .k-state-selected .k-i-create-link {
    background-position: -288px -48px; }
  html body.yp .yp-portlet .k-unlink {
    background-position: -288px -72px; }
  html body.yp .yp-portlet .k-state-hover .k-unlink, html body.yp .yp-portlet .k-state-selected .k-unlink {
    background-position: -312px -72px;
    background-position: -288px -72px; }
  html body.yp .yp-portlet .k-state-hover .k-unlink, html body.yp .yp-portlet .k-state-selected .k-unlink {
    background-position: -288px -72px; }
  html body.yp .yp-portlet .k-i-insert-image, html body.yp .yp-portlet .k-insertImage {
    background-position: -288px -96px; }
  html body.yp .yp-portlet .k-state-hover .k-i-insert-image, html body.yp .yp-portlet .k-state-hover .k-insertImage, html body.yp .yp-portlet .k-state-selected .k-i-insert-image, html body.yp .yp-portlet .k-state-selected .k-insertImage {
    background-position: -312px -96px;
    background-position: -288px -96px; }
  html body.yp .yp-portlet .k-state-hover .k-i-insert-image, html body.yp .yp-portlet .k-state-hover .k-insertImage, html body.yp .yp-portlet .k-state-selected .k-i-insert-image, html body.yp .yp-portlet .k-state-selected .k-insertImage {
    background-position: -288px -96px; }
  html body.yp .yp-portlet .k-i-insert-file, html body.yp .yp-portlet .k-insertFile {
    background-position: -288px -216px; }
  html body.yp .yp-portlet .k-state-hover .k-i-insert-file, html body.yp .yp-portlet .k-state-hover .k-insertFile, html body.yp .yp-portlet .k-state-selected .k-i-insert-file, html body.yp .yp-portlet .k-state-selected .k-insertFile {
    background-position: -312px -216px;
    background-position: -288px -216px; }
  html body.yp .yp-portlet .k-state-hover .k-i-insert-file, html body.yp .yp-portlet .k-state-hover .k-insertFile, html body.yp .yp-portlet .k-state-selected .k-i-insert-file, html body.yp .yp-portlet .k-state-selected .k-insertFile {
    background-position: -288px -216px; }
  html body.yp .yp-portlet .k-i-subscript, html body.yp .yp-portlet .k-subscript {
    background-position: -288px -144px; }
  html body.yp .yp-portlet .k-state-hover .k-i-subscript, html body.yp .yp-portlet .k-state-hover .k-subscript, html body.yp .yp-portlet .k-state-selected .k-i-subscript, html body.yp .yp-portlet .k-state-selected .k-subscript {
    background-position: -312px -144px;
    background-position: -288px -144px; }
  html body.yp .yp-portlet .k-state-hover .k-i-subscript, html body.yp .yp-portlet .k-state-hover .k-subscript, html body.yp .yp-portlet .k-state-selected .k-i-subscript, html body.yp .yp-portlet .k-state-selected .k-subscript {
    background-position: -288px -144px; }
  html body.yp .yp-portlet .k-i-superscript, html body.yp .yp-portlet .k-superscript {
    background-position: -288px -168px; }
  html body.yp .yp-portlet .k-state-hover .k-i-superscript, html body.yp .yp-portlet .k-state-hover .k-superscript, html body.yp .yp-portlet .k-state-selected .k-i-superscript, html body.yp .yp-portlet .k-state-selected .k-superscript {
    background-position: -312px -168px;
    background-position: -288px -168px; }
  html body.yp .yp-portlet .k-state-hover .k-i-superscript, html body.yp .yp-portlet .k-state-hover .k-superscript, html body.yp .yp-portlet .k-state-selected .k-i-superscript, html body.yp .yp-portlet .k-state-selected .k-superscript {
    background-position: -288px -168px; }
  html body.yp .yp-portlet .k-cleanFormatting, html body.yp .yp-portlet .k-i-clean-formatting {
    background-position: -288px -192px; }
  html body.yp .yp-portlet .k-state-hover .k-cleanFormatting, html body.yp .yp-portlet .k-state-hover .k-i-clean-formatting, html body.yp .yp-portlet .k-state-selected .k-cleanFormatting, html body.yp .yp-portlet .k-state-selected .k-i-clean-formatting {
    background-position: -312px -192px;
    background-position: -288px -192px; }
  html body.yp .yp-portlet .k-state-hover .k-cleanFormatting, html body.yp .yp-portlet .k-state-hover .k-i-clean-formatting, html body.yp .yp-portlet .k-state-selected .k-cleanFormatting, html body.yp .yp-portlet .k-state-selected .k-i-clean-formatting {
    background-position: -288px -192px; }
  html body.yp .yp-portlet .k-createTable, html body.yp .yp-portlet .k-i-create-table {
    background-position: -192px 0; }
  html body.yp .yp-portlet .k-state-hover .k-createTable, html body.yp .yp-portlet .k-state-hover .k-i-create-table, html body.yp .yp-portlet .k-state-selected .k-createTable, html body.yp .yp-portlet .k-state-selected .k-i-create-table {
    background-position: -216px 0;
    background-position: -192px 0; }
  html body.yp .yp-portlet .k-state-hover .k-createTable, html body.yp .yp-portlet .k-state-hover .k-i-create-table, html body.yp .yp-portlet .k-state-selected .k-createTable, html body.yp .yp-portlet .k-state-selected .k-i-create-table {
    background-position: -192px 0; }
  html body.yp .yp-portlet .k-addColumnLeft, html body.yp .yp-portlet .k-i-add-column-left {
    background-position: -192px -24px; }
  html body.yp .yp-portlet .k-state-hover .k-addColumnLeft, html body.yp .yp-portlet .k-state-hover .k-i-add-column-left, html body.yp .yp-portlet .k-state-selected .k-addColumnLeft, html body.yp .yp-portlet .k-state-selected .k-i-add-column-left {
    background-position: -216px -24px;
    background-position: -192px -24px; }
  html body.yp .yp-portlet .k-state-hover .k-addColumnLeft, html body.yp .yp-portlet .k-state-hover .k-i-add-column-left, html body.yp .yp-portlet .k-state-selected .k-addColumnLeft, html body.yp .yp-portlet .k-state-selected .k-i-add-column-left {
    background-position: -192px -24px; }
  html body.yp .yp-portlet .k-addColumnRight, html body.yp .yp-portlet .k-i-add-column-right {
    background-position: -192px -48px; }
  html body.yp .yp-portlet .k-state-hover .k-addColumnRight, html body.yp .yp-portlet .k-state-hover .k-i-add-column-right, html body.yp .yp-portlet .k-state-selected .k-addColumnRight, html body.yp .yp-portlet .k-state-selected .k-i-add-column-right {
    background-position: -216px -48px;
    background-position: -192px -48px; }
  html body.yp .yp-portlet .k-state-hover .k-addColumnRight, html body.yp .yp-portlet .k-state-hover .k-i-add-column-right, html body.yp .yp-portlet .k-state-selected .k-addColumnRight, html body.yp .yp-portlet .k-state-selected .k-i-add-column-right {
    background-position: -192px -48px; }
  html body.yp .yp-portlet .k-addRowAbove, html body.yp .yp-portlet .k-i-add-row-above {
    background-position: -192px -72px; }
  html body.yp .yp-portlet .k-state-hover .k-addRowAbove, html body.yp .yp-portlet .k-state-hover .k-i-add-row-above, html body.yp .yp-portlet .k-state-selected .k-addRowAbove, html body.yp .yp-portlet .k-state-selected .k-i-add-row-above {
    background-position: -216px -72px;
    background-position: -192px -72px; }
  html body.yp .yp-portlet .k-state-hover .k-addRowAbove, html body.yp .yp-portlet .k-state-hover .k-i-add-row-above, html body.yp .yp-portlet .k-state-selected .k-addRowAbove, html body.yp .yp-portlet .k-state-selected .k-i-add-row-above {
    background-position: -192px -72px; }
  html body.yp .yp-portlet .k-addRowBelow, html body.yp .yp-portlet .k-i-add-row-below {
    background-position: -192px -96px; }
  html body.yp .yp-portlet .k-state-hover .k-addRowBelow, html body.yp .yp-portlet .k-state-hover .k-i-add-row-below, html body.yp .yp-portlet .k-state-selected .k-addRowBelow, html body.yp .yp-portlet .k-state-selected .k-i-add-row-below {
    background-position: -216px -96px;
    background-position: -192px -96px; }
  html body.yp .yp-portlet .k-state-hover .k-addRowBelow, html body.yp .yp-portlet .k-state-hover .k-i-add-row-below, html body.yp .yp-portlet .k-state-selected .k-addRowBelow, html body.yp .yp-portlet .k-state-selected .k-i-add-row-below {
    background-position: -192px -96px; }
  html body.yp .yp-portlet .k-deleteRow, html body.yp .yp-portlet .k-i-delete-row {
    background-position: -192px -120px; }
  html body.yp .yp-portlet .k-state-hover .k-deleteRow, html body.yp .yp-portlet .k-state-hover .k-i-delete-row, html body.yp .yp-portlet .k-state-selected .k-deleteRow, html body.yp .yp-portlet .k-state-selected .k-i-delete-row {
    background-position: -216px -120px;
    background-position: -192px -120px; }
  html body.yp .yp-portlet .k-state-hover .k-deleteRow, html body.yp .yp-portlet .k-state-hover .k-i-delete-row, html body.yp .yp-portlet .k-state-selected .k-deleteRow, html body.yp .yp-portlet .k-state-selected .k-i-delete-row {
    background-position: -192px -120px; }
  html body.yp .yp-portlet .k-deleteColumn, html body.yp .yp-portlet .k-i-delete-column {
    background-position: -192px -144px; }
  html body.yp .yp-portlet .k-state-hover .k-deleteColumn, html body.yp .yp-portlet .k-state-hover .k-i-delete-column, html body.yp .yp-portlet .k-state-selected .k-deleteColumn, html body.yp .yp-portlet .k-state-selected .k-i-delete-column {
    background-position: -216px -144px;
    background-position: -192px -144px; }
  html body.yp .yp-portlet .k-state-hover .k-deleteColumn, html body.yp .yp-portlet .k-state-hover .k-i-delete-column, html body.yp .yp-portlet .k-state-selected .k-deleteColumn, html body.yp .yp-portlet .k-state-selected .k-i-delete-column {
    background-position: -192px -144px; }
  html body.yp .yp-portlet .k-i-merge-cells, html body.yp .yp-portlet .k-mergeCells {
    background-position: -192px -168px; }
  html body.yp .yp-portlet .k-state-hover .k-i-merge-cells, html body.yp .yp-portlet .k-state-hover .k-mergeCells, html body.yp .yp-portlet .k-state-selected .k-i-merge-cells, html body.yp .yp-portlet .k-state-selected .k-mergeCells {
    background-position: -216px -168px;
    background-position: -192px -168px; }
  html body.yp .yp-portlet .k-state-hover .k-i-merge-cells, html body.yp .yp-portlet .k-state-hover .k-mergeCells, html body.yp .yp-portlet .k-state-selected .k-i-merge-cells, html body.yp .yp-portlet .k-state-selected .k-mergeCells {
    background-position: -192px -168px; }
  html body.yp .yp-portlet .k-i-pdf, html body.yp .yp-portlet .k-pdf {
    background-position: -288px -240px; }
  html body.yp .yp-portlet .k-state-hover .k-i-pdf, html body.yp .yp-portlet .k-state-hover .k-pdf, html body.yp .yp-portlet .k-state-selected .k-i-pdf, html body.yp .yp-portlet .k-state-selected .k-pdf {
    background-position: -312px -240px;
    background-position: -288px -240px; }
  html body.yp .yp-portlet .k-state-hover .k-i-pdf, html body.yp .yp-portlet .k-state-hover .k-pdf, html body.yp .yp-portlet .k-state-selected .k-i-pdf, html body.yp .yp-portlet .k-state-selected .k-pdf {
    background-position: -288px -240px; }
  html body.yp .yp-portlet .k-i-print, html body.yp .yp-portlet .k-print {
    background-position: -288px -264px; }
  html body.yp .yp-portlet .k-state-hover .k-i-print, html body.yp .yp-portlet .k-state-hover .k-print, html body.yp .yp-portlet .k-state-selected .k-i-print, html body.yp .yp-portlet .k-state-selected .k-print {
    background-position: -312px -264px;
    background-position: -288px -264px; }
  html body.yp .yp-portlet .k-state-hover .k-i-print, html body.yp .yp-portlet .k-state-hover .k-print, html body.yp .yp-portlet .k-state-selected .k-i-print, html body.yp .yp-portlet .k-state-selected .k-print {
    background-position: -288px -264px; }
  html body.yp .yp-portlet .k-i-table-wizard, html body.yp .yp-portlet .k-i-table-wizard-insert {
    background-position: -192px -192px; }
  html body.yp .yp-portlet .k-state-hover .k-i-table-wizard, html body.yp .yp-portlet .k-state-hover .k-i-table-wizard-insert, html body.yp .yp-portlet .k-state-selected .k-i-table-wizard, html body.yp .yp-portlet .k-state-selected .k-i-table-wizard-insert {
    background-position: -216px -192px;
    background-position: -192px -192px; }
  html body.yp .yp-portlet .k-state-hover .k-i-table-wizard, html body.yp .yp-portlet .k-state-hover .k-i-table-wizard-insert, html body.yp .yp-portlet .k-state-selected .k-i-table-wizard, html body.yp .yp-portlet .k-state-selected .k-i-table-wizard-insert {
    background-position: -192px -192px; }
  html body.yp .yp-portlet .k-fontName {
    width: 110px; }
  html body.yp .yp-portlet .k-fontSize {
    width: 124px; }
  html body.yp .yp-portlet .k-formatBlock {
    width: 147px; }
  html body.yp .yp-portlet .k-editortoolbar-dragHandle {
    float: left;
    margin: 1px 0 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-button-group {
    padding: 1px; }
  html body.yp .yp-portlet .k-editor .k-editor-toolbar .k-row-break {
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0; }
  html body.yp .yp-portlet .k-button-group .k-tool {
    border-style: solid;
    border-width: 1px;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-button-group .k-tool.k-state-hover, html body.yp .yp-portlet .k-button-group .k-tool:focus {
    position: relative;
    z-index: 1; }
  html body.yp .yp-portlet .k-rtl .k-button-group .k-tool {
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .k-button-group .k-tool.k-group-end {
    border-right-width: 1px; }
  html body.yp .yp-portlet .k-rtl .k-button-group .k-tool.k-group-end {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-button-group .k-state-disabled {
    display: none; }
  html body.yp .yp-portlet .k-button-group .k-state-active, html body.yp .yp-portlet .k-button-group .k-state-hover {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-button-group .k-state-disabled {
    filter: alpha(opacity=30);
    opacity: .3; }
  html body.yp .yp-portlet .k-editor .k-editable-area {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0; }
  html body.yp .yp-portlet .k-editor .k-content {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff; }
  html body.yp .yp-portlet .k-editor .k-tool {
    outline: 0; }
  html body.yp .yp-portlet .k-editor iframe.k-content {
    display: inline;
    vertical-align: top; }
  html body.yp .yp-portlet .k-editor .k-raw-content {
    border: 0;
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-editor .k-raw-content, html body.yp .yp-portlet .k-editor-dialog .k-editor-textarea {
    font-size: inherit;
    font-family: consolas,"courier new",monospace; }
  html body.yp .yp-portlet .k-editor-dialog {
    padding: 1em;
    width: 400px; }
  html body.yp .yp-portlet .k-editor-dialog .k-edit-label {
    width: 25%; }
  html body.yp .yp-portlet .k-editor-dialog .k-edit-field {
    width: 66%; }
  html body.yp .yp-portlet .k-editor-dialog .k-edit-field .k-textbox {
    width: 96%; }
  html body.yp .yp-portlet .k-viewhtml-dialog {
    width: auto; }
  html body.yp .yp-portlet .k-filebrowser-dialog {
    width: auto;
    min-width: 350px; }
  html body.yp .yp-portlet .k-filebrowser-dialog .k-filebrowser {
    margin: 0 1em 0; }
  html body.yp .yp-portlet .k-filebrowser-dialog .k-edit-label {
    width: 18%; }
  html body.yp .yp-portlet .k-filebrowser-dialog .k-edit-field {
    width: 75%; }
  html body.yp .yp-portlet .k-filebrowser-dialog .k-edit-field .k-textbox {
    width: 70%; }
  html body.yp .yp-portlet #k-editor-image-height, html body.yp .yp-portlet #k-editor-image-width {
    width: 5em; }
  html body.yp .yp-portlet .k-editor-dialog .k-button {
    display: inline-block; }
  html body.yp .yp-portlet .k-editor-dialog .k-editor-textarea {
    width: 600px;
    height: 350px;
    padding: .2em .2em .2em .4em;
    border-width: 1px;
    border-style: solid;
    overflow: auto; }
  html body.yp .yp-portlet .k-button-wrapper .k-link:hover {
    text-decoration: underline; }
  html body.yp .yp-portlet .k-ct-popup {
    width: 180.4px;
    padding: .65em .5em .5em; }
  html body.yp .yp-portlet .k-ct-popup .k-status {
    margin: .3em 0; }
  html body.yp .yp-portlet .k-ct-cell {
    border-width: 1px;
    border-style: solid;
    width: 18px;
    height: 18px;
    margin: 1px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    -ms-high-contrast-adjust: none; }
  html body.yp .yp-portlet .k-editor .k-resize-handle {
    position: absolute;
    padding: 5px;
    right: 0;
    bottom: 0; }
  html body.yp .yp-portlet .k-editor .k-overlay {
    position: absolute;
    background-color: #fff;
    opacity: 0; }
  html body.yp .yp-portlet .k-toolbar-resizable {
    min-height: 2.4375em;
    position: relative; }
  html body.yp .yp-portlet .k-overflow-tools {
    position: absolute;
    right: 0;
    top: 0; }
  html body.yp .yp-portlet .k-editor-overflow-popup .k-tool {
    width: auto;
    height: auto;
    display: block;
    text-align: left;
    text-decoration: initial;
    border: 0;
    padding-right: .5em;
    margin: 0;
    padding: 0 6px; }
  html body.yp .yp-portlet .k-editor-overflow-popup .k-tool.k-state-disabled {
    display: none; }
  html body.yp .yp-portlet .k-editor-toolbar .k-tool-text {
    display: none; }
  html body.yp .yp-portlet .k-table-resize-handle {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border: 1px solid #000;
    z-index: 100; }
  html body.yp .yp-portlet .k-table-resize-handle:hover {
    background-color: #000; }
  html body.yp .yp-portlet .k-table-resize-handle.k-resize-east {
    cursor: e-resize; }
  html body.yp .yp-portlet .k-table-resize-handle.k-resize-north {
    cursor: n-resize; }
  html body.yp .yp-portlet .k-table-resize-handle.k-resize-northeast {
    cursor: ne-resize; }
  html body.yp .yp-portlet .k-table-resize-handle.k-resize-northwest {
    cursor: nw-resize; }
  html body.yp .yp-portlet .k-table-resize-handle.k-resize-south {
    cursor: s-resize; }
  html body.yp .yp-portlet .k-table-resize-handle.k-resize-southeast {
    cursor: se-resize; }
  html body.yp .yp-portlet .k-table-resize-handle.k-resize-southwest {
    cursor: sw-resize; }
  html body.yp .yp-portlet .k-table-resize-handle.k-resize-west {
    cursor: w-resize; }
  html body.yp .yp-portlet .k-editor-inline .k-column-resize-handle {
    position: absolute;
    height: 14px;
    width: 10px;
    cursor: col-resize;
    z-index: 100; }
  html body.yp .yp-portlet .k-editor-inline .k-column-resize-handle .k-column-resize-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: #00b0ff;
    display: none;
    opacity: .8; }
  html body.yp .yp-portlet .k-table.k-table-resizing {
    opacity: .6; }
  html body.yp .yp-portlet .k-row-resize-handle {
    display: table;
    position: absolute;
    cursor: row-resize;
    z-index: 100; }
  html body.yp .yp-portlet .k-row-resize-marker-wrapper {
    display: table-cell;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-row-resize-marker {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 2px;
    background-color: #00b0ff;
    opacity: .8;
    display: none; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog.k-window-content {
    overflow: hidden;
    min-width: 325px;
    width: 24em;
    padding: 1em 0; }
  html body.yp .yp-portlet .k-editor-dialog .k-tabstrip {
    margin: -1.333em 0 0; }
  html body.yp .yp-portlet .k-editor-dialog .k-root-tabs {
    margin: -1em -1em -1.5em;
    padding: .5em 1em 0;
    border-width: 0; }
  html body.yp .yp-portlet .k-editor-dialog ul.k-tabstrip-items {
    padding: .5em 1em 0;
    border-width: 0 0 1px;
    border-style: solid; }
  html body.yp .yp-portlet ul.k-tabstrip-items .k-loading {
    border-top-width: 0; }
  html body.yp .yp-portlet .k-editor-dialog .k-tabstrip:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content {
    overflow: hidden;
    min-height: 440px;
    height: 35em;
    margin: 0;
    padding: 1em .5em 0;
    border-width: 0; }
  html body.yp .yp-portlet .k-editor-dialog .k-edit-field .k-numerictextbox {
    width: 10.6em;
    margin: 0 .35714285em 0 0; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox + .k-dropdown {
    width: 4em; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown, html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox {
    width: 15em; }
  html body.yp .yp-portlet .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown {
    width: 5.35714285em; }
  html body.yp .yp-portlet .k-editor-dialog textarea.k-textbox {
    height: 14.28571428em; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align {
    width: 4em; }
  html body.yp .yp-portlet .k-popup.k-list-container.k-align {
    padding: 0;
    text-align: center; }
  html body.yp .yp-portlet .k-align-group {
    vertical-align: text-top; }
  html body.yp .yp-portlet .k-popup.k-align .k-list .k-item {
    display: inline-block;
    width: 2.57142857em;
    height: 2.57142857em;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .k-popup.k-align .k-list .k-font-icon {
    vertical-align: bottom;
    vertical-align: -webkit-baseline-middle; }
  html body.yp .yp-portlet .k-popup.k-align .k-list .k-item:last-child {
    width: auto;
    display: block;
    border-width: 1px 0 0;
    border-style: solid; }
  html body.yp .yp-portlet .k-popup.k-align .k-list .k-item:before {
    width: 2.57142857em;
    height: 2.57142857em;
    line-height: 2.57142857em; }
  html body.yp .yp-portlet .k-animation-container .k-editor-toolbar {
    text-align: center;
    line-height: 1.3em; }
  html body.yp .yp-portlet .k-animation-container .k-editor-toolbar .k-tool {
    display: inline-block;
    height: 24px;
    padding: 0 .5em;
    text-decoration: none;
    font-size: .85em;
    color: inherit; }
  html body.yp .yp-portlet .k-animation-container .k-editor-toolbar .k-i-table-wizard-insert {
    width: 24px;
    height: 24px; }
  html body.yp .yp-portlet .k-animation-container .k-editor-toolbar .k-tool-text {
    display: inline;
    vertical-align: sub; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons {
    padding: 1em .8em;
    margin: .5em 0 0; }
  html body.yp .yp-portlet .k-notification-wrap {
    padding: .6em .5em;
    cursor: default;
    position: relative;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-notification-button .k-notification-wrap {
    padding-right: 20px; }
  html body.yp .yp-portlet .k-notification-wrap > .k-i-erorr, html body.yp .yp-portlet .k-notification-wrap > .k-i-info, html body.yp .yp-portlet .k-notification-wrap > .k-i-note, html body.yp .yp-portlet .k-notification-wrap > .k-i-success, html body.yp .yp-portlet .k-notification-wrap > .k-i-warning {
    vertical-align: text-bottom;
    margin-right: 4px; }
  html body.yp .yp-portlet .k-notification-wrap > .k-i-close {
    position: absolute;
    top: 7px;
    right: 4px;
    display: none; }
  html body.yp .yp-portlet .k-notification-button .k-notification-wrap > .k-i-close {
    display: block; }
  html body.yp .yp-portlet .k-progressbar {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-progressbar {
    border-radius: 4px; }
  html body.yp .yp-portlet .k-progressbar-horizontal {
    width: 27em;
    height: 1.9em; }
  html body.yp .yp-portlet .k-progressbar-vertical {
    width: 1.9em;
    height: 27em; }
  html body.yp .yp-portlet .k-progressbar > .k-state-selected {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    overflow: hidden; }
  html body.yp .yp-portlet .k-progressbar-horizontal > .k-state-selected, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
    left: -1px;
    right: auto;
    top: -1px;
    height: 100%;
    border-radius: 4px 0 0 4px; }
  html body.yp .yp-portlet .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal > .k-state-selected {
    left: auto;
    right: -1px;
    border-radius: 0 4px 4px 0; }
  html body.yp .yp-portlet .k-progressbar-vertical > .k-state-selected {
    left: -1px;
    bottom: -1px;
    width: 100%;
    border-radius: 0 0 4px 4px; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
    bottom: auto;
    top: -1px;
    border-radius: 4px 4px 0 0; }
  html body.yp .yp-portlet .k-progressbar > .k-state-selected.k-complete, html body.yp .yp-portlet .k-rtl .k-progressbar > .k-state-selected.k-complete {
    border-radius: 4px; }
  html body.yp .yp-portlet .k-progressbar > .k-reset {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-item {
    display: inline-block;
    height: 100%;
    border-style: solid;
    margin-left: -1px; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-item.k-first {
    margin-left: 0; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-item.k-last {
    border-right-width: 0; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-item, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px 0 1px 1px; }
  html body.yp .yp-portlet .k-progressbar-horizontal.k-progressbar-reverse .k-item, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal .k-item {
    border-width: 1px 0 1px 1px; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-first, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal .k-last, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-last, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal .k-first {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  html body.yp .yp-portlet .k-progressbar-horizontal.k-progressbar-reverse .k-last, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal .k-first {
    border-right-width: 1px; }
  html body.yp .yp-portlet .k-progressbar-horizontal .k-last.k-state-selected {
    border-right-width: 1px; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-item {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    margin-top: -1px; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-item.k-first {
    margin-top: 0; }
  html body.yp .yp-portlet .k-progressbar-vertical li.k-item.k-last {
    border-bottom-width: 0; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-first {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse .k-item {
    border-width: 0 1px 1px 1px; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse .k-first {
    border-top-width: 1px; }
  html body.yp .yp-portlet .k-progress-status-wrap {
    position: absolute;
    top: -1px;
    border: 1px solid transparent;
    line-height: 2em;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-progress-status-wrap, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
    left: -1px;
    right: auto;
    text-align: right; }
  html body.yp .yp-portlet .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, html body.yp .yp-portlet .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
    left: auto;
    right: -1px;
    text-align: left; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-progress-status-wrap {
    top: auto;
    bottom: -1px; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
    bottom: auto;
    top: -1px; }
  html body.yp .yp-portlet .k-progress-status {
    display: inline-block;
    padding: 0 .5em;
    min-width: 10px;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .yp-portlet .k-progressbar-vertical .k-progress-status {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0; }
  html body.yp .yp-portlet .k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    -webkit-transform: rotate(90deg) translateX(-100%);
    -ms-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%; }
  html body.yp .yp-portlet .k-ie8 .k-progressbar-vertical .k-progress-status {
    -webkit-writing-mode: bt-lr;
    -ms-writing-mode: bt-lr;
    writing-mode: bt-lr;
    padding: .5em 0; }
  html body.yp .yp-portlet div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-slider-vertical {
    width: 26px;
    height: 200px; }
  html body.yp .yp-portlet .k-slider-horizontal {
    display: inline-block;
    width: 200px;
    height: 26px; }
  html body.yp .yp-portlet .k-slider-wrap {
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-grid .k-slider .k-button, html body.yp .yp-portlet .k-slider .k-button {
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: 0; }
  html body.yp .yp-portlet .k-slider .k-button .k-icon {
    margin-top: 3px;
    vertical-align: top; }
  html body.yp .yp-portlet .k-state-disabled .k-slider-wrap {
    filter: alpha(opacity=60);
    opacity: .6; }
  html body.yp .yp-portlet .k-state-disabled .k-slider-wrap .k-slider-items {
    color: #333; }
  html body.yp .yp-portlet .k-slider .k-button-decrease {
    left: 0; }
  html body.yp .yp-portlet .k-grid .k-slider-vertical .k-button-decrease, html body.yp .yp-portlet .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0; }
  html body.yp .yp-portlet .k-slider .k-button-increase {
    right: 0; }
  html body.yp .yp-portlet .k-slider .k-icon, html body.yp .yp-portlet .k-slider .k-tick, html body.yp .yp-portlet .k-slider-track {
    cursor: pointer; }
  html body.yp .yp-portlet .k-slider-selection, html body.yp .yp-portlet .k-slider-track {
    position: absolute;
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-selection, html body.yp .yp-portlet .k-slider-horizontal .k-slider-track {
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 34px; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-selection, html body.yp .yp-portlet .k-slider-vertical .k-slider-track {
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 34px; }
  html body.yp .yp-portlet .k-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    outline: 0; }
  html body.yp .yp-portlet .k-slider-horizontal .k-draghandle {
    top: -4px;
    width: 13px;
    height: 14px; }
  html body.yp .yp-portlet .k-slider-vertical .k-draghandle {
    left: -4px;
    width: 14px;
    height: 13px; }
  html body.yp .yp-portlet .k-slider-buttons .k-slider-items {
    margin-left: 34px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-items {
    height: 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-items {
    padding-top: 1px; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-buttons .k-slider-items {
    padding-top: 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-buttons .k-slider-items {
    margin: 0;
    padding-top: 35px; }
  html body.yp .yp-portlet .k-slider .k-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick {
    background-position: center -92px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-tick {
    background-position: center -122px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-tick {
    background-position: center -152px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick-large {
    background-position: center -2px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-tick-large {
    background-position: center -32px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-tick-large {
    background-position: center -62px; }
  html body.yp .yp-portlet .k-slider-vertical .k-tick {
    background-position: -92px center; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-tick {
    background-position: -122px center; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-tick {
    background-position: -152px center; }
  html body.yp .yp-portlet .k-slider-vertical .k-tick-large {
    background-position: -2px center; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-tick-large {
    background-position: -32px center; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-tick-large {
    background-position: -62px center; }
  html body.yp .yp-portlet .k-slider-horizontal .k-first {
    background-position: 0 -92px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-first {
    background-position: 0 -122px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-first {
    background-position: 0 -152px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
    background-position: 0 -62px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-last {
    background-position: 100% -92px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick-large.k-last {
    background-position: 100% -2px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-last {
    background-position: 100% -122px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
    background-position: 100% -32px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-last {
    background-position: 100% -152px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
    background-position: 100% -62px; }
  html body.yp .yp-portlet .k-slider-vertical .k-first {
    background-position: -92px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-tick-large.k-first {
    background-position: -2px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-first {
    background-position: -122px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
    background-position: -32px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-first {
    background-position: -152px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
    background-position: -62px 100%; }
  html body.yp .yp-portlet .k-slider-vertical .k-last {
    background-position: -92px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-tick-large.k-last {
    background-position: -2px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-last {
    background-position: -122px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
    background-position: -32px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-last {
    background-position: -152px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
    background-position: -62px 0; }
  html body.yp .yp-portlet .k-slider-vertical .k-tick {
    text-align: right; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-tick {
    text-align: left; }
  html body.yp .yp-portlet .k-slider .k-label {
    position: absolute;
    white-space: nowrap;
    font-size: .92em; }
  html body.yp .yp-portlet .k-slider-horizontal .k-label {
    left: 0;
    width: 100%;
    line-height: 1; }
  html body.yp .yp-portlet .k-slider-horizontal .k-first .k-label {
    left: -50%; }
  html body.yp .yp-portlet .k-slider-horizontal .k-last .k-label {
    left: auto;
    right: -50%; }
  html body.yp .yp-portlet .k-slider-horizontal .k-label {
    bottom: -1.2em; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-topleft .k-label {
    top: -1.2em; }
  html body.yp .yp-portlet .k-slider-vertical .k-label {
    left: 120%;
    display: block;
    text-align: left; }
  html body.yp .yp-portlet .k-slider-vertical .k-last .k-label {
    top: -.5em; }
  html body.yp .yp-portlet .k-slider-vertical .k-first .k-label {
    bottom: -.5em; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%; }
  html body.yp .yp-portlet .k-slider-tooltip {
    top: -4444px; }
  html body.yp .yp-portlet .k-scheduler-footer, html body.yp .yp-portlet .k-scheduler-toolbar {
    border-style: solid; }
  html body.yp .yp-portlet .k-scheduler-footer, html body.yp .yp-portlet .k-scheduler-toolbar {
    line-height: 28px;
    padding: 6px; }
  html body.yp .yp-portlet .k-scheduler-toolbar {
    position: relative;
    border-width: 0 0 1px; }
  html body.yp .yp-portlet .k-edit-field.k-scheduler-toolbar {
    border-width: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; }
  html body.yp .yp-portlet .k-scheduler-header {
    text-align: center; }
  html body.yp .yp-portlet .k-scheduler-footer {
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-scheduler-toolbar > ul {
    float: right; }
  html body.yp .yp-portlet .k-scheduler-toolbar > ul:first-child {
    float: left; }
  html body.yp .yp-portlet .k-scheduler-toolbar > .k-scheduler-tools {
    float: left;
    margin-bottom: .5em; }
  html body.yp .yp-portlet .k-scheduler-tools + .k-scheduler-navigation {
    float: left;
    clear: left; }
  html body.yp .yp-portlet .k-scheduler-footer > ul > li, html body.yp .yp-portlet .k-scheduler-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0; }
  html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-nav-current, html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
    border-width: 0; }
  html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li, html body.yp .yp-portlet .k-scheduler-toolbar > ul > li:first-child {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-scheduler div.k-scheduler-footer ul li {
    margin-right: .6em;
    border-width: 1px; }
  html body.yp .yp-portlet .k-scheduler-footer .k-link, html body.yp .yp-portlet .k-scheduler-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em; }
  html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-next .k-link, html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-prev .k-link {
    padding-left: .6em;
    padding-right: .6em; }
  html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-current .k-link {
    padding: 0; }
  html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-current {
    margin: 0 1.1em; }
  html body.yp .yp-portlet .k-scheduler .k-nav-current > .k-state-active, html body.yp .yp-portlet .k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current {
    background: 0 0; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation {
    width: 100%;
    text-align: center; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li {
    background: 0 0;
    border: 0; }
  html body.yp .yp-portlet .k-scheduler-phone .k-toolbar .k-nav-next {
    float: right; }
  html body.yp .yp-portlet .k-scheduler-phone .k-toolbar .k-nav-prev {
    float: left; }
  html body.yp .yp-portlet .k-scheduler-footer .k-icon, html body.yp .yp-portlet .k-scheduler-toolbar .k-i-calendar {
    margin: -2px 6px 0 0; }
  html body.yp .yp-portlet .k-scheduler-header, html body.yp .yp-portlet .k-scheduler-header-wrap {
    overflow: hidden; }
  html body.yp .yp-portlet .k-scheduler-header-wrap {
    position: relative;
    border-style: solid;
    border-width: 0; }
  html body.yp .yp-portlet .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 1px; }
  html body.yp .yp-portlet .k-scheduler-content, html body.yp .yp-portlet .k-scheduler-times {
    position: relative; }
  html body.yp .yp-portlet .k-scheduler-times {
    overflow: hidden;
    border-style: solid;
    border-width: 0; }
  html body.yp .yp-portlet .k-scheduler-content {
    overflow: auto; }
  html body.yp .yp-portlet .k-scheduler-layout, html body.yp .yp-portlet .k-scheduler-table {
    border-spacing: 0;
    width: 100%;
    margin: 0;
    border-collapse: separate; }
  html body.yp .yp-portlet .k-scheduler-layout > tbody > tr > td {
    padding: 0;
    vertical-align: top; }
  html body.yp .yp-portlet .k-safari .k-scheduler-layout > tbody > tr > td + td {
    width: 100%; }
  html body.yp .yp-portlet .k-scheduler-table {
    table-layout: fixed;
    max-width: none; }
  html body.yp .yp-portlet .k-scheduler-times .k-scheduler-table {
    table-layout: auto; }
  html body.yp .yp-portlet .k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
    height: 100%; }
  html body.yp .yp-portlet .k-scheduler-table td, html body.yp .yp-portlet .k-scheduler-table th {
    height: 1.5em;
    padding: .334em .5em;
    font-size: 100%; }
  html body.yp .yp-portlet .k-scheduler .k-scheduler-table td, html body.yp .yp-portlet .k-scheduler .k-scheduler-table th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .k-scheduler-monthview .k-hidden, html body.yp .yp-portlet .k-scheduler-monthview .k-hidden > div {
    width: 0 !important;
    overflow: hidden !important; }
  html body.yp .yp-portlet .k-scheduler-monthview .k-hidden {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right-width: 0 !important; }
  html body.yp .yp-portlet .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
    margin-right: 1px; }
  html body.yp .yp-portlet .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
    height: auto; }
  html body.yp .yp-portlet .k-scheduler-monthview .k-hidden, html body.yp .yp-portlet .k-scheduler-monthview .k-scheduler-table td {
    height: 80px;
    text-align: right; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-hidden, html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    height: 40px; }
  html body.yp .yp-portlet .k-scheduler-table td, html body.yp .yp-portlet .k-slot-cell {
    vertical-align: top; }
  html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
    vertical-align: top; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    text-align: center;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span {
    font-size: 1.5em; }
  html body.yp .yp-portlet .k-scheduler-header th {
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-scheduler-header th, html body.yp .yp-portlet .k-scheduler-table td {
    border-style: solid;
    border-width: 0 0 1px 1px; }
  html body.yp .yp-portlet .k-scheduler-header th:first-child, html body.yp .yp-portlet .k-scheduler-table td:first-child {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 1px; }
  html body.yp .yp-portlet .k-scheduler-agendaview .k-scheduler-table td.k-first {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, html body.yp .yp-portlet .k-scheduler-table > tbody > tr > .k-last {
    border-bottom-width: 0; }
  html body.yp .yp-portlet .k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last, html body.yp .yp-portlet .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, html body.yp .yp-portlet .k-scrollbar-h tr + tr .k-scheduler-times {
    border-bottom-width: 1px; }
  html body.yp .yp-portlet .k-scheduler-times th {
    text-align: right;
    padding-right: .6em;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-times th {
    border-bottom-color: transparent; }
  html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day, html body.yp .yp-portlet .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
    border-bottom-color: inherit; }
  html body.yp .yp-portlet .k-scheduler .k-middle-row td {
    border-bottom-style: dotted; }
  html body.yp .yp-portlet .k-scheduler-now-arrow, html body.yp .yp-portlet .k-scheduler-now-line {
    position: absolute; }
  html body.yp .yp-portlet .k-scheduler-now-arrow {
    width: 0;
    height: 0;
    border: solid 5px transparent;
    left: 0; }
  html body.yp .yp-portlet .k-scheduler-now-line {
    left: 5px;
    right: 0;
    height: 1px; }
  html body.yp .yp-portlet .k-task {
    position: relative; }
  html body.yp .yp-portlet div.k-more-events {
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    padding: 0; }
  html body.yp .yp-portlet .k-more-events > span {
    display: block;
    margin-top: -.6em; }
  html body.yp .yp-portlet .k-event, html body.yp .yp-portlet .k-more-events {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden; }
  html body.yp .yp-portlet .k-event {
    cursor: default;
    min-height: 1.3em; }
  html body.yp .yp-portlet .k-event-drag-hint {
    filter: alpha(opacity=60);
    opacity: .6;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing; }
  html body.yp .yp-portlet .k-scheduler-header .k-event {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-event-template {
    padding: .3em 1.4em .3em .6em; }
  html body.yp .yp-portlet .k-event-time {
    display: none;
    padding-bottom: 0;
    font-size: .9em; }
  html body.yp .yp-portlet .k-event-drag-hint .k-event-time {
    display: block; }
  html body.yp .yp-portlet .k-event-actions, html body.yp .yp-portlet .k-event > .k-link, html body.yp .yp-portlet .k-task > .k-link {
    position: absolute;
    top: 3px;
    right: 4px;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-event-actions {
    z-index: 1; }
  html body.yp .yp-portlet .k-scheduler-agendaview .k-task > .k-link {
    top: 0;
    right: 0; }
  html body.yp .yp-portlet .k-event-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px; }
  html body.yp .yp-portlet .k-webkit .k-event-actions:first-child {
    margin-top: 3px; }
  html body.yp .yp-portlet .k-event-actions:first-child > .k-link {
    display: inline-block; }
  html body.yp .yp-portlet .k-event-delete {
    display: none; }
  html body.yp .yp-portlet .k-event:hover .k-event-delete, html body.yp .yp-portlet tr:hover > td > .k-task .k-event-delete {
    display: inline-block; }
  html body.yp .yp-portlet .k-event .k-event-bottom-actions, html body.yp .yp-portlet .k-event .k-event-top-actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center; }
  html body.yp .yp-portlet .k-event .k-event-bottom-actions {
    top: auto;
    bottom: 0; }
  html body.yp .yp-portlet .k-event .k-resize-handle, html body.yp .yp-portlet .k-scheduler-mobile .k-event:hover .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2; }
  html body.yp .yp-portlet .k-event-active .k-resize-handle, html body.yp .yp-portlet .k-event:hover .k-resize-handle, html body.yp .yp-portlet .k-scheduler-mobile .k-event-active:hover .k-resize-handle {
    visibility: visible; }
  html body.yp .yp-portlet .k-event .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event .k-resize-handle:after {
    -webkit-filter: none;
    filter: none;
    opacity: 1; }
  html body.yp .yp-portlet .k-event > .k-resize-n {
    top: 0;
    left: 0;
    right: 0;
    height: .4em; }
  html body.yp .yp-portlet .k-event > .k-resize-s {
    bottom: 0;
    left: 0;
    right: 0;
    height: .4em; }
  html body.yp .yp-portlet .k-event > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .yp-portlet .k-event > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em; }
  html body.yp .yp-portlet .k-event > .k-resize-n:after, html body.yp .yp-portlet .k-event > .k-resize-s:after {
    top: 1px;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 1px; }
  html body.yp .yp-portlet .k-event > .k-resize-s:after {
    top: auto;
    bottom: 1px; }
  html body.yp .yp-portlet .k-event > .k-resize-e:after, html body.yp .yp-portlet .k-event > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px; }
  html body.yp .yp-portlet .k-event > .k-resize-e:after {
    left: auto;
    right: 1px; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-n, html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-s {
    height: .6em; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-e, html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-w {
    width: .6em; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-n:after, html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-s:after {
    top: 0;
    margin-left: -3em;
    width: 4em;
    height: .6em; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-s:after {
    bottom: 0; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-e:after, html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-w:after {
    left: 0;
    margin-top: -.7em;
    height: 1.4em;
    width: .6em; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-e:after {
    right: 0; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-n:after {
    border-radius: 0 0 4px 4px; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-s:after {
    border-radius: 4px 4px 0 0; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-w:after {
    border-radius: 0 4px 4px 0; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event > .k-resize-e:after {
    border-radius: 4px 0 0 4px; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-events-container {
    position: absolute;
    text-align: center;
    height: 6px;
    line-height: 6px; }
  html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-monthview .k-event {
    position: static;
    display: inline-block;
    width: 4px;
    height: 4px;
    min-height: 0;
    margin: 1px; }
  html body.yp .yp-portlet .k-scheduler-marquee {
    border-style: solid;
    border-width: 0; }
  html body.yp .yp-portlet .k-scheduler-marquee.k-first:before, html body.yp .yp-portlet .k-scheduler-marquee.k-last:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px; }
  html body.yp .yp-portlet div.k-scheduler-marquee:before {
    top: 0;
    left: 0;
    border-right-color: transparent;
    border-bottom-color: transparent; }
  html body.yp .yp-portlet div.k-scheduler-marquee:after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent; }
  html body.yp .yp-portlet .k-scheduler-marquee .k-label-top {
    position: absolute;
    top: .3em;
    left: .8em;
    font-size: .8em; }
  html body.yp .yp-portlet .k-scheduler-marquee .k-label-bottom {
    position: absolute;
    bottom: .3em;
    right: .81em;
    font-size: .8em; }
  html body.yp .yp-portlet .k-scheduler-quickedit .k-textbox {
    width: 200px; }
  html body.yp .yp-portlet .k-tooltip-bottom {
    text-align: left; }
  html body.yp .yp-portlet .k-tooltip-bottom .k-button {
    float: left;
    margin-right: .3em; }
  html body.yp .yp-portlet .k-tooltip-bottom .k-quickedit-details {
    float: right;
    margin-right: 0; }
  html body.yp .yp-portlet .k-scheduler-agendaview .k-scheduler-table td, html body.yp .yp-portlet .k-scheduler-agendaview .k-scheduler-table th {
    text-align: left; }
  html body.yp .yp-portlet .k-scheduler-groupcolumn, html body.yp .yp-portlet .k-scheduler-times .k-slot-cell {
    width: 6em; }
  html body.yp .yp-portlet .k-scheduler-datecolumn {
    width: 12em; }
  html body.yp .yp-portlet .k-scheduler-timecolumn {
    width: 11em; }
  html body.yp .yp-portlet .k-scheduler-timecolumn > div {
    position: relative;
    vertical-align: top; }
  html body.yp .yp-portlet .k-webkit .k-scheduler-timecolumn > div > .k-icon {
    vertical-align: top; }
  html body.yp .yp-portlet .k-scheduler-timecolumn > div > .k-i-arrow-e {
    position: absolute;
    right: -4px; }
  html body.yp .yp-portlet .k-scheduler-timecolumn .k-i-arrow-w {
    margin-left: -4px; }
  html body.yp .yp-portlet .k-scheduler-mark {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: .5em; }
  html body.yp .yp-portlet .k-scheduler-agendaday {
    float: left;
    margin: 0 .2em 0 0;
    font-size: 3em;
    font-weight: 400; }
  html body.yp .yp-portlet .k-scheduler-agendaweek {
    display: block;
    margin: .4em 0 0;
    font-size: 1.1em;
    font-style: normal; }
  html body.yp .yp-portlet .k-scheduler-agendadate {
    font-size: .8em; }
  html body.yp .yp-portlet .k-scheduler-timecolumn {
    white-space: nowrap; }
  html body.yp .yp-portlet .k-scheduler-edit-form .k-edit-form-container, html body.yp .yp-portlet .k-scheduler-timezones .k-edit-form-container {
    width: 520px; }
  html body.yp .yp-portlet .k-scheduler-edit-form .k-edit-label {
    width: 17%; }
  html body.yp .yp-portlet .k-scheduler-edit-form .k-edit-field {
    width: 77%; }
  html body.yp .yp-portlet .k-scheduler-edit-form .k-textbox[name=title], html body.yp .yp-portlet .k-scheduler-edit-form textarea.k-textbox {
    width: 100%; }
  html body.yp .yp-portlet .k-scheduler-edit-form textarea.k-textbox {
    min-height: 4em;
    resize: vertical; }
  html body.yp .yp-portlet .k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
    margin-right: 1em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons {
    clear: right;
    margin-right: 2%;
    margin-left: 2%;
    padding: 0 0 .6em; }
  html body.yp .yp-portlet .k-edit-box {
    float: left; }
  html body.yp .yp-portlet .k-edit-box + .k-edit-box {
    float: right; }
  html body.yp .yp-portlet .k-scheduler-edit-form label + input {
    margin-left: 1em; }
  html body.yp .yp-portlet .k-edit-field > ul.k-reset > li {
    margin: .2em 0 .4em;
    line-height: 2.4; }
  html body.yp .yp-portlet .k-edit-field > ul.k-reset.k-toolbar > li {
    margin: 0; }
  html body.yp .yp-portlet .k-edit-field > ul.k-reset .k-widget {
    margin-left: .8em; }
  html body.yp .yp-portlet .k-edit-field span.k-recur-interval, html body.yp .yp-portlet .k-edit-field > ul.k-reset .k-numerictextbox {
    width: 5em; }
  html body.yp .yp-portlet .k-edit-field > ul.k-reset .k-datepicker, html body.yp .yp-portlet .k-edit-field > ul.k-reset .k-dropdown, html body.yp .yp-portlet div[name=recurrenceRule] > .k-dropdown {
    width: 9em; }
  html body.yp .yp-portlet .k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
    float: left; }
  html body.yp .yp-portlet .k-popup-message {
    margin: 0;
    padding: 1em 0 2em;
    text-align: center; }
  html body.yp .yp-portlet .k-scheduler-timezones .k-dropdown:first-child {
    width: 100%; }
  html body.yp .yp-portlet .k-scheduler-timezones .k-dropdown + .k-dropdown {
    margin: .5em 0 .7em; }
  html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: none; }
  html body.yp .yp-portlet .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: none; }
  html body.yp .yp-portlet .k-scheduler-refresh {
    float: right;
    padding: 0 .5em; }
  @media only screen and (max-width: 1024px) {
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
      position: absolute;
      right: 6px;
      top: 6px;
      z-index: 10000; }
    html body.yp .yp-portlet .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
      right: auto;
      left: 6px; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
      display: none; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
      display: none; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: inline; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      display: block;
      border-width: 1px; }
    html body.yp .yp-portlet .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      text-align: left;
      padding-left: 1em; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      display: block;
      position: relative;
      padding-right: 2.5em;
      padding-left: 1em; }
    html body.yp .yp-portlet .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      padding-left: 0; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .333em;
      width: 1.333em;
      height: 1.333em; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
      display: block;
      border: 0;
      border-radius: 0; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      border: 1px solid #c5c5c5;
      background-color: #fff;
      background-image: none;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
    html body.yp .yp-portlet .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      text-align: left; } }
  @media only screen and (max-width: 480px) {
    html body.yp .yp-portlet .k-edge .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, html body.yp .yp-portlet .k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: none; }
    html body.yp .yp-portlet .k-edge .k-scheduler-timecolumn, html body.yp .yp-portlet .k-ff .k-scheduler-timecolumn, html body.yp .yp-portlet .k-ie11 .k-scheduler-timecolumn, html body.yp .yp-portlet .k-safari .k-scheduler-timecolumn, html body.yp .yp-portlet .k-webkit .k-scheduler-timecolumn {
      width: 5em; }
    html body.yp .yp-portlet .k-edge .k-scheduler-datecolumn, html body.yp .yp-portlet .k-ff .k-scheduler-datecolumn, html body.yp .yp-portlet .k-ie11 .k-scheduler-datecolumn, html body.yp .yp-portlet .k-safari .k-scheduler-datecolumn, html body.yp .yp-portlet .k-webkit .k-scheduler-datecolumn {
      width: 6em;
      overflow: hidden; }
    html body.yp .yp-portlet .k-edge .k-scheduler-datecolumn > div, html body.yp .yp-portlet .k-edge .k-scheduler-timecolumn > div, html body.yp .yp-portlet .k-ff .k-scheduler-datecolumn > div, html body.yp .yp-portlet .k-ff .k-scheduler-timecolumn > div, html body.yp .yp-portlet .k-ie11 .k-scheduler-datecolumn > div, html body.yp .yp-portlet .k-ie11 .k-scheduler-timecolumn > div, html body.yp .yp-portlet .k-safari .k-scheduler-datecolumn > div, html body.yp .yp-portlet .k-safari .k-scheduler-timecolumn > div, html body.yp .yp-portlet .k-webkit .k-scheduler-datecolumn > div, html body.yp .yp-portlet .k-webkit .k-scheduler-timecolumn > div {
      white-space: normal; } }
  html body.yp .yp-portlet .k-scheduler-pdf-export {
    overflow: hidden; }
  html body.yp .yp-portlet .k-pdf-export-shadow .k-scheduler, html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-content, html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-times {
    height: auto !important;
    overflow: visible !important; }
  html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-header {
    padding: 0 !important; }
  html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-header-wrap {
    border-width: 0 !important; }
  html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table, html body.yp .yp-portlet .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table {
    width: 100% !important; }
  html body.yp .yp-portlet .k-tooltip {
    position: absolute;
    z-index: 12000;
    border-style: solid;
    border-width: 0;
    padding: 5px 5px 5px 6px;
    background-repeat: repeat-x;
    min-width: 20px;
    text-align: center; }
  html body.yp .yp-portlet .k-tooltip-button {
    text-align: right;
    height: 0; }
  html body.yp .yp-portlet .k-tooltip-content {
    height: 100%; }
  html body.yp .yp-portlet .k-tooltip-closable .k-tooltip-content {
    padding-right: 20px; }
  html body.yp .yp-portlet span.k-tooltip {
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px; }
  html body.yp .yp-portlet .k-invalid-msg {
    display: none; }
  html body.yp .yp-portlet .k-callout {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent; }
  html body.yp .yp-portlet .k-callout-n {
    top: -12px;
    left: 50%; }
  html body.yp .yp-portlet .k-callout-w {
    top: 50%;
    left: -12px; }
  html body.yp .yp-portlet .k-callout-s {
    left: 50%;
    bottom: -12px; }
  html body.yp .yp-portlet .k-callout-e {
    top: 50%;
    right: -12px; }
  html body.yp .yp-portlet .k-slider-tooltip .k-callout-n, html body.yp .yp-portlet .k-slider-tooltip .k-callout-s {
    margin-left: -6px; }
  html body.yp .yp-portlet .k-slider-tooltip .k-callout-e, html body.yp .yp-portlet .k-slider-tooltip .k-callout-w {
    margin-top: -6px; }
  html body.yp .yp-portlet .k-tooltip-validation .k-warning {
    vertical-align: text-top;
    margin-right: 3px; }
  html body.yp .yp-portlet .k-tooltip-validation {
    z-index: 9999; }
  html body.yp .yp-portlet .k-toolbar {
    position: relative;
    display: block;
    vertical-align: middle;
    line-height: 2.9em; }
  html body.yp .yp-portlet .k-overflow-container .k-button .k-icon, html body.yp .yp-portlet .k-overflow-container .k-button .k-sprite, html body.yp .yp-portlet .k-toolbar .k-button .k-icon, html body.yp .yp-portlet .k-toolbar .k-button .k-sprite {
    vertical-align: middle;
    margin-top: -7px;
    margin-bottom: -5px; }
  html body.yp .yp-portlet .k-toolbar .k-input {
    line-height: inherit;
    height: inherit;
    padding-top: 2px;
    padding-bottom: 2px; }
  html body.yp .yp-portlet .k-toolbar .k-input:before {
    content: "\a0";
    display: inline-block;
    width: 0; }
  html body.yp .yp-portlet .k-ie .k-toolbar .k-input {
    height: 1.65em; }
  html body.yp .yp-portlet .k-toolbar .k-combobox .k-dropdown-wrap:before, html body.yp .yp-portlet .k-toolbar .k-numeric-wrap:before, html body.yp .yp-portlet .k-toolbar .k-picker-wrap:before {
    display: none; }
  html body.yp .yp-portlet .k-overflow-container .k-sprite {
    margin-left: -4px; }
  html body.yp .yp-portlet .k-toolbar-resizable {
    overflow: hidden;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-toolbar > .k-align-left {
    float: none; }
  html body.yp .yp-portlet .k-toolbar > .k-align-right {
    float: right; }
  html body.yp .yp-portlet .k-toolbar .k-button, html body.yp .yp-portlet .k-toolbar > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.72em; }
  html body.yp .yp-portlet .k-toolbar .k-separator {
    border-width: 0 0 0 1px;
    border-style: solid;
    width: 1px;
    line-height: inherit; }
  html body.yp .yp-portlet .k-toolbar .k-button-group {
    list-style-type: none; }
  html body.yp .yp-portlet .k-toolbar .k-button-group > li {
    display: inline-block; }
  html body.yp .yp-portlet .k-toolbar .k-button-group .k-button {
    margin: 0 0 0 -1px;
    border-radius: 0; }
  html body.yp .yp-portlet .k-toolbar .k-button, html body.yp .yp-portlet .k-toolbar .k-button-group, html body.yp .yp-portlet .k-toolbar .k-separator, html body.yp .yp-portlet .k-toolbar .k-split-button, html body.yp .yp-portlet .k-toolbar .k-textbox, html body.yp .yp-portlet .k-toolbar .k-widget, html body.yp .yp-portlet .k-toolbar label {
    margin: 0 .2em;
    line-height: 1.72em;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-toolbar .k-split-button {
    padding-left: 0; }
  html body.yp .yp-portlet .k-toolbar .k-button-group .k-group-start, html body.yp .yp-portlet .k-toolbar .k-split-button .k-button {
    margin: 0; }
  html body.yp .yp-portlet .k-toolbar .k-split-button .k-split-button-arrow {
    margin: 0 0 0 -1px; }
  html body.yp .yp-portlet .k-toolbar .k-overflow-anchor {
    border-width: 0 0 0 1px;
    border-style: solid;
    height: 3em;
    width: 3em;
    line-height: inherit;
    padding: 0 .5em;
    margin: 0;
    position: relative;
    float: right;
    border-radius: 0; }
  html body.yp .yp-portlet .k-overflow-container .k-item {
    float: none;
    border: 0; }
  html body.yp .yp-portlet .k-overflow-container .k-separator {
    border-width: 0 0 1px;
    border-style: solid;
    height: 1px;
    line-height: 0;
    font-size: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-button, html body.yp .yp-portlet .k-split-container .k-button {
    text-align: left;
    display: block;
    background: 0 0;
    border-color: transparent;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-split-container {
    margin-top: -1px; }
  html body.yp .yp-portlet .k-overflow-container .k-button-group {
    padding: 0; }
  html body.yp .yp-portlet .k-overflow-container .k-button-group > li {
    display: block; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-group {
    border-width: 1px 0;
    border-style: solid;
    border-radius: 0;
    padding: 2px 0;
    margin: 1px 0; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-hidden {
    display: none; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-group + .k-overflow-group, html body.yp .yp-portlet .k-overflow-container .k-separator + .k-overflow-group, html body.yp .yp-portlet .k-overflow-container .k-toolbar-first-visible {
    border-top: 0;
    margin-top: 0;
    padding-top: 1px; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-group + .k-separator {
    display: none; }
  html body.yp .yp-portlet .k-overflow-container .k-toolbar-last-visible {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1px; }
  html body.yp .yp-portlet .k-splitter {
    position: relative;
    height: 300px; }
  html body.yp .yp-portlet .k-pane > .k-splitter {
    border-width: 0;
    overflow: hidden; }
  html body.yp .yp-portlet .k-splitter .k-pane {
    overflow: hidden; }
  html body.yp .yp-portlet .k-splitter .k-scrollable {
    overflow: auto; }
  html body.yp .yp-portlet .k-splitter .k-pane-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px; }
  html body.yp .yp-portlet .k-ghost-splitbar, html body.yp .yp-portlet .k-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-splitter .k-ghost-splitbar-horizontal, html body.yp .yp-portlet .k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y; }
  html body.yp .yp-portlet .k-ghost-splitbar-vertical, html body.yp .yp-portlet .k-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x; }
  html body.yp .yp-portlet .k-splitbar-draggable-horizontal {
    cursor: w-resize; }
  html body.yp .yp-portlet .k-splitbar-draggable-vertical {
    cursor: n-resize; }
  html body.yp .yp-portlet .k-splitbar .k-resize-handle {
    display: none; }
  html body.yp .yp-portlet .k-restricted-size-horizontal, html body.yp .yp-portlet .k-restricted-size-vertical {
    background-color: red; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 20px;
    margin-top: -10px; }
  html body.yp .yp-portlet .k-collapse-next, html body.yp .yp-portlet .k-collapse-prev, html body.yp .yp-portlet .k-expand-next, html body.yp .yp-portlet .k-expand-prev {
    cursor: pointer; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-collapse-prev {
    margin-top: -31px; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-collapse-next {
    margin-top: 11px; }
  html body.yp .yp-portlet .k-splitbar-static-horizontal {
    width: 1px; }
  html body.yp .yp-portlet .k-splitbar-static-vertical {
    height: 1px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%;
    width: 20px;
    height: 5px;
    margin-left: -10px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-collapse-prev {
    margin-left: -31px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-collapse-next {
    margin-left: 11px; }
  html body.yp .yp-portlet .k-splitbar-draggable-horizontal .k-resize-handle, html body.yp .yp-portlet .k-splitbar-draggable-vertical .k-resize-handle {
    display: inline-block; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-resize-handle {
    background-position: -165px -6px; }
  html body.yp .yp-portlet .k-splitbar-horizontal-hover > .k-resize-handle {
    background-position: -181px -6px; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-collapse-prev, html body.yp .yp-portlet .k-splitbar-horizontal .k-expand-next {
    background-position: -6px -174px; }
  html body.yp .yp-portlet .k-splitbar-horizontal-hover > .k-collapse-prev, html body.yp .yp-portlet .k-splitbar-horizontal-hover > .k-expand-next {
    background-position: -22px -174px; }
  html body.yp .yp-portlet .k-splitbar-horizontal .k-collapse-next, html body.yp .yp-portlet .k-splitbar-horizontal .k-expand-prev {
    background-position: -5px -142px; }
  html body.yp .yp-portlet .k-splitbar-horizontal-hover > .k-collapse-next, html body.yp .yp-portlet .k-splitbar-horizontal-hover > .k-expand-prev {
    background-position: -21px -142px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-resize-handle {
    background-position: -38px -309px; }
  html body.yp .yp-portlet .k-splitbar-vertical-hover > .k-resize-handle {
    background-position: -70px -309px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-collapse-prev, html body.yp .yp-portlet .k-splitbar-vertical .k-expand-next {
    background-position: 2px -134px; }
  html body.yp .yp-portlet .k-splitbar-vertical-hover > .k-collapse-prev, html body.yp .yp-portlet .k-splitbar-vertical-hover > .k-expand-next {
    background-position: -14px -134px; }
  html body.yp .yp-portlet .k-splitbar-vertical .k-collapse-next, html body.yp .yp-portlet .k-splitbar-vertical .k-expand-prev {
    background-position: 2px -165px; }
  html body.yp .yp-portlet .k-splitbar-vertical-hover > .k-collapse-next, html body.yp .yp-portlet .k-splitbar-vertical-hover > .k-expand-prev {
    background-position: -14px -165px; }
  html body.yp .yp-portlet .k-splitter-resizing {
    overflow: hidden; }
  html body.yp .yp-portlet html .k-upload {
    position: relative; }
  html body.yp .yp-portlet .k-dropzone em, html body.yp .yp-portlet .k-upload-button {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-dropzone, html body.yp .yp-portlet .k-file {
    position: relative; }
  html body.yp .yp-portlet .k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .8em;
    background-color: transparent; }
  html body.yp .yp-portlet .k-dropzone em {
    visibility: hidden;
    margin-left: .6em; }
  html body.yp .yp-portlet .k-dropzone-active em {
    visibility: visible; }
  html body.yp .yp-portlet .k-upload-button {
    position: relative;
    overflow: hidden;
    direction: ltr; }
  html body.yp .yp-portlet .k-upload .k-upload-button {
    min-width: 7.167em; }
  html body.yp .yp-portlet .k-ie8 .k-upload-button, html body.yp .yp-portlet .k-ie9 .k-upload-button, html body.yp .yp-portlet .k-upload-sync .k-upload-button {
    margin: .8em; }
  html body.yp .yp-portlet .k-upload-button input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer; }
  html body.yp .yp-portlet .k-upload-files {
    line-height: 2.66;
    border-style: solid;
    border-width: 1px 0 0;
    padding-bottom: 5px; }
  html body.yp .yp-portlet .k-upload-files .k-button {
    padding: 0; }
  html body.yp .yp-portlet .k-upload-status .k-warning {
    display: none; }
  html body.yp .yp-portlet .k-upload-status-total .k-icon {
    display: inline-block;
    margin-right: 4px; }
  html body.yp .yp-portlet .k-dropzone .k-upload-status-total {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  html body.yp .yp-portlet .k-upload .k-clear-selected, html body.yp .yp-portlet .k-upload .k-upload-selected {
    display: inline-block;
    width: 50%;
    margin: 0;
    line-height: 1em;
    padding: 1.214em 0;
    border: 0; }
  html body.yp .yp-portlet .k-upload .k-upload-selected {
    border-left-width: 1px;
    border-left-style: solid;
    margin-left: -1px; }
  html body.yp .yp-portlet .k-upload .k-clear-selected {
    border-radius: 0 0 0 4px; }
  html body.yp .yp-portlet .k-upload .k-upload-selected {
    border-radius: 0 0 4px 0; }
  html body.yp .yp-portlet .k-upload-files ~ .k-clear-selected, html body.yp .yp-portlet .k-upload-files ~ .k-upload-selected {
    margin-top: -5px; }
  html body.yp .yp-portlet .k-upload .k-fail {
    background-position: -161px -111px; }
  html body.yp .yp-portlet .k-i-srefresh, html body.yp .yp-portlet .k-si-refresh {
    background-position: -160px -128px; }
  html body.yp .yp-portlet .k-button:active .k-i-srefresh, html body.yp .yp-portlet .k-button:active .k-si-refresh, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-srefresh, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-refresh, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-srefresh, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-refresh, html body.yp .yp-portlet .k-state-hover > * > .k-i-srefresh, html body.yp .yp-portlet .k-state-hover > * > .k-si-refresh, html body.yp .yp-portlet .k-state-hover > .k-i-srefresh, html body.yp .yp-portlet .k-state-hover > .k-si-refresh, html body.yp .yp-portlet .k-textbox:hover .k-i-srefresh, html body.yp .yp-portlet .k-textbox:hover .k-si-refresh {
    background-position: -160px -128px; }
  html body.yp .yp-portlet .k-i-stick, html body.yp .yp-portlet .k-si-tick, html body.yp .yp-portlet .k-success {
    background-position: -160px -96px; }
  html body.yp .yp-portlet .k-button:active .k-i-stick, html body.yp .yp-portlet .k-button:active .k-si-tick, html body.yp .yp-portlet .k-button:active .k-success, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-stick, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-tick, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-success, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-stick, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-tick, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-success, html body.yp .yp-portlet .k-state-hover > * > .k-i-stick, html body.yp .yp-portlet .k-state-hover > * > .k-si-tick, html body.yp .yp-portlet .k-state-hover > * > .k-success, html body.yp .yp-portlet .k-state-hover > .k-i-stick, html body.yp .yp-portlet .k-state-hover > .k-si-tick, html body.yp .yp-portlet .k-state-hover > .k-success, html body.yp .yp-portlet .k-textbox:hover .k-i-stick, html body.yp .yp-portlet .k-textbox:hover .k-si-tick, html body.yp .yp-portlet .k-textbox:hover .k-success {
    background-position: -160px -96px; }
  html body.yp .yp-portlet .k-i-scancel, html body.yp .yp-portlet .k-si-cancel {
    background-position: -160px -112px; }
  html body.yp .yp-portlet .k-button:active .k-i-scancel, html body.yp .yp-portlet .k-button:active .k-si-cancel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-i-scancel, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-si-cancel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-i-scancel, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-si-cancel, html body.yp .yp-portlet .k-state-hover > * > .k-i-scancel, html body.yp .yp-portlet .k-state-hover > * > .k-si-cancel, html body.yp .yp-portlet .k-state-hover > .k-i-scancel, html body.yp .yp-portlet .k-state-hover > .k-si-cancel, html body.yp .yp-portlet .k-textbox:hover .k-i-scancel, html body.yp .yp-portlet .k-textbox:hover .k-si-cancel {
    background-position: -160px -112px; }
  html body.yp .yp-portlet .k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .65em .17em .65em 1em; }
  html body.yp .yp-portlet .k-file .k-icon {
    position: relative; }
  html body.yp .yp-portlet .k-file > .k-icon {
    background-position: -112px -288px; }
  html body.yp .yp-portlet .k-button:active .k-file > .k-icon, html body.yp .yp-portlet .k-button:not(.k-state-disabled):hover .k-file > .k-icon, html body.yp .yp-portlet .k-link:not(.k-state-disabled):hover > .k-file > .k-icon, html body.yp .yp-portlet .k-state-hover > * > .k-file > .k-icon, html body.yp .yp-portlet .k-state-hover > .k-file > .k-icon, html body.yp .yp-portlet .k-textbox:hover .k-file > .k-icon {
    background-position: -112px -288px; }
  html body.yp .yp-portlet .k-file-extension-wrapper, html body.yp .yp-portlet .k-file-invalid-extension-wrapper, html body.yp .yp-portlet .k-file-name-size-wrapper, html body.yp .yp-portlet .k-multiple-files-extension-wrapper, html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper {
    display: inline-block; }
  html body.yp .yp-portlet .k-file-extension-wrapper, html body.yp .yp-portlet .k-file-invalid-extension-wrapper, html body.yp .yp-portlet .k-multiple-files-extension-wrapper, html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper {
    position: relative;
    width: 24px;
    height: 34px;
    border-width: 2px;
    border-style: solid;
    vertical-align: top;
    font-size: .57em;
    text-transform: uppercase; }
  html body.yp .yp-portlet .k-file-invalid-extension-wrapper, html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper {
    font-size: 1.2em; }
  html body.yp .yp-portlet .k-multiple-files-extension-wrapper, html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper {
    margin-top: 4px; }
  html body.yp .yp-portlet .k-file-state {
    visibility: hidden; }
  html body.yp .yp-portlet .k-file-name-size-wrapper {
    vertical-align: middle;
    margin-left: 1em; }
  html body.yp .yp-portlet .k-file-extension-wrapper:before, html body.yp .yp-portlet .k-file-invalid-extension-wrapper:before, html body.yp .yp-portlet .k-multiple-files-extension-wrapper:after, html body.yp .yp-portlet .k-multiple-files-extension-wrapper:before, html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper:after, html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper:before {
    position: absolute;
    content: "";
    display: inline-block;
    border-style: solid; }
  html body.yp .yp-portlet .k-file-extension-wrapper:before, html body.yp .yp-portlet .k-file-invalid-extension-wrapper:before, html body.yp .yp-portlet .k-multiple-files-extension-wrapper:before, html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper:before {
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-width: 6px;
    margin-top: -1px;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-multiple-files-extension-wrapper:after, html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper:after {
    top: -6px;
    left: -6px;
    width: 15px;
    height: 35px;
    border-width: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-file-extension, html body.yp .yp-portlet .k-file-invalid-icon {
    position: absolute;
    bottom: 0;
    line-height: normal; }
  html body.yp .yp-portlet .k-file-extension {
    margin-left: .4em;
    margin-bottom: .3em;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%; }
  html body.yp .yp-portlet .k-file-invalid-icon {
    margin-left: 5px; }
  html body.yp .yp-portlet .k-file-information, html body.yp .yp-portlet .k-file-name, html body.yp .yp-portlet .k-file-size, html body.yp .yp-portlet .k-file-validation-message {
    display: block; }
  html body.yp .yp-portlet .k-file-name {
    position: relative;
    min-width: 10em;
    max-width: 16.667em;
    vertical-align: middle;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-file-information, html body.yp .yp-portlet .k-file-size, html body.yp .yp-portlet .k-file-validation-message {
    font-size: .78em;
    line-height: 1.5em; }
  html body.yp .yp-portlet .k-file-information, html body.yp .yp-portlet .k-file-validation-message {
    line-height: 1.5em; }
  html body.yp .yp-portlet .k-file-size {
    line-height: 1.2em; }
  html body.yp .yp-portlet .k-upload-status {
    position: absolute;
    right: 10px;
    top: 0; }
  html body.yp .yp-portlet .k-upload-status .k-button {
    vertical-align: text-bottom; }
  html body.yp .yp-portlet .k-dropzone .k-upload-status {
    line-height: 2.4; }
  html body.yp .yp-portlet .k-upload-pct {
    margin-right: .75em; }
  html body.yp .yp-portlet .k-ie8 .k-upload-status-total {
    line-height: 29px; }
  html body.yp .yp-portlet .k-ie8 .k-upload-status-total, html body.yp .yp-portlet .k-ie9 .k-upload-status-total {
    top: 1.5em; }
  html body.yp .yp-portlet .k-ie8 .k-upload-status-total > .k-icon, html body.yp .yp-portlet .k-ie9 .k-upload-status-total > .k-icon {
    margin-top: -3px; }
  html body.yp .yp-portlet .k-upload-action {
    line-height: normal; }
  html body.yp .yp-portlet .k-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px; }
  html body.yp .yp-portlet .k-file-invalid > .k-progress {
    width: 100%; }
  html body.yp .yp-portlet .k-upload-selected {
    min-width: 7.167em;
    margin: .25em 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .k-upload-cancel, html body.yp .yp-portlet .k-upload-selected {
    margin-bottom: .8em; }
  html body.yp .yp-portlet .k-upload-selected {
    margin-left: .8em;
    margin-right: .2em; }
  html body.yp .yp-portlet .k-rtl .k-file-extension-wrapper {
    margin-left: 14px; }
  html body.yp .yp-portlet .k-mediaplayer {
    position: relative; }
  html body.yp .yp-portlet .k-mediaplayer > iframe, html body.yp .yp-portlet .k-mediaplayer > video {
    vertical-align: top; }
  html body.yp .yp-portlet .k-mediaplayer .k-mediaplayer-titlebar, html body.yp .yp-portlet .k-mediaplayer .k-mediaplayer-toolbar {
    z-index: 2; }
  html body.yp .yp-portlet .k-mediaplayer .k-mediaplayer-overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute; }
  html body.yp .yp-portlet .k-mediaplayer-titlebar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(80%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0));
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0));
    color: #fff;
    padding: 12px 12px 30px; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    border-width: 0; }
  html body.yp .yp-portlet html .k-mediaplayer-toolbar .k-button-bare {
    padding-left: 9px;
    padding-right: 9px; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar div.k-mediaplayer-volume {
    margin: 2px 6px 0; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-slider-selection, html body.yp .yp-portlet .k-mediaplayer-toolbar .k-slider-track {
    border-radius: 0; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar {
    position: absolute;
    top: -17px;
    left: 0;
    right: 0;
    margin: 0;
    width: auto; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-slider-track {
    width: 100% !important; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-draghandle {
    opacity: 0;
    -webkit-transition: .2s opacity;
    transition: .2s opacity; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-draghandle.k-state-selected, html body.yp .yp-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar:hover .k-draghandle {
    opacity: 1; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-mediaplayer-quality {
    width: auto;
    padding: 0;
    background: none transparent; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-mediaplayer-quality .k-dropdown-wrap {
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background: none transparent;
    color: inherit; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-mediaplayer-quality .k-input {
    display: none; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-mediaplayer-quality .k-select {
    position: relative;
    width: auto;
    min-height: 0;
    line-height: inherit; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-align-right {
    line-height: inherit; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-align-right > * {
    display: inline-block; }
  html body.yp .yp-portlet .k-mediaplayer-currenttime {
    display: inline-block;
    margin-top: 2px; }
  html body.yp .yp-portlet .k-quality-list {
    width: 80px !important;
    margin-left: -32px !important; }
  html body.yp .yp-portlet .k-toolbar-wrap .k-dropzone em, html body.yp .yp-portlet .k-toolbar-wrap .k-upload-files {
    display: none; }
  html body.yp .yp-portlet .k-toolbar-wrap .k-dropzone {
    border: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-toolbar-wrap .k-dropzone-active {
    text-align: center; }
  html body.yp .yp-portlet .k-toolbar-wrap .k-dropzone-active em {
    display: inline;
    margin: 0;
    font-size: 5em;
    font-style: normal; }
  html body.yp .yp-portlet .k-toolbar-wrap .k-dropzone-active .k-upload-button {
    display: none; }
  html body.yp .yp-portlet .k-filebrowser-dropzone {
    z-index: 10010;
    filter: alpha(opacity=40);
    opacity: .4;
    position: fixed; }
  html body.yp .yp-portlet .k-search-wrap {
    position: relative;
    float: right;
    width: 20%;
    padding: 0; }
  html body.yp .yp-portlet .k-search-wrap label {
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic; }
  html body.yp .yp-portlet .k-search-wrap input.k-input {
    padding-left: 0;
    padding-right: 0; }
  html body.yp .yp-portlet .k-search-wrap .k-search {
    position: absolute;
    top: 4px;
    right: 2px;
    margin: 0; }
  html body.yp .yp-portlet .k-breadcrumbs {
    position: relative;
    float: left;
    width: 79%; }
  html body.yp .yp-portlet .k-breadcrumbs-wrap {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    padding-left: 5px;
    line-height: 18px; }
  html body.yp .yp-portlet .k-breadcrumbs > .k-input {
    width: 100%;
    font-size: inherit;
    font-family: inherit;
    border: 0; }
  html body.yp .yp-portlet .k-breadcrumbs .k-link, html body.yp .yp-portlet .k-breadcrumbs-wrap .k-icon {
    margin-top: 0;
    text-decoration: none;
    vertical-align: middle;
    position: static; }
  html body.yp .yp-portlet .k-breadcrumbs .k-link:hover {
    text-decoration: underline; }
  html body.yp .yp-portlet .k-filebrowser .k-breadcrumbs .k-i-seek-w {
    text-decoration: none;
    cursor: default; }
  html body.yp .yp-portlet .k-filebrowser .k-filebrowser-toolbar {
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: .25em;
    line-height: 23px;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled {
    display: none; }
  html body.yp .yp-portlet .k-filebrowser .k-toolbar-wrap {
    float: left; }
  html body.yp .yp-portlet .k-filebrowser .k-tiles-arrange {
    float: right; }
  html body.yp .yp-portlet .k-filebrowser .k-tiles-arrange .k-dropdown {
    width: 75px; }
  html body.yp .yp-portlet .k-filebrowser .k-upload {
    float: left;
    z-index: 10010;
    border-width: 0;
    background-color: transparent; }
  html body.yp .yp-portlet .k-filebrowser .k-upload .k-upload-status {
    display: none; }
  html body.yp .yp-portlet .k-filebrowser .k-upload .k-upload-button {
    width: auto;
    margin-left: 0;
    vertical-align: top; }
  html body.yp .yp-portlet .k-filebrowser .k-upload .k-icon {
    vertical-align: bottom; }
  html body.yp .yp-portlet .k-tiles {
    clear: both;
    height: 390px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    margin: 0 0 1.4em;
    padding: 9px;
    overflow: auto;
    line-height: 1.2; }
  html body.yp .yp-portlet .k-tile {
    float: left;
    width: 223px;
    height: 88px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    background-position: 0 100px;
    background-repeat: repeat-x;
    cursor: pointer; }
  html body.yp .yp-portlet .k-tiles li.k-state-hover, html body.yp .yp-portlet .k-tiles li.k-state-selected {
    background-position: 0 center; }
  html body.yp .yp-portlet .k-filebrowser .k-thumb {
    float: left;
    display: inline;
    width: 80px;
    height: 80px;
    margin: 4px 10px 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-filebrowser .k-file {
    width: 80px;
    height: 80px; }
  html body.yp .yp-portlet .k-filebrowser .k-image {
    margin: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-filebrowser .k-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat; }
  html body.yp .yp-portlet .k-filebrowser .k-loading {
    margin: 35px 0 0 33px; }
  html body.yp .yp-portlet .k-tile input, html body.yp .yp-portlet .k-tile strong {
    margin: 10px 0 4px;
    font-weight: 400; }
  html body.yp .yp-portlet .k-tile strong {
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-tile input {
    width: 100px; }
  html body.yp .yp-portlet .k-tile input, html body.yp .yp-portlet .k-tile strong {
    display: block; }
  html body.yp .yp-portlet .k-tile .k-filesize {
    display: inline-block; }
  html body.yp .yp-portlet .k-filebrowser .k-form-text-row {
    text-align: right; }
  html body.yp .yp-portlet .k-filebrowser .k-form-text-row label {
    width: 14%; }
  html body.yp .yp-portlet .k-filebrowser .k-form-text-row input {
    width: 80%; }
  html body.yp .yp-portlet .k-tile-empty {
    margin: 160px 0 0; }
  html body.yp .yp-portlet .k-tile-empty .k-dialog-upload {
    font-weight: 700;
    font-size: 120%; }
  html body.yp .yp-portlet .k-tile-empty strong {
    display: block;
    margin: 0 0 .2em;
    font-size: 3em;
    font-weight: 400; }
  html body.yp .yp-portlet .k-tile-empty, html body.yp .yp-portlet .k-tile-empty .k-button-wrapper {
    text-align: center; }
  html body.yp .yp-portlet .k-chart, html body.yp .yp-portlet .k-gauge, html body.yp .yp-portlet .k-sparkline, html body.yp .yp-portlet .k-stockchart {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html body.yp .yp-portlet .k-chart, html body.yp .yp-portlet .k-stockchart {
    height: 400px; }
  html body.yp .yp-portlet .k-stockchart, html body.yp .yp-portlet div.k-chart, html body.yp .yp-portlet div.k-gauge, html body.yp .yp-portlet span.k-sparkline {
    background-color: transparent; }
  html body.yp .yp-portlet .k-gauge {
    text-align: left;
    position: relative; }
  html body.yp .yp-portlet .k-baseline-marker {
    zoom: 1;
    *display: inline; }
  html body.yp .yp-portlet .k-chart-tooltip {
    border-radius: 4px;
    padding: 6px;
    white-space: nowrap;
    z-index: 12000;
    line-height: normal;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
    color: #fff; }
  html body.yp .yp-portlet .k-chart-tooltip-inverse {
    color: #000; }
  html body.yp .yp-portlet .k-chart-tooltip table {
    border-spacing: 0;
    border-collapse: collapse; }
  html body.yp .yp-portlet .k-chart-tooltip th {
    width: auto;
    text-align: center;
    padding: 1px; }
  html body.yp .yp-portlet .k-chart-tooltip td {
    width: auto;
    text-align: left;
    padding: .1em .2em; }
  html body.yp .yp-portlet .k-selector {
    position: absolute;
    -webkit-transform: translateZ(0); }
  html body.yp .yp-portlet .k-selection {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    border-bottom: 0;
    height: 100%; }
  html body.yp .yp-portlet .k-selection-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.01);
    filter: alpha(opacity=1); }
  html body.yp .yp-portlet .k-handle {
    background: #d2d2d2;
    width: 7px;
    height: 26px;
    cursor: e-resize;
    z-index: 1;
    border-radius: 6px;
    position: absolute; }
  html body.yp .yp-portlet .k-handle div {
    width: 100%;
    height: 100%;
    background-color: transparent; }
  html body.yp .yp-portlet .k-leftHandle {
    left: -4px; }
  html body.yp .yp-portlet .k-rightHandle {
    right: -4px; }
  html body.yp .yp-portlet .k-leftHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 30px 0 0; }
  html body.yp .yp-portlet .k-leftHandle.k-handle-active div {
    margin-left: -40px;
    padding-right: 55px; }
  html body.yp .yp-portlet .k-rightHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 0 0 30px; }
  html body.yp .yp-portlet .k-rightHandle.k-handle-active div {
    padding-left: 55px; }
  html body.yp .yp-portlet .k-mask {
    position: absolute;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=80);
    opacity: .8; }
  html body.yp .yp-portlet .k-border {
    background: #d2d2d2;
    width: 1px;
    height: 100%;
    position: absolute; }
  html body.yp .yp-portlet .k-navigator-hint div {
    position: absolute; }
  html body.yp .yp-portlet .k-navigator-hint .k-scroll {
    position: absolute;
    height: 4px;
    border-radius: 4px;
    background: #d2d2d2; }
  html body.yp .yp-portlet .k-navigator-hint .k-tooltip {
    margin-top: 20px;
    min-width: 160px;
    opacity: 1;
    text-align: center;
    border: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background: #fff; }
  html body.yp .yp-portlet .k-sparkline, html body.yp .yp-portlet .k-sparkline span {
    display: inline-block;
    vertical-align: top; }
  html body.yp .yp-portlet .k-sparkline span {
    height: 100%;
    width: 100%; }
  html body.yp .yp-portlet .k-diagram, html body.yp .yp-portlet .k-map {
    height: 600px; }
  html body.yp .yp-portlet .k-diagram .km-scroll-wrapper, html body.yp .yp-portlet .k-map .km-scroll-wrapper {
    padding-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-diagram .km-scroll-container, html body.yp .yp-portlet .k-diagram .km-scroll-wrapper, html body.yp .yp-portlet .k-map .km-scroll-container, html body.yp .yp-portlet .k-map .km-scroll-wrapper {
    position: absolute;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-diagram .k-layer, html body.yp .yp-portlet .k-map .k-layer {
    position: absolute;
    left: 0;
    top: 0; }
  html body.yp .yp-portlet .k-diagram .km-touch-scrollbar, html body.yp .yp-portlet .k-map .km-touch-scrollbar {
    display: none; }
  html body.yp .yp-portlet .k-map .k-marker {
    position: absolute;
    width: 28px;
    height: 40px;
    margin: -40px 0 0 -14px;
    cursor: pointer; }
  html body.yp .yp-portlet .k-map .k-marker-pin {
    background-position: 0 40px; }
  html body.yp .yp-portlet .k-map .k-marker-pin-target {
    background-position: 0 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    html body.yp .yp-portlet .k-map .k-marker {
      width: 56px;
      height: 80px;
      margin: -80px 0 0 -28px; }
    html body.yp .yp-portlet .k-map .k-marker-pin {
      background-position: 0 80px; } }
  html body.yp .yp-portlet .k-map .k-pos-top {
    top: 0; }
  html body.yp .yp-portlet .k-map .k-pos-bottom {
    bottom: 0; }
  html body.yp .yp-portlet .k-map .k-pos-left {
    left: 0; }
  html body.yp .yp-portlet .k-map .k-pos-right {
    right: 0; }
  html body.yp .yp-portlet .k-map-controls {
    position: absolute; }
  html body.yp .yp-portlet .k-map-controls.k-pos-left .k-widget:first-child {
    margin-right: 0; }
  html body.yp .yp-portlet .k-map-controls.k-pos-right .k-widget:first-child {
    margin-left: 0; }
  html body.yp .yp-portlet .k-navigator {
    width: 50px;
    height: 50px;
    margin: 20px;
    border-radius: 80px;
    position: relative;
    display: inline-block;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-pdf-export .k-navigator {
    display: none; }
  html body.yp .yp-portlet .k-navigator > button {
    border-color: transparent;
    background: 0 0; }
  html body.yp .yp-portlet div.k-navigator > .k-button {
    margin: 0;
    padding: 0;
    line-height: 10px;
    border-radius: 16px;
    position: absolute;
    font-size: 1px;
    line-height: 1px; }
  html body.yp .yp-portlet div.k-navigator .k-navigator-n {
    top: 2px;
    left: 50%;
    margin-left: -9px; }
  html body.yp .yp-portlet div.k-navigator .k-navigator-e {
    right: 2px;
    top: 50%;
    margin-top: -9px; }
  html body.yp .yp-portlet div.k-navigator .k-navigator-s {
    bottom: 2px;
    left: 50%;
    margin-left: -9px; }
  html body.yp .yp-portlet div.k-navigator .k-navigator-w {
    left: 2px;
    top: 50%;
    margin-top: -9px; }
  html body.yp .yp-portlet .k-map .k-attribution {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 10px;
    padding: 2px 4px;
    z-index: 1000; }
  html body.yp .yp-portlet .k-zoom-control {
    margin: 14px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-pdf-export .k-zoom-control {
    display: none; }
  html body.yp .yp-portlet .k-button-wrap {
    border-radius: 4px;
    display: inline-block; }
  html body.yp .yp-portlet .k-button-wrap .k-button {
    position: relative;
    font: 700 17px/1.18 monospace; }
  html body.yp .yp-portlet .k-buttons-horizontal :first-child {
    border-radius: 4px 0 0 4px; }
  html body.yp .yp-portlet .k-buttons-horizontal :first-child + .k-zoom-in {
    border-radius: 0;
    margin-left: -1px; }
  html body.yp .yp-portlet .k-buttons-horizontal .k-zoom-out {
    border-radius: 0 4px 4px 0;
    margin-left: -1px; }
  html body.yp .yp-portlet .k-button-wrap .k-button:hover {
    z-index: 1; }
  html body.yp .yp-portlet .k-buttons-vertical .k-button {
    display: block; }
  html body.yp .yp-portlet .k-buttons-vertical :first-child {
    border-radius: 4px 4px 0 0; }
  html body.yp .yp-portlet .k-buttons-vertical .k-zoom-out {
    border-radius: 0 0 4px 4px;
    margin-top: -1px; }
  html body.yp .yp-portlet .k-zoom-text {
    margin: 0;
    width: 4.3em;
    vertical-align: top; }
  html body.yp .yp-portlet .k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 4px 4px 0; }
  html body.yp .yp-portlet .k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
    border-radius: 0;
    margin-left: 0;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-diagram {
    height: 600px; }
  html body.yp .yp-portlet .k-diagram .km-scroll-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
  html body.yp .yp-portlet .k-diagram .km-scroll-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
  html body.yp .yp-portlet .k-canvas-container {
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .k-diagram img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .k-treemap {
    overflow: hidden;
    height: 400px; }
  html body.yp .yp-portlet .k-treemap-tile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin: -1px 0 0 -1px;
    overflow: hidden; }
  html body.yp .yp-portlet .k-treemap-tile.k-leaf {
    padding: .6em; }
  html body.yp .yp-portlet .k-treemap-wrap.k-last > .k-treemap-tile {
    padding: .3em; }
  html body.yp .yp-portlet .k-treemap-tile.k-state-hover, html body.yp .yp-portlet .k-treemap-tile.k-state-hover:hover {
    z-index: 2;
    background-image: none; }
  html body.yp .yp-portlet .k-treemap > .k-treemap-tile {
    position: relative;
    height: 100%; }
  html body.yp .yp-portlet .k-treemap-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.42em;
    height: 2.42em;
    padding: 0 .6em;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-treemap-wrap .k-treemap-title {
    border-width: 0 0 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-treemap-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  html body.yp .yp-portlet .k-treemap-title + .k-treemap-wrap {
    top: 2.42em; }
  html body.yp .yp-portlet .k-treemap-title-vertical {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.42em;
    line-height: 2.42em;
    overflow: hidden;
    padding: .6em 0;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-treemap-title-vertical > div {
    position: absolute;
    top: 0;
    right: 1.23em;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  html body.yp .yp-portlet .k-treemap-title-vertical + .k-treemap-wrap {
    left: 2.42em; }
  html body.yp .yp-portlet .km-pane, html body.yp .yp-portlet .km-pane-wrapper, html body.yp .yp-portlet .km-root {
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none; }
  html body.yp .yp-portlet .km-pane-wrapper {
    position: absolute;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .km-pane, html body.yp .yp-portlet .km-shim {
    font-family: sans-serif; }
  html body.yp .yp-portlet .km-pane {
    overflow-x: hidden; }
  html body.yp .yp-portlet .km-view {
    top: 0;
    left: 0;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    vertical-align: top; }
  html body.yp .yp-portlet .k-ff .km-pane, html body.yp .yp-portlet .k-ff .km-view {
    overflow: hidden; }
  html body.yp .yp-portlet .k-ff18 .km-pane, html body.yp .yp-portlet .k-ff18 .km-view, html body.yp .yp-portlet .k-ff19 .km-pane, html body.yp .yp-portlet .k-ff19 .km-view, html body.yp .yp-portlet .k-ff20 .km-pane, html body.yp .yp-portlet .k-ff20 .km-view, html body.yp .yp-portlet .k-ff21 .km-pane, html body.yp .yp-portlet .k-ff21 .km-view {
    position: relative; }
  html body.yp .yp-portlet .k-ff .km-view {
    display: -moz-inline-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  html body.yp .yp-portlet .km-content {
    min-height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-align: stretch;
    display: block;
    width: auto;
    overflow: hidden;
    position: relative; }
  html body.yp .yp-portlet .km-actionsheet > li {
    list-style-type: none;
    padding: inherit 1em;
    line-height: 2em; }
  html body.yp .yp-portlet .km-actionsheet {
    padding: 0;
    margin: 0; }
  html body.yp .yp-portlet .km-shim {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10001; }
  html body.yp .yp-portlet .km-actionsheet-wrapper, html body.yp .yp-portlet .km-shim .k-animation-container {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0; }
  html body.yp .yp-portlet .km-shim .k-animation-container {
    width: auto; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-column-menu > .km-header, html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form > .km-header, html body.yp .yp-portlet .km-pane-wrapper .k-grid-filter-menu > .km-header, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form > .km-header {
    border-style: solid;
    border-width: 1px;
    padding: .3em .6em;
    text-align: center;
    width: auto;
    line-height: 2em; }
  html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer, html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar {
    line-height: 2em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-multiselect, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
    width: 15em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
    display: block; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-column-menu .k-done, html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-grid-update, html body.yp .yp-portlet .km-pane-wrapper .k-grid-filter-menu .k-submit, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
    float: right; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-grid-cancel, html body.yp .yp-portlet .km-pane-wrapper .k-grid-filter-menu .k-cancel, html body.yp .yp-portlet .km-pane-wrapper .k-grid-filter-menu .k-i-cancel, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
    float: left; }
  html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete, html body.yp .yp-portlet :not(.km-pane) > .km-shim .km-actionsheet .k-button {
    display: block;
    text-align: center; }
  html body.yp .yp-portlet :not(.km-pane) > .km-shim .km-actionsheet .k-button {
    font-size: 1.4em;
    margin: .3em 1em; }
  html body.yp .yp-portlet :not(.km-pane) > .km-shim .km-actionsheet-title {
    text-align: center;
    line-height: 3em;
    margin-bottom: -.3em; }
  html body.yp .yp-portlet :not(.km-pane) > .km-shim > .k-animation-container {
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important; }
  html body.yp .yp-portlet .km-pane-wrapper > div.km-pane {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container, html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container, html body.yp .yp-portlet .km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container, html body.yp .yp-portlet .km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field {
    width: 74%; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-edit-form-container, html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit-form .k-popup-edit-form {
    width: auto; }
  html body.yp .yp-portlet .km-pane-wrapper .k-filter-menu .k-button {
    width: 100%;
    margin: 0; }
  html body.yp .yp-portlet .k-grid-mobile {
    border-width: 0; }
  html body.yp .yp-portlet .k-grid-mobile .k-resize-handle-inner {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -7px;
    width: 17px;
    height: 17px;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px; }
  html body.yp .yp-portlet .k-grid-mobile .k-resize-handle-inner:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 1px;
    width: 6px;
    height: 6px;
    background-position: -5px -53px; }
  html body.yp .yp-portlet .k-grid-mobile .k-resize-handle-inner:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1px;
    width: 6px;
    height: 6px;
    background-position: -5px -21px; }
  html body.yp .yp-portlet .km-pane-wrapper .km-pane * {
    -webkit-background-clip: border-box;
    background-clip: border-box; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list ul, html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-radius: 0;
    background: 0 0; }
  html body.yp .yp-portlet .km-pane-wrapper .km-switch {
    top: 50%;
    right: .8rem;
    position: absolute;
    margin-top: -1.1rem; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-state-disabled {
    opacity: 1; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-state-disabled > * {
    opacity: .7; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-label, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-link {
    display: block;
    position: relative;
    list-style-type: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 0 .5em 1em;
    font-size: 1em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-edit-form-container, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
    padding-top: 1em;
    width: 100%; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label {
    position: absolute;
    margin: 0;
    float: none;
    clear: none;
    width: 100%; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label label {
    display: block;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .1em 0;
    margin: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item {
    font-size: 1em;
    line-height: 1.6em;
    overflow: hidden; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label {
    width: 100%;
    float: none;
    clear: none;
    min-height: 2.7em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-grid-delete .k-icon, html body.yp .yp-portlet .km-pane-wrapper .k-grid-edit .k-icon, html body.yp .yp-portlet .km-pane-wrapper .k-grid-toolbar .k-icon, html body.yp .yp-portlet .km-pane-wrapper .km-header .k-icon {
    display: none; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field {
    padding: .5em 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
    padding: .3em 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
    line-height: 2em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item > * {
    line-height: normal; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-button-container, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-buttons {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 1em;
    margin: 0; }
  html body.yp .yp-portlet .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    display: block;
    padding: .2em 1em;
    font-size: .95em;
    position: -webkit-sticky;
    margin: 0;
    font-weight: 400;
    line-height: 2em;
    background: 0 0;
    border-top: 1em solid transparent; }
  html body.yp .yp-portlet .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3) {
    position: relative; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item:first-child {
    border-top: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item:last-child {
    border-bottom: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-label, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item > .k-link {
    line-height: inherit;
    text-decoration: none;
    margin: -.5em 0 -.5em -1em; }
  html body.yp .yp-portlet .k-check[type=checkbox], html body.yp .yp-portlet .k-check[type=radio], html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent; }
  html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-label .k-check, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-link .k-check {
    border: 0;
    font-size: inherit;
    width: 13px;
    height: 13px;
    margin: .26em 1em .26em 0; }
  html body.yp .yp-portlet .k-ie .k-mobile-list .k-edit-field [type=checkbox], html body.yp .yp-portlet .k-ie .k-mobile-list .k-edit-field [type=radio], html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-icon, html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check, html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check {
    font-size: inherit;
    text-indent: -9999px;
    width: 1.01em;
    height: 1em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-column-menu .k-label .k-check {
    height: 16px;
    width: 16px; }
  html body.yp .yp-portlet .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list input:not([type=checkbox]):not([type=radio]), html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list textarea {
    text-indent: 0;
    font-size: 1em;
    line-height: 1.6em;
    vertical-align: middle;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget {
    border: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-mobile-list .k-widget {
    height: initial; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget .k-input, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
    border: 0;
    background: 0 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list select:not([multiple]), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list textarea, html body.yp .yp-portlet .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
    width: 80%;
    padding: .6em 0;
    margin: -.5em 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > *, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list input, html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    z-index: 1;
    position: relative; }
  html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    padding: 10px;
    border-radius: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
    float: none;
    width: 100%;
    padding: 1px 0;
    margin: 0;
    border-radius: 3px;
    text-indent: 30px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-font-icon {
    position: absolute;
    left: 20px;
    z-index: 1; }
  html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-views {
    width: 18em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .5em 1em; }
  html body.yp .yp-portlet .km-pane-wrapper #recurrence .k-scheduler-navigation {
    width: 100%; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-navigation, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-views {
    display: table;
    table-layout: fixed; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-views li {
    display: table-cell;
    text-align: center; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    margin: 0;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
    margin-top: -.5em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
    margin-bottom: -.5em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    text-indent: 1em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
    margin-left: 20%;
    float: left; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-dropdown-wrap, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-numeric-wrap, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-picker-wrap {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-datepicker .k-select, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select {
    position: absolute;
    top: 0;
    right: 0;
    line-height: normal; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link {
    height: 50%; }
  html body.yp .yp-portlet .km-pane-wrapper .k-edit-form-container .k-button, html body.yp .yp-portlet .km-pane-wrapper .k-grid .k-button {
    margin: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-edit-form-container .k-button + .k-button, html body.yp .yp-portlet .km-pane-wrapper .k-grid .k-button + .k-button {
    margin: 0 0 0 .18em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap > .k-link {
    width: 2.4em;
    height: 2.4em;
    line-height: 2.1em;
    border-radius: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-state-selected {
    width: auto;
    line-height: 2.2em;
    padding: 0 .86em;
    min-width: .7em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap {
    line-height: 2.4em; }
  @media all and (max-width: 1024px) {
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav {
      position: absolute;
      right: .3em;
      top: .3em; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav, html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav {
      right: 3em; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-info, html body.yp .yp-portlet .km-pane-wrapper .k-pager-refresh {
      display: none; } }
  @media all and (max-width: 699px), (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 800px) {
    html body.yp .yp-portlet .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-widget, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list select:not([multiple]), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list textarea, html body.yp .yp-portlet .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
      width: 50%; }
    html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
      margin-left: 50%; }
    html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button {
      margin-left: 1em; }
    html body.yp .yp-portlet .km-pane-wrapper .k-nav-today a {
      padding-left: .6em;
      padding-right: .6em; }
    html body.yp .yp-portlet .km-pane-wrapper li.k-nav-current {
      margin-left: 0;
      margin-right: 0; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap {
      position: relative; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers {
      width: auto;
      display: block;
      overflow: hidden;
      margin-right: 5.5em;
      float: none;
      text-overflow: ellipsis;
      height: 2.4em;
      text-align: center; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers li {
      float: none;
      display: inline-block; }
    html body.yp .yp-portlet .km-pane-wrapper .k-pager-nav {
      float: left; } }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    width: 100%; }
  html body.yp .yp-portlet .km-scroll-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translatez(0); }
  html body.yp .yp-portlet .k-widget .km-scroll-wrapper {
    position: relative;
    padding-bottom: 0; }
  html body.yp .yp-portlet .km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .3em;
    width: .3em;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transition: "opacity 0.3s linear";
    transition: "opacity 0.3s linear"; }
  html body.yp .yp-portlet .km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px; }
  html body.yp .yp-portlet .km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px; }
  @media only screen and (max-width: 1024px) {
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views {
      position: absolute;
      right: 6px;
      top: 6px;
      z-index: 10000; }
    html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
      right: auto;
      left: 6px; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
      display: none; }
    html body.yp .yp-portlet .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
      display: none; }
    html body.yp .yp-portlet .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: inline; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      display: block;
      border-width: 1px; }
    html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
      text-align: left;
      padding-left: 1em; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      display: block;
      position: relative;
      padding-right: 2.5em;
      padding-left: 1em;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      padding-left: 0; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .333em;
      width: 1.333em;
      height: 1.333em; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
      display: block;
      border: 0;
      border-radius: 0; }
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      border: 1px solid #c5c5c5;
      background-color: #fff;
      background-image: none;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
    html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      text-align: left; } }
  html body.yp .yp-portlet .k-fx-end .k-fx-current, html body.yp .yp-portlet .k-fx-end .k-fx-next {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out; }
  html body.yp .yp-portlet .k-fx {
    position: relative; }
  html body.yp .yp-portlet .k-fx .k-fx-current {
    z-index: 0; }
  html body.yp .yp-portlet .k-fx .k-fx-next {
    z-index: 1; }
  html body.yp .yp-portlet .k-fx-hidden, html body.yp .yp-portlet .k-fx-hidden * {
    visibility: hidden !important; }
  html body.yp .yp-portlet .k-fx-reverse .k-fx-current {
    z-index: 1; }
  html body.yp .yp-portlet .k-fx-reverse .k-fx-next {
    z-index: 0; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-start .k-fx-next {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-end .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next, html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-start .k-fx-next {
    will-change: opacity;
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-end .k-fx-next {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: opacity;
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-content, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-header, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-content, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-header {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-start .k-fx-next .km-content {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-start .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-start .k-fx-next .km-header {
    will-change: opacity;
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
    will-change: opacity;
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next, html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%); }
  html body.yp .yp-portlet .k-virtual-wrap {
    position: relative; }
  html body.yp .yp-portlet .k-virtual-wrap .k-list.k-virtual-list {
    height: auto; }
  html body.yp .yp-portlet .k-virtual-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative; }
  html body.yp .yp-portlet .k-virtual-list > .k-virtual-content {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  html body.yp .yp-portlet .k-virtual-option-label {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  html body.yp .yp-portlet .k-virtual-wrap > .k-virtual-header {
    text-align: right; }
  html body.yp .yp-portlet .k-popup .k-item.k-first {
    position: relative; }
  html body.yp .yp-portlet .k-virtual-content > .k-virtual-list > .k-virtual-item {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-popup .k-list .k-item > .k-group, html body.yp .yp-portlet .k-popup > .k-group-header, html body.yp .yp-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    text-transform: uppercase;
    font-size: .857em; }
  html body.yp .yp-portlet .k-popup .k-list .k-item > .k-group {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .5em;
    line-height: 1.8; }
  html body.yp .yp-portlet .k-popup .k-state-hover > .k-group {
    right: -1px; }
  html body.yp .yp-portlet .k-group-header + .k-list > .k-item.k-first, html body.yp .yp-portlet .k-static-header + .k-list > .k-item.k-first, html body.yp .yp-portlet .k-virtual-item.k-first {
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 0; }
  html body.yp .yp-portlet .k-popup > .k-group-header, html body.yp .yp-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    text-align: right; }

@font-face {
  html body.yp .yp-portlet {
    font-family: KendoUIGlyphs;
    src: url(fonts/glyphs/KendoUIGlyphs.eot?wi2r8m);
    src: url(fonts/glyphs/KendoUIGlyphs.eot?wi2r8m?#iefix) format("embedded-opentype"), url(fonts/glyphs/KendoUIGlyphs.ttf?wi2r8m) format("truetype"), url(fonts/glyphs/KendoUIGlyphs.woff?wi2r8m) format("woff"), url(fonts/glyphs/KendoUIGlyphs.svg?wi2r8m#KendoUIGlyphs) format("svg");
    font-weight: 400;
    font-style: normal; } }
  html body.yp .yp-portlet .k-i-arrow-n:before {
    content: "\e600"; }
  html body.yp .yp-portlet .k-i-arrow-e:before {
    content: "\e601"; }
  html body.yp .yp-portlet .k-i-arrow-s:before {
    content: "\e602"; }
  html body.yp .yp-portlet .k-i-arrow-w:before {
    content: "\e603"; }
  html body.yp .yp-portlet .k-i-seek-n:before {
    content: "\e604"; }
  html body.yp .yp-portlet .k-i-seek-e:before {
    content: "\e605"; }
  html body.yp .yp-portlet .k-i-seek-s:before {
    content: "\e606"; }
  html body.yp .yp-portlet .k-i-seek-w:before {
    content: "\e607"; }
  html body.yp .yp-portlet .k-i-sarrow-n:before {
    content: "\e608"; }
  html body.yp .yp-portlet .k-i-sarrow-e:before {
    content: "\e609"; }
  html body.yp .yp-portlet .k-i-sarrow-s:before {
    content: "\e60a"; }
  html body.yp .yp-portlet .k-i-sarrow-w:before {
    content: "\e60b"; }
  html body.yp .yp-portlet .k-i-expand-n:before {
    content: "\e60c"; }
  html body.yp .yp-portlet .k-i-expand-e:before {
    content: "\e60d"; }
  html body.yp .yp-portlet .k-i-expand-s:before {
    content: "\e60e"; }
  html body.yp .yp-portlet .k-i-expand-w:before {
    content: "\e60f"; }
  html body.yp .yp-portlet .k-i-collapse-ne:before {
    content: "\e610"; }
  html body.yp .yp-portlet .k-i-collapse-se:before {
    content: "\e611"; }
  html body.yp .yp-portlet .k-i-collapse-sw:before {
    content: "\e612"; }
  html body.yp .yp-portlet .k-i-collapse-nw:before {
    content: "\e613"; }
  html body.yp .yp-portlet .k-i-resize-ne:before {
    content: "\e614"; }
  html body.yp .yp-portlet .k-i-resize-se:before {
    content: "\e615"; }
  html body.yp .yp-portlet .k-i-resize-sw:before {
    content: "\e616"; }
  html body.yp .yp-portlet .k-i-resize-nw:before {
    content: "\e617"; }
  html body.yp .yp-portlet .k-i-arrowhead-n:before {
    content: "\e618"; }
  html body.yp .yp-portlet .k-i-arrowhead-e:before {
    content: "\e619"; }
  html body.yp .yp-portlet .k-i-arrowhead-s:before {
    content: "\e61a"; }
  html body.yp .yp-portlet .k-i-arrowhead-w:before {
    content: "\e61b"; }
  html body.yp .yp-portlet .k-i-pencil:before {
    content: "\e61c"; }
  html body.yp .yp-portlet .k-i-x:before {
    content: "\e61d"; }
  html body.yp .yp-portlet .k-i-checkmark:before {
    content: "\e61e"; }
  html body.yp .yp-portlet .k-i-deny:before {
    content: "\e61f"; }
  html body.yp .yp-portlet .k-i-trash:before {
    content: "\e620"; }
  html body.yp .yp-portlet .k-i-plus:before {
    content: "\e621"; }
  html body.yp .yp-portlet .k-i-splus:before {
    content: "\e622"; }
  html body.yp .yp-portlet .k-i-minus:before {
    content: "\e623"; }
  html body.yp .yp-portlet .k-i-sminus:before {
    content: "\e624"; }
  html body.yp .yp-portlet .k-i-filter:before {
    content: "\e625"; }
  html body.yp .yp-portlet .k-i-filter-clear:before {
    content: "\e626"; }
  html body.yp .yp-portlet .k-i-refresh:before {
    content: "\e627"; }
  html body.yp .yp-portlet .k-i-refresh-clear:before {
    content: "\e628"; }
  html body.yp .yp-portlet .k-i-restore:before {
    content: "\e629"; }
  html body.yp .yp-portlet .k-i-maximize:before {
    content: "\e62a"; }
  html body.yp .yp-portlet .k-i-minimize:before {
    content: "\e62b"; }
  html body.yp .yp-portlet .k-i-pin:before {
    content: "\e62c"; }
  html body.yp .yp-portlet .k-i-unpin:before {
    content: "\e62d"; }
  html body.yp .yp-portlet .k-i-calendar:before {
    content: "\e62e"; }
  html body.yp .yp-portlet .k-i-clock:before {
    content: "\e62f"; }
  html body.yp .yp-portlet .k-i-search:before {
    content: "\e630"; }
  html body.yp .yp-portlet .k-i-zoom-in:before {
    content: "\e631"; }
  html body.yp .yp-portlet .k-i-zoom-out:before {
    content: "\e632"; }
  html body.yp .yp-portlet .k-i-print:before {
    content: "\e633"; }
  html body.yp .yp-portlet .k-i-folder-add:before {
    content: "\e634"; }
  html body.yp .yp-portlet .k-i-folder-up:before {
    content: "\e635"; }
  html body.yp .yp-portlet .k-i-folder-open:before {
    content: "\e634"; }
  html body.yp .yp-portlet .k-i-insert-image:before {
    content: "\e636"; }
  html body.yp .yp-portlet .k-i-image:before {
    content: "\e637"; }
  html body.yp .yp-portlet .k-i-insert-file:before {
    content: "\e638"; }
  html body.yp .yp-portlet .k-i-file:before {
    content: "\e639"; }
  html body.yp .yp-portlet .k-i-files:before {
    content: "\e63a"; }
  html body.yp .yp-portlet .k-i-pdf:before {
    content: "\e63b"; }
  html body.yp .yp-portlet .k-i-pdfa:before {
    content: "\e68d"; }
  html body.yp .yp-portlet .k-i-xls:before {
    content: "\e63c"; }
  html body.yp .yp-portlet .k-i-xlsa:before {
    content: "\e63d"; }
  html body.yp .yp-portlet .k-i-lock:before {
    content: "\e63e"; }
  html body.yp .yp-portlet .k-i-unlock:before {
    content: "\e63f"; }
  html body.yp .yp-portlet .k-i-rows:before {
    content: "\e640"; }
  html body.yp .yp-portlet .k-i-columns:before {
    content: "\e641"; }
  html body.yp .yp-portlet .k-i-hamburger:before {
    content: "\e642"; }
  html body.yp .yp-portlet .k-i-vbars:before {
    content: "\e643"; }
  html body.yp .yp-portlet .k-i-hbars:before {
    content: "\e644"; }
  html body.yp .yp-portlet .k-i-move:before {
    content: "\e645"; }
  html body.yp .yp-portlet .k-i-group:before {
    content: "\e646"; }
  html body.yp .yp-portlet .k-i-ungroup:before {
    content: "\e647"; }
  html body.yp .yp-portlet .k-i-dimension:before {
    content: "\e648"; }
  html body.yp .yp-portlet .k-i-connector:before {
    content: "\e649"; }
  html body.yp .yp-portlet .k-i-kpi:before {
    content: "\e64a"; }
  html body.yp .yp-portlet .k-i-undo:before {
    content: "\e64b"; }
  html body.yp .yp-portlet .k-i-redo:before {
    content: "\e64c"; }
  html body.yp .yp-portlet .k-i-undo-large:before {
    content: "\e64d"; }
  html body.yp .yp-portlet .k-i-redo-large:before {
    content: "\e64e"; }
  html body.yp .yp-portlet .k-i-rotate-ccw:before {
    content: "\e64f"; }
  html body.yp .yp-portlet .k-i-rotate-cw:before {
    content: "\e650"; }
  html body.yp .yp-portlet .k-i-cut:before {
    content: "\e651"; }
  html body.yp .yp-portlet .k-i-copy:before {
    content: "\e652"; }
  html body.yp .yp-portlet .k-i-paste:before {
    content: "\e653"; }
  html body.yp .yp-portlet .k-i-bold:before {
    content: "\e654"; }
  html body.yp .yp-portlet .k-i-italic:before {
    content: "\e655"; }
  html body.yp .yp-portlet .k-i-underline:before {
    content: "\e656"; }
  html body.yp .yp-portlet .k-i-strike-through:before {
    content: "\e657"; }
  html body.yp .yp-portlet .k-i-text:before {
    content: "\e658"; }
  html body.yp .yp-portlet .k-i-font-size:before {
    content: "\e68e"; }
  html body.yp .yp-portlet .k-i-font-family:before {
    content: "\e68f"; }
  html body.yp .yp-portlet .k-i-fx:before {
    content: "\e659"; }
  html body.yp .yp-portlet .k-i-subscript:before {
    content: "\e65a"; }
  html body.yp .yp-portlet .k-i-superscript:before {
    content: "\e65b"; }
  html body.yp .yp-portlet .k-i-background:before {
    content: "\e65c"; }
  html body.yp .yp-portlet .k-i-sum:before {
    content: "\e65d"; }
  html body.yp .yp-portlet .k-i-increase-decimal:before {
    content: "\e65e"; }
  html body.yp .yp-portlet .k-i-decrease-decimal:before {
    content: "\e65f"; }
  html body.yp .yp-portlet .k-i-justify-left:before {
    content: "\e660"; }
  html body.yp .yp-portlet .k-i-justify-center:before {
    content: "\e661"; }
  html body.yp .yp-portlet .k-i-justify-right:before {
    content: "\e662"; }
  html body.yp .yp-portlet .k-i-justify-full:before {
    content: "\e663"; }
  html body.yp .yp-portlet .k-i-justify-clear:before {
    content: "\e664"; }
  html body.yp .yp-portlet .k-i-align-top:before {
    content: "\e665"; }
  html body.yp .yp-portlet .k-i-align-middle:before {
    content: "\e666"; }
  html body.yp .yp-portlet .k-i-align-bottom:before {
    content: "\e667"; }
  html body.yp .yp-portlet .k-i-indent:before {
    content: "\e668"; }
  html body.yp .yp-portlet .k-i-outdent:before {
    content: "\e669"; }
  html body.yp .yp-portlet .k-i-insert-n:before {
    content: "\e66a"; }
  html body.yp .yp-portlet .k-i-insert-m:before {
    content: "\e66b"; }
  html body.yp .yp-portlet .k-i-insert-s:before {
    content: "\e66c"; }
  html body.yp .yp-portlet .k-i-insert-unordered-list:before {
    content: "\e66d"; }
  html body.yp .yp-portlet .k-i-insert-ordered-list:before {
    content: "\e66e"; }
  html body.yp .yp-portlet .k-i-sort-asc:before {
    content: "\e66f"; }
  html body.yp .yp-portlet .k-i-sort-desc:before {
    content: "\e670"; }
  html body.yp .yp-portlet .k-i-unsort:before {
    content: "\e671"; }
  html body.yp .yp-portlet .k-i-hyperlink:before {
    content: "\e672"; }
  html body.yp .yp-portlet .k-i-hyperlink-remove:before {
    content: "\e673"; }
  html body.yp .yp-portlet .k-i-clearformat:before {
    content: "\e674"; }
  html body.yp .yp-portlet .k-i-html:before {
    content: "\e675"; }
  html body.yp .yp-portlet .k-i-exception:before {
    content: "\e676"; }
  html body.yp .yp-portlet .k-i-custom:before {
    content: "\e677"; }
  html body.yp .yp-portlet .k-i-cog:before {
    content: "\e678"; }
  html body.yp .yp-portlet .k-i-create-table:before {
    content: "\e679"; }
  html body.yp .yp-portlet .k-i-add-column-left:before {
    content: "\e67a"; }
  html body.yp .yp-portlet .k-i-add-column-right:before {
    content: "\e67b"; }
  html body.yp .yp-portlet .k-i-delete-column:before {
    content: "\e67c"; }
  html body.yp .yp-portlet .k-i-add-row-above:before {
    content: "\e67d"; }
  html body.yp .yp-portlet .k-i-add-row-below:before {
    content: "\e67e"; }
  html body.yp .yp-portlet .k-i-delete-row:before {
    content: "\e67f"; }
  html body.yp .yp-portlet .k-i-merge-cells:before {
    content: "\e680"; }
  html body.yp .yp-portlet .k-i-normal-layout:before {
    content: "\e681"; }
  html body.yp .yp-portlet .k-i-page-layout:before {
    content: "\e682"; }
  html body.yp .yp-portlet .k-i-all-borders:before {
    content: "\e683"; }
  html body.yp .yp-portlet .k-i-inside-borders:before {
    content: "\e684"; }
  html body.yp .yp-portlet .k-i-inside-horizontal-borders:before {
    content: "\e685"; }
  html body.yp .yp-portlet .k-i-inside-vertical-borders:before {
    content: "\e686"; }
  html body.yp .yp-portlet .k-i-outside-borders:before {
    content: "\e687"; }
  html body.yp .yp-portlet .k-i-top-border:before {
    content: "\e688"; }
  html body.yp .yp-portlet .k-i-right-border:before {
    content: "\e689"; }
  html body.yp .yp-portlet .k-i-bottom-border:before {
    content: "\e68a"; }
  html body.yp .yp-portlet .k-i-left-border:before {
    content: "\e68b"; }
  html body.yp .yp-portlet .k-i-no-borders:before {
    content: "\e68c"; }
  html body.yp .yp-portlet .k-i-merge-horizontally:before {
    content: "\e690"; }
  html body.yp .yp-portlet .k-i-merge-vertically:before {
    content: "\e691"; }
  html body.yp .yp-portlet .k-i-text-wrap:before {
    content: "\e692"; }
  html body.yp .yp-portlet .k-i-dollar:before {
    content: "\e693"; }
  html body.yp .yp-portlet .k-i-percent:before {
    content: "\e694"; }
  html body.yp .yp-portlet .k-i-freeze-col:before {
    content: "\e695"; }
  html body.yp .yp-portlet .k-i-freeze-row:before {
    content: "\e696"; }
  html body.yp .yp-portlet .k-i-freeze-panes:before {
    content: "\e697"; }
  html body.yp .yp-portlet .k-i-format-number:before {
    content: "\e698"; }
  html body.yp .yp-portlet .k-i-reset-color:before {
    content: "\e900"; }
  html body.yp .yp-portlet .k-i-file-horizontal:before {
    content: "\e901"; }
  html body.yp .yp-portlet .k-i-folder:before {
    content: "\e902"; }
  html body.yp .yp-portlet .k-i-folder-open:before {
    content: "\e903"; }
  html body.yp .yp-portlet .k-i-table-align-top-left:before {
    content: "\e904"; }
  html body.yp .yp-portlet .k-i-table-align-top-center:before {
    content: "\e905"; }
  html body.yp .yp-portlet .k-i-table-align-top-right:before {
    content: "\e906"; }
  html body.yp .yp-portlet .k-i-table-align-middle-left:before {
    content: "\e907"; }
  html body.yp .yp-portlet .k-i-table-align-middle-center:before {
    content: "\e908"; }
  html body.yp .yp-portlet .k-i-table-align-middle-right:before {
    content: "\e909"; }
  html body.yp .yp-portlet .k-i-table-align-bottom-left:before {
    content: "\e90a"; }
  html body.yp .yp-portlet .k-i-table-align-bottom-center:before {
    content: "\e90b"; }
  html body.yp .yp-portlet .k-i-table-align-bottom-right:before {
    content: "\e90c"; }
  html body.yp .yp-portlet .k-i-table-align-remove:before {
    content: "\e90d"; }
  html body.yp .yp-portlet .k-i-fullscreen-enter:before {
    content: "\e90e"; }
  html body.yp .yp-portlet .k-i-fullscreen-exit:before {
    content: "\e90f"; }
  html body.yp .yp-portlet .k-i-volume-low:before {
    content: "\e910"; }
  html body.yp .yp-portlet .k-i-volume-high:before {
    content: "\e911"; }
  html body.yp .yp-portlet .k-i-volume-mute:before {
    content: "\e912"; }
  html body.yp .yp-portlet .k-i-play:before {
    content: "\e913"; }
  html body.yp .yp-portlet .k-i-pause:before {
    content: "\e914"; }
  html body.yp .yp-portlet .k-i-stop:before {
    content: "\e915"; }
  html body.yp .yp-portlet .k-i-HD:before {
    content: "\e916"; }
  html body.yp .yp-portlet .k-i-subtitles:before {
    content: "\e917"; }
  html body.yp .yp-portlet .k-i-playlist:before {
    content: "\e918"; }
  html body.yp .yp-portlet .k-spreadsheet {
    width: 800px;
    height: 600px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    cursor: default; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-pane {
    padding-right: 1px;
    position: absolute;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-pane.k-top {
    border-top-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-pane.k-left {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
    position: absolute;
    white-space: pre;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-haxis, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-vaxis {
    position: absolute;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-vaxis {
    top: 0;
    border-width: 0 0 0 1px; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-haxis {
    left: 0;
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-filter-range, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-selection {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-active-cell {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar {
    border-width: 0 0 1px;
    border-style: solid;
    position: relative;
    font-size: 12px;
    font-family: Arial,Verdana,sans-serif;
    display: table;
    width: 100%; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
    display: table-cell; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
    position: relative;
    vertical-align: top;
    border-width: 0 1px 0 0;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox {
    width: 9.5em;
    border-radius: 0;
    border-color: transparent; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap {
    border-radius: 0;
    border-color: transparent;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-input {
    border-radius: 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-select {
    border-radius: 0;
    margin: -1px -1px -1px 0;
    padding: 1px 1px 1px 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar {
    width: 100%;
    padding-left: 31px; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
    background-image: none;
    font-family: KendoUIGlyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1;
    opacity: 1;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e659";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 0 1px 0 0;
    border-style: solid;
    width: 24px;
    margin-left: -24px; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-input {
    overflow: hidden; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-formula-input {
    outline: 0;
    border-width: 0;
    height: 26px;
    line-height: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: pre;
    padding: 3px .5em 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-cell-editor {
    position: absolute;
    display: none;
    padding: 0 3px;
    line-height: 20px;
    z-index: 2000;
    overflow: hidden; }
  html body.yp .yp-portlet .k-spreadsheet > .k-spreadsheet-view {
    position: relative;
    font-size: 12px;
    font-family: Arial,Verdana,sans-serif; }
  html body.yp .yp-portlet .k-spreadsheet .k-tabstrip-wrapper {
    position: relative;
    line-height: 1.7em; }
  html body.yp .yp-portlet .k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
    padding: 0 0 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-quick-access-toolbar {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 0 0 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
    padding: .3em;
    line-height: 1.4em; }
  html body.yp .yp-portlet .k-spreadsheet .k-filter-wrapper, html body.yp .yp-portlet .k-spreadsheet .k-merged-cells-wrapper, html body.yp .yp-portlet .k-spreadsheet .k-selection-wrapper, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-row-header {
    position: relative; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-column-header {
    position: absolute; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-sheets-bar {
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-spreadsheet .k-vertical-align-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  html body.yp .yp-portlet .k-spreadsheet .k-vertical-align-bottom {
    position: relative;
    top: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
  html body.yp .yp-portlet .k-spreadsheet .k-dirty {
    position: absolute;
    top: 0;
    right: 0;
    margin: -2px 0 0 -7px;
    border-width: 4px;
    border-color: red red transparent transparent; }
  html body.yp .yp-portlet .k-spreadsheet .k-single-selection::after {
    content: " ";
    height: 6px;
    width: 6px;
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    margin-bottom: -5px;
    margin-right: -5px;
    border-width: 1px;
    border-style: solid;
    z-index: 100;
    cursor: crosshair; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-edit-container .k-single-selection::after {
    display: none; }
  html body.yp .yp-portlet .k-spreadsheet .k-auto-fill, html body.yp .yp-portlet .k-spreadsheet .k-auto-fill-punch {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet .k-auto-fill {
    border-width: 1px;
    border-style: solid;
    cursor: crosshair; }
  html body.yp .yp-portlet .k-spreadsheet .k-auto-fill-wrapper {
    position: relative; }
  html body.yp .yp-portlet .k-spreadsheet-names-popup .k-item {
    position: relative; }
  html body.yp .yp-portlet .k-spreadsheet-names-popup .k-icon {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .7;
    cursor: pointer; }
  html body.yp .yp-portlet .k-spreadsheet-names-popup .k-icon:hover {
    opacity: 1; }
  html body.yp .yp-portlet .k-horizontal-resize {
    cursor: col-resize; }
  html body.yp .yp-portlet .k-vertical-resize {
    cursor: row-resize; }
  html body.yp .yp-portlet .k-merged-cells-wrapper, html body.yp .yp-portlet .k-selection-wrapper, html body.yp .yp-portlet .k-spreadsheet-active-cell, html body.yp .yp-portlet .k-spreadsheet-data {
    cursor: cell; }
  html body.yp .yp-portlet .k-horizontal-resize .k-merged-cells-wrapper, html body.yp .yp-portlet .k-horizontal-resize .k-selection-wrapper, html body.yp .yp-portlet .k-horizontal-resize .k-spreadsheet-active-cell, html body.yp .yp-portlet .k-horizontal-resize .k-spreadsheet-data {
    cursor: col-resize; }
  html body.yp .yp-portlet .k-vertical-resize .k-merged-cells-wrapper, html body.yp .yp-portlet .k-vertical-resize .k-selection-wrapper, html body.yp .yp-portlet .k-vertical-resize .k-spreadsheet-active-cell, html body.yp .yp-portlet .k-vertical-resize .k-spreadsheet-data {
    cursor: row-resize; }
  html body.yp .yp-portlet .k-font-icon, html body.yp .yp-portlet .k-font-icon.k-icon, html body.yp .yp-portlet .k-font-icon.k-tool-icon {
    font-family: KendoUIGlyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1;
    opacity: 1;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
    font-size: 16px; }
  html body.yp .yp-portlet .k-spreadsheet .k-colorpicker .k-tool-icon {
    overflow: visible; }
  html body.yp .yp-portlet .k-button.k-custom-color, html body.yp .yp-portlet .k-button.k-reset-color {
    display: block;
    width: 100%;
    border-radius: 0;
    border: none;
    text-align: left;
    line-height: 2em; }
  html body.yp .yp-portlet .k-spreadsheet-colorpicker .k-colorpalette {
    border: 1px solid #dbdbdb;
    border-left: none;
    border-right: none;
    padding: .4em; }
  html body.yp .yp-portlet .k-spreadsheet-filter {
    position: absolute;
    cursor: pointer; }
  html body.yp .yp-portlet .k-spreadsheet-sample {
    float: right; }
  html body.yp .yp-portlet .k-spreadsheet-clipboard, html body.yp .yp-portlet .k-spreadsheet-clipboard-paste {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet textarea.k-spreadsheet-clipboard {
    position: fixed; }
  html body.yp .yp-portlet .k-spreadsheet-top-corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    border-width: 0 1px 1px 0;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-top-corner:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 6px;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-scroller {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1; }
  html body.yp .yp-portlet .k-spreadsheet-fixed-container {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .k-spreadsheet-view-size {
    position: relative; }
  html body.yp .yp-portlet .k-spreadsheet-column-header, html body.yp .yp-portlet .k-spreadsheet-row-header {
    text-align: center; }
  html body.yp .yp-portlet .k-spreadsheet-column-header .k-spreadsheet-cell, html body.yp .yp-portlet .k-spreadsheet-row-header .k-spreadsheet-cell {
    border-style: solid;
    border-width: 0 1px 1px 0; }
  html body.yp .yp-portlet div.k-spreadsheet-window {
    padding: 1.167em .75em .75em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-form-container {
    width: 100%; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-root-tabs {
    border-width: 0;
    margin: -1em -1em 0;
    padding: .5em 1em 0; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-root-tabs .k-loading {
    display: none; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-list-wrapper {
    padding: .15em 0;
    border-width: 1px;
    border-style: solid;
    height: 190px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-list .k-item {
    border-radius: 0;
    padding: .5em .6em .4em .6em;
    cursor: pointer;
    line-height: 1.1em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-format-filter {
    width: 100%; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
    margin-top: 1em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-action-buttons {
    padding: 1em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-label {
    width: 27%;
    margin: 0 0 0 .75em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field {
    width: 67%;
    margin: 0 .917em 0 0; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > .k-radio-label {
    margin-right: 1.25em;
    vertical-align: baseline; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > .k-radio-label:after, html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > .k-radio-label:before {
    margin-top: -1px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field, html body.yp .yp-portlet .k-spreadsheet-window .k-edit-label {
    padding: 0;
    line-height: 3em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field .k-dropdown, html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field .k-textbox {
    width: 100%; }
  html body.yp .yp-portlet .k-spreadsheet-window .export-config {
    border-width: 1px 0 0;
    border-style: solid;
    padding: 1em;
    margin: 0 -1em; }
  html body.yp .yp-portlet .k-spreadsheet-window .export-config .k-edit-field {
    width: 40%;
    float: left;
    margin-left: 30px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > input[type=radio] {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > .k-orientation-label {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > .k-orientation-label:before {
    font-family: KendoUIGlyphs;
    font-size: 16px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-orientation-portrait-label:before {
    content: "\e639"; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-orientation-landscape-label:before {
    content: "\e901"; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-orientation {
    position: absolute;
    right: 4em;
    top: 22%;
    width: 64px;
    height: 92px;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-orientation:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 3px;
    border-style: solid;
    margin-top: -1px;
    margin-right: -1px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-landscape {
    top: 26%;
    width: 92px;
    height: 64px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-margins-horizontal {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 62px;
    border-width: 1px 0;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-margins-vertical {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 34px;
    height: 100%;
    border-width: 0 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-landscape .k-margins-horizontal {
    height: 34px; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-landscape .k-margins-vertical {
    width: 62px; }
  html body.yp .yp-portlet .k-spreadsheet-window .export-config:after, html body.yp .yp-portlet .k-spreadsheet-window > div:after {
    content: " ";
    display: block;
    clear: both;
    height: 0; }
  html body.yp .yp-portlet .k-spreadsheet-format-cells .k-spreadsheet-preview {
    font-weight: 700;
    text-align: center;
    font-size: 1.16em;
    line-height: 3.64em;
    margin: 0 -.863em .72em;
    border-style: solid;
    border-width: 1px 0; }
  html body.yp .yp-portlet .k-spreadsheet-border-palette {
    width: 153px; }
  html body.yp .yp-portlet .k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%; }
  html body.yp .yp-portlet .k-spreadsheet-border-palette .k-colorpalette {
    vertical-align: bottom; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-separator {
    width: 1px;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-colorpalette {
    vertical-align: top; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-button.k-button-icon {
    padding: .6em;
    border-width: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-button.k-button-icontext {
    display: block;
    text-align: left;
    text-transform: initial;
    padding: .6em 1.2em .6em 1em;
    border-width: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu {
    width: 280px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu > .k-menu {
    border-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu > .k-menu .k-link {
    padding-left: 26px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu > .k-menu .k-icon.k-font-icon {
    margin-left: -26px;
    width: 26px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    height: 200px;
    overflow-y: scroll;
    overflow-x: auto;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
    overflow: visible;
    padding: 6px 7px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 4px 0; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-summary {
    cursor: pointer;
    line-height: 26px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-summary .k-icon {
    margin: 0 5px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content {
    padding: 0 8px 0 26px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content > .k-textbox, html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content > .k-widget {
    width: 100%;
    margin-bottom: 3px; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-image: none; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content .k-filter-and {
    width: 75px;
    margin: 8px 0; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-action-buttons {
    border-top-width: 0;
    margin: 8px;
    padding: 0;
    position: static; }
  html body.yp .yp-portlet .k-resize-handle, html body.yp .yp-portlet .k-resize-hint {
    position: absolute; }
  html body.yp .yp-portlet .k-resize-hint-handle {
    width: 100%;
    height: 20px; }
  html body.yp .yp-portlet .k-resize-hint-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto; }
  html body.yp .yp-portlet .k-resize-hint-vertical .k-resize-hint-handle {
    height: 100%;
    width: 20px;
    float: left; }
  html body.yp .yp-portlet .k-resize-hint-vertical .k-resize-hint-marker {
    height: 2px;
    width: 100%; }
  html body.yp .yp-portlet .k-button.k-spreadsheet-sheets-bar-add, html body.yp .yp-portlet .k-spreadsheet-quick-access-toolbar .k-button {
    border-color: transparent;
    background-color: transparent;
    background-image: none; }
  html body.yp .yp-portlet .k-spreadsheet-tabstrip {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet-tabstrip > .k-content {
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-spreadsheet-tabstrip .k-loading {
    display: none; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar.k-toolbar {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
    margin-left: 0; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar.k-toolbar > .k-button-group {
    border-width: 0; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar .k-button, html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-button-group, html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget, html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) {
    margin: 0;
    border-color: transparent;
    background-color: transparent;
    background-image: none; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget[data-property=fontSize] {
    width: 75px; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget[data-property=format] {
    width: 100px; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget[data-property=fontFamily] {
    width: 130px; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select {
    border-color: transparent; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar .k-separator {
    margin: 0 3px;
    width: 0;
    overflow: hidden;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block; }
  html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point {
    text-decoration: underline; }
  html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-series-a, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-series-b, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-series-c, html body.yp .yp-portlet .k-spreadsheet-formula-input > .k-series-d {
    background-color: transparent; }
  html body.yp .yp-portlet .k-spreadsheet-selection-highlight {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-spreadsheet-formula-list {
    min-width: 100px; }
  html body.yp .yp-portlet .k-spreadsheet-formula-list .k-item {
    padding: 0 .3em;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-bar {
    position: relative; }
  html body.yp .yp-portlet .k-button.k-spreadsheet-sheets-bar-add {
    position: absolute;
    bottom: .2em;
    left: .4em;
    z-index: 1; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
    padding: 0;
    margin: .5em .5em .5em -.5em; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
    padding: 2px;
    line-height: normal; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
    margin: 0; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-items-hint {
    margin-top: .1em;
    background: 0 0 !important;
    border-width: 0 !important; }
  html body.yp .yp-portlet .k-spreadsheet-editor-button {
    position: absolute;
    width: 20px;
    z-index: 10;
    margin-left: 2px;
    padding: 0 !important; }
  html body.yp .yp-portlet .k-spreadsheet-editor-button span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  html body.yp .yp-portlet .hint-wrapper {
    margin-top: 1em; }
  html body.yp .yp-portlet .hint-wrapper:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-left: -.917em;
    padding-right: .917em;
    padding-left: .917em; }
  html body.yp .yp-portlet .k-edit-form-container > div:after {
    display: block;
    content: "";
    clear: both; }
  html body.yp .yp-portlet .k-dialog {
    min-width: 90px;
    min-height: 3em;
    max-width: 100%;
    max-height: 100%; }
  html body.yp .yp-portlet .k-dialog.k-window {
    position: fixed;
    padding-top: 0; }
  html body.yp .yp-portlet .k-dialog.k-dialog-centered {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  html body.yp .yp-portlet .k-dialog .k-window-titlebar {
    position: static;
    margin: 0;
    padding: .6em .8em 1em .8em;
    width: auto; }
  html body.yp .yp-portlet .k-dialog .k-window-titlebar .k-dialog-title {
    margin: 0;
    padding: 0;
    width: auto;
    max-width: 98%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2em;
    line-height: 1.2em; }
  html body.yp .yp-portlet .k-dialog .k-content {
    margin: 0;
    padding: 1.8em 1em 1.8em 1em; }
  html body.yp .yp-portlet .k-dialog.k-dialog-titleless .k-content {
    padding: 2.4em; }
  html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup {
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .k-dialog a.k-dialog-action.k-dialog-close {
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 10000; }
  html body.yp .yp-portlet .k-dialog a.k-dialog-action.k-dialog-close .k-font-icon {
    background-image: none;
    font-family: KendoUIGlyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1;
    opacity: 1;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  html body.yp .yp-portlet .k-dialog.k-dialog-titleless a.k-dialog-action.k-dialog-close {
    right: .5em;
    top: 1em; }
  html body.yp .yp-portlet .k-dialog.k-alert .k-window-titlebar, html body.yp .yp-portlet .k-dialog.k-confirm .k-window-titlebar, html body.yp .yp-portlet .k-dialog.k-prompt .k-window-titlebar {
    background: 0 0;
    border-bottom: none; }
  html body.yp .yp-portlet .k-dialog.k-alert .k-content, html body.yp .yp-portlet .k-dialog.k-confirm .k-content {
    padding: 2.4em; }
  html body.yp .yp-portlet .k-dialog.k-prompt .k-content {
    padding: 1.2em 1.2em .6em 1.2em; }
  html body.yp .yp-portlet .k-dialog .k-prompt-container {
    width: auto;
    padding: .6em 1.2em 1.8em 1.2em; }
  html body.yp .yp-portlet .k-dialog .k-prompt-container .k-textbox {
    width: 100%; }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Sans";
    src: url(fonts/DejaVu/DejaVuSans.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Sans";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Sans";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Serif";
    src: url(fonts/DejaVu/DejaVuSerif.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Serif";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Serif";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Serif";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Mono";
    src: url(fonts/DejaVu/DejaVuSansMono.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Mono";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Mono";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1) format("truetype"); } }

@font-face {
  html body.yp .yp-portlet {
    font-family: "DejaVu Mono";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1) format("truetype"); } }
  html body.yp .yp-portlet .kendo-pdf-hide-pseudo-elements:after, html body.yp .yp-portlet .kendo-pdf-hide-pseudo-elements:before {
    display: none !important; }
  html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-toolbar .k-button {
    line-height: 1.143em;
    padding: 9px 14px; }
  html body.yp .yp-portlet .k-widget.k-tabstrip {
    background-image: none;
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-tabstrip .k-tabstrip-items {
    padding: 0; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip > div.k-content, html body.yp .yp-portlet .k-tabstrip > div.k-content {
    margin: 0; }
  html body.yp .yp-portlet .k-panel > .k-item > .k-link, html body.yp .yp-portlet .k-panelbar > .k-item > .k-link {
    line-height: 3.5em; }
  html body.yp .yp-portlet .k-panelbar .k-image {
    margin-top: 12px; }
  html body.yp .yp-portlet .k-panelbar .k-link > .k-sprite {
    margin-top: 16px; }
  html body.yp .yp-portlet .k-tabstrip > .k-tabstrip-items > .k-item {
    text-transform: uppercase;
    border-width: 0;
    border-style: solid;
    padding: 0; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-i-loading, html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-loading, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-i-loading, html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items .k-loading {
    display: none; }
  html body.yp .yp-portlet .k-tabstrip-top > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-top > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px; }
  html body.yp .yp-portlet .k-tabstrip-top > .k-tabstrip-items > .k-item {
    border-bottom-width: 2px; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
    margin-right: -2px; }
  html body.yp .yp-portlet .k-tabstrip-left > .k-tabstrip-items > .k-item {
    border-right-width: 2px; }
  html body.yp .yp-portlet .k-tabstrip-right > .k-tabstrip-items > .k-item {
    border-left-width: 2px; }
  html body.yp .yp-portlet .k-tabstrip-bottom > .k-tabstrip-items > .k-item {
    border-top-width: 2px; }
  html body.yp .yp-portlet .k-tabstrip .k-tabstrip-items .k-link {
    padding: 1.071em; }
  html body.yp .yp-portlet .k-slider-track {
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-grouping-dropclue {
    margin-top: 10px; }
  html body.yp .yp-portlet .k-filter-row th, html body.yp .yp-portlet .k-grid-header th.k-header {
    padding: .786em .6em; }
  html body.yp .yp-portlet .k-grid-header th.k-header {
    padding-left: 1.286em; }
  html body.yp .yp-portlet .k-filtercell > span {
    padding-right: 5.714em; }
  html body.yp .yp-portlet .k-filtercell > span > .k-button {
    padding-left: .714em;
    padding-right: .714em;
    line-height: 1.286em;
    margin: 0; }
  html body.yp .yp-portlet .k-filter-row .k-dropdown-operator {
    width: 2.714em;
    right: 2.857em; }
  html body.yp .yp-portlet .k-filter-menu {
    padding: .5em .5em 0; }
  html body.yp .yp-portlet .k-filter-menu .k-button {
    margin: 0;
    width: 50%;
    border-radius: 0; }
  html body.yp .yp-portlet .k-filter-menu .k-primary {
    float: right; }
  html body.yp .yp-portlet .k-filter-menu > div > div:last-child {
    margin: .5em -.5em 0;
    border-top-width: 1px;
    border-top-style: solid; }
  html body.yp .yp-portlet .k-filter-menu .k-primary {
    border-left-width: 1px;
    border-left-style: solid; }
  html body.yp .yp-portlet .k-grouping-header .k-group-indicator {
    padding: .5em .15em .429em .4em; }
  html body.yp .yp-portlet .k-grid .k-grouping-row td {
    padding: .6em .6em .643em; }
  html body.yp .yp-portlet .k-grouping-header .k-button, html body.yp .yp-portlet .k-grouping-header a {
    vertical-align: baseline; }
  html body.yp .yp-portlet .k-grid td {
    padding: .929em 1.286em; }
  html body.yp .yp-portlet .k-grid-header th.k-header > .k-link {
    padding: 0;
    margin: 0;
    min-height: 16px;
    line-height: inherit; }
  html body.yp .yp-portlet .k-grouping-header {
    line-height: 2.6; }
  html body.yp .yp-portlet .k-grid-content tr:last-child > td {
    border-bottom-width: 0; }
  html body.yp .yp-portlet .k-grid tr td, html body.yp .yp-portlet .k-pivot-layout .k-grid tr td {
    border-bottom-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-grouping-row + tr td {
    border-top-width: 0; }
  html body.yp .yp-portlet .k-grid-content table tr:first-child td, html body.yp .yp-portlet .k-grid-content-locked table tr:first-child td {
    border-top: 0; }
  html body.yp .yp-portlet .k-grid-content tr td {
    border-left-width: 0; }
  html body.yp .yp-portlet .k-pager-numbers .k-state-selected {
    line-height: 2.429em;
    cursor: pointer; }
  html body.yp .yp-portlet .k-pager-numbers .k-link, html body.yp .yp-portlet .k-pager-numbers .k-state-selected {
    border-width: 2px 0 0;
    padding-top: .7em; }
  html body.yp .yp-portlet .k-pager-wrap {
    line-height: 1.286em;
    padding: .429em 0 .429em .25em; }
  html body.yp .yp-portlet .k-pager-numbers .k-link, html body.yp .yp-portlet .k-pager-wrap > .k-link {
    height: 2.429em;
    line-height: 2.429em; }
  html body.yp .yp-portlet .k-pager-sizes, html body.yp .yp-portlet .k-pager-wrap .k-link {
    padding: 0;
    min-width: 2.429em; }
  html body.yp .yp-portlet .k-pager-wrap .k-pager-numbers .k-state-selected {
    margin-top: -.45em;
    padding-top: .45em;
    min-width: 2.429em; }
  html body.yp .yp-portlet .k-pager-wrap input.k-textbox {
    height: 2.571em; }
  html body.yp .yp-portlet .k-pager-info {
    padding: .714em 1.333em .643em 1.333em; }
  html body.yp .yp-portlet .k-pager-wrap .k-pager-refresh {
    margin-right: 1.214em; }
  html body.yp .yp-portlet .k-pager-wrap .k-dropdown {
    width: 5.2em; }
  html body.yp .yp-portlet .k-combobox > .k-dropdown-wrap > .k-i-close {
    right: 3.3em; }
  html body.yp .yp-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    top: 7px; }
  html body.yp .yp-portlet .k-autocomplete .k-i-loading, html body.yp .yp-portlet .k-autocomplete .k-loading, html body.yp .yp-portlet .k-multiselect .k-i-loading, html body.yp .yp-portlet .k-multiselect .k-loading {
    bottom: 10px; }
  html body.yp .yp-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    top: 10px; }
  html body.yp .yp-portlet .k-autocomplete > .k-i-close, html body.yp .yp-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    margin-right: 10px; }
  html body.yp .yp-portlet .k-dropdown-wrap, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-picker-wrap {
    padding: 0 2.571em 0 0; }
  html body.yp .yp-portlet .k-dropdown-wrap .k-select, html body.yp .yp-portlet .k-numeric-wrap .k-select, html body.yp .yp-portlet .k-picker-wrap .k-select {
    width: 2.571em; }
  html body.yp .yp-portlet .k-datetimepicker {
    width: 19.5em; }
  html body.yp .yp-portlet .k-datetimepicker .k-select {
    width: 5em; }
  html body.yp .yp-portlet .k-datetimepicker .k-picker-wrap {
    padding-right: 5em; }
  html body.yp .yp-portlet .k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 6px; }
  html body.yp .yp-portlet .k-calendar {
    width: 19em; }
  html body.yp .yp-portlet .k-calendar .k-header {
    margin: 0 -5px; }
  html body.yp .yp-portlet .k-calendar td {
    padding: 0; }
  html body.yp .yp-portlet .k-calendar .k-content .k-link {
    min-height: 2.571em;
    line-height: 2.571em;
    padding: 0;
    text-align: center; }
  html body.yp .yp-portlet .k-calendar th {
    border-bottom-width: 0;
    padding: .714em .45em .714em 0; }
  html body.yp .yp-portlet .k-calendar .k-footer {
    border-top-width: 1px;
    border-top-style: solid;
    margin: 0 -5px; }
  html body.yp .yp-portlet .k-popup.k-list-container {
    padding: .286em 0; }
  html body.yp .yp-portlet .k-popup.k-calendar-containe {
    padding: 0; }
  html body.yp .yp-portlet .k-fieldselector .k-list .k-item, html body.yp .yp-portlet .k-popup .k-list .k-item {
    min-height: 2.143em;
    line-height: 2.143em; }
  html body.yp .yp-portlet .k-fieldselector .k-pivot-configurator-settings li.k-item {
    padding-right: 3.8em; }
  html body.yp .yp-portlet .k-popup .k-list .k-item {
    padding: 1px 11px; }
  html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-calendar .k-footer, html body.yp .yp-portlet .k-calendar .k-header .k-link {
    text-transform: uppercase; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-fast {
    width: 65%;
    height: 2.571em;
    line-height: 2.571em;
    margin: .429em -.08333em .429em 0; }
  html body.yp .yp-portlet .k-calendar .k-header .k-icon {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-next, html body.yp .yp-portlet .k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .429em;
    line-height: 2.571em;
    height: 2.571em; }
  html body.yp .yp-portlet .k-calendar .k-header .k-link.k-nav-next, html body.yp .yp-portlet .k-calendar .k-header .k-link.k-nav-prev {
    height: 2.571em;
    width: 2.571em; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-prev {
    left: .429em; }
  html body.yp .yp-portlet .k-widget.k-calendar .k-nav-next {
    right: .429em; }
  html body.yp .yp-portlet .k-calendar .k-footer .k-nav-today, html body.yp .yp-portlet .k-calendar .k-footer > .k-state-disabled {
    padding: 1.143em 0 1.071em; }
  html body.yp .yp-portlet .k-popup.k-calendar-container {
    padding: 0;
    border: 0; }
  html body.yp .yp-portlet .k-multiselect-wrap .k-input {
    height: 2.214em; }
  html body.yp .yp-portlet .k-multiselect-wrap li {
    border-radius: 1.071em;
    margin: 3px 0 3px 3px;
    padding: 0 1.6em 0 .857em;
    line-height: 1.86em; }
  html body.yp .yp-portlet .k-multiselect-wrap li span {
    margin-right: .4em; }
  html body.yp .yp-portlet .k-multiselect-wrap .k-select {
    padding-top: 0; }
  html body.yp .yp-portlet .k-numeric-wrap .k-select {
    vertical-align: baseline; }
  html body.yp .yp-portlet .k-numerictextbox .k-link {
    height: 1.284em;
    line-height: 1.357em; }
  html body.yp .yp-portlet .k-numerictextbox .k-link .k-i-arrow-n {
    vertical-align: bottom; }
  html body.yp .yp-portlet .k-numerictextbox .k-link .k-i-arrow-s {
    vertical-align: top; }
  html body.yp .yp-portlet .k-menu .k-item, html body.yp .yp-portlet .k-menu.k-header, html body.yp .yp-portlet .k-widget.k-menu-horizontal > .k-item {
    border-width: 0; }
  html body.yp .yp-portlet .k-popup.k-context-menu {
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .k-context-menu.k-menu-vertical > .k-item > .k-link, html body.yp .yp-portlet .k-menu .k-menu-group .k-item > .k-link {
    padding: .5em 4.929em .5em 1.714em; }
  html body.yp .yp-portlet .k-menu .k-item > .k-link > .k-i-arrow-e {
    right: 2.143rem; }
  html body.yp .yp-portlet .k-menu .k-animation-container .k-menu-group {
    padding: 1.143em 0; }
  html body.yp .yp-portlet .k-column-menu .k-menu .k-animation-container .k-menu-group {
    padding: 0; }
  html body.yp .yp-portlet .k-column-menu .k-menu-vertical .k-separator {
    height: 0; }
  html body.yp .yp-portlet table.k-editor {
    border-spacing: 0; }
  html body.yp .yp-portlet .k-editor .k-editable-area {
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .k-editor .k-editor-toolbar-wrap {
    padding-left: 10px; }
  html body.yp .yp-portlet .k-toolbar {
    line-height: 3.42em; }
  html body.yp .yp-portlet .k-toolbar > div > label {
    line-height: 3.42em; }
  html body.yp .yp-portlet .k-toolbar .k-overflow-anchor > .k-icon {
    margin-top: -6px;
    margin-bottom: -6px; }
  html body.yp .yp-portlet .k-toolbar .k-dropdown {
    margin-top: -1px; }
  html body.yp .yp-portlet .k-toolbar .k-split-button .k-button {
    padding-top: 10px;
    padding-bottom: 10px; }
  html body.yp .yp-portlet .k-toolbar .k-button-group {
    line-height: 3.286em; }
  html body.yp .yp-portlet .k-toolbar .k-button-group .k-button {
    line-height: inherit;
    padding: 0 .857em; }
  html body.yp .yp-portlet .k-toolbar .k-input {
    height: 2.214em;
    line-height: 2.214em;
    padding: .177em 0;
    text-indent: .8em;
    border: 0;
    margin: 0; }
  html body.yp .yp-portlet .k-toolbar .k-overflow-anchor {
    border-width: 0;
    line-height: 3.286em;
    width: 3.42em;
    height: 3.42em;
    padding: 0; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-button, html body.yp .yp-portlet .k-split-container .k-button {
    font-size: 1.2em; }
  html body.yp .yp-portlet .k-button-group .k-tool {
    margin: 6px 0; }
  html body.yp .yp-portlet .k-toolbar .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em; }
  html body.yp .yp-portlet .k-editor-toolbar li.k-overflow-tools, html body.yp .yp-portlet .k-editor-toolbar li.k-tool-group {
    padding: 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-button-group .k-tool {
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-button-group .k-tool.k-group-end, html body.yp .yp-portlet .k-editor-toolbar .k-tool {
    border-width: 0; }
  html body.yp .yp-portlet .k-editor-toolbar .k-state-selected {
    font-weight: 700; }
  html body.yp .yp-portlet .k-filebrowser .k-filebrowser-toolbar {
    line-height: 3.5em; }
  html body.yp .yp-portlet .k-filebrowser .k-filebrowser-toolbar .k-upload {
    margin-top: 3px; }
  html body.yp .yp-portlet .k-filebrowser .k-filebrowser-toolbar .k-button-icon {
    margin-top: -3px; }
  html body.yp .yp-portlet .k-filebrowser .k-upload .k-upload-button {
    vertical-align: bottom; }
  html body.yp .yp-portlet .k-filebrowser .k-search-wrap .k-search {
    top: 25%;
    right: 4px; }
  html body.yp .yp-portlet .k-filebrowser .k-search-wrap {
    padding: 2px .3em; }
  html body.yp .yp-portlet .k-filebrowser .k-tiles-arrange .k-dropdown {
    width: 80px; }
  html body.yp .yp-portlet .k-draghandle {
    border-width: 2px; }
  html body.yp .yp-portlet span.k-tooltip {
    padding: 9px 17px; }
  html body.yp .yp-portlet .k-block > .k-header, html body.yp .yp-portlet .k-window-titlebar {
    padding: .5em 0 .571em; }
  html body.yp .yp-portlet .k-window-titlebar .k-window-actions {
    right: .929em;
    padding-top: .45em; }
  html body.yp .yp-portlet div.k-window {
    border-width: 0; }
  html body.yp .yp-portlet .k-window-title {
    right: 1.143em;
    left: 1.143em; }
  html body.yp .yp-portlet div.k-window-content {
    padding: 1.333em; }
  html body.yp .yp-portlet div.editorToolbarWindow.k-window-content {
    padding: 0; }
  html body.yp .yp-portlet .editorToolbarWindow .k-editortoolbar-dragHandle {
    line-height: 30px; }
  html body.yp .yp-portlet .k-file {
    padding: .643em .17em .643em 1em; }
  html body.yp .yp-portlet .k-scheduler-table td, html body.yp .yp-portlet .k-scheduler-table th {
    height: 1.643em; }
  html body.yp .yp-portlet .k-gantt-treelist .k-grid-header tr {
    height: 5.714em; }
  html body.yp .yp-portlet .k-gantt-timeline .k-grid-header tr {
    height: 2.857em; }
  html body.yp .yp-portlet .k-gantt .k-task-summary-complete:after, html body.yp .yp-portlet .k-gantt .k-task-summary-complete:before, html body.yp .yp-portlet .k-gantt .k-task-summary:after, html body.yp .yp-portlet .k-gantt .k-task-summary:before {
    border-width: 0; }
  html body.yp .yp-portlet .k-gantt .k-task {
    border-width: 0; }
  html body.yp .yp-portlet .k-gantt .k-task-actions {
    line-height: 2.429em; }
  html body.yp .yp-portlet .k-gantt .k-task-single {
    margin-top: -.429em; }
  html body.yp .yp-portlet .k-gantt .k-task-template {
    padding: .643em 1.4em .643em .6em; }
  html body.yp .yp-portlet .k-gantt .k-task-milestone {
    width: 17px;
    height: 17px; }
  html body.yp .yp-portlet .k-gantt .k-task-draghandle {
    margin-left: 24px;
    border-width: 8px;
    border-radius: 0 50% 50% 50%;
    border-style: solid;
    bottom: -11px; }
  html body.yp .yp-portlet .k-gantt .k-gantt-timeline th {
    text-align: left; }
  html body.yp .yp-portlet .k-gantt .k-grid-content tr, html body.yp .yp-portlet .k-gantt-rows tr, html body.yp .yp-portlet .k-gantt-tasks tr {
    height: 3.5em; }
  html body.yp .yp-portlet .k-notification-wrap {
    padding: 1.786em; }
  html body.yp .yp-portlet .k-notification-wrap > .k-i-close {
    top: 21px; }
  html body.yp .yp-portlet .k-slider-track {
    border-width: 0; }
  html body.yp .yp-portlet .k-slider .k-button .k-icon {
    margin-top: 5px; }
  html body.yp .yp-portlet .k-slider-horizontal .k-slider-selection, html body.yp .yp-portlet .k-slider-horizontal .k-slider-track {
    height: 2px;
    margin-top: -1px; }
  html body.yp .yp-portlet .k-slider-vertical .k-slider-selection, html body.yp .yp-portlet .k-slider-vertical .k-slider-track {
    width: 2px;
    margin-left: -1px; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle, html body.yp .yp-portlet .k-slider-horizontal .k-draghandle, html body.yp .yp-portlet .k-slider-vertical .k-draghandle {
    width: 6px;
    height: 6px; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle {
    margin-top: -1px; }
  html body.yp .yp-portlet .k-colorpicker .k-picker-wrap {
    line-height: 2.214em; }
  html body.yp .yp-portlet .k-colorpicker .k-selected-color {
    height: 2.214em;
    padding: .177em 0; }
  html body.yp .yp-portlet .k-draghandle.k-state-selected, html body.yp .yp-portlet .k-draghandle.k-state-selected:link, html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
    width: 10px;
    height: 10px; }
  html body.yp .yp-portlet .k-draghandle.k-state-focused.k-state-selected {
    margin-left: -2px; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, html body.yp .yp-portlet .k-slider-horizontal .k-draghandle.k-state-selected {
    top: -6px; }
  html body.yp .yp-portlet .k-slider-vertical .k-draghandle.k-state-selected {
    left: -4px; }
  html body.yp .yp-portlet .k-panelbar-collapse, html body.yp .yp-portlet .k-panelbar-expand {
    right: 16px; }
  html body.yp .yp-portlet .k-header.k-grid-toolbar {
    border-color: #3343a4; }
  html body.yp .yp-portlet .k-grid-toolbar, html body.yp .yp-portlet .k-grouping-header {
    padding: .429em; }
  html body.yp .yp-portlet .k-grouping-header {
    padding-left: 1.286em; }
  html body.yp .yp-portlet .k-grid .k-icon {
    opacity: .45; }
  html body.yp .yp-portlet .k-grid td.k-group-cell, html body.yp .yp-portlet .k-grid th.k-group-cell {
    text-overflow: clip; }
  html body.yp .yp-portlet form.k-filter-menu .k-textbox {
    margin-bottom: 7px; }
  html body.yp .yp-portlet .k-gantt-toolbar, html body.yp .yp-portlet .k-scheduler-footer .k-scheduler-fullday, html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-today, html body.yp .yp-portlet .k-scheduler-toolbar .k-scheduler-views {
    text-transform: uppercase; }
  html body.yp .yp-portlet .k-scheduler-footer .k-icon.k-i-clock {
    display: none; }
  html body.yp .yp-portlet .k-gantt-toolbar > ul > li, html body.yp .yp-portlet .k-scheduler-toolbar > ul > li {
    border-width: 0 0 2px 0; }
  html body.yp .yp-portlet .k-gantt-toggle, html body.yp .yp-portlet .k-gantt-toolbar li .k-link, html body.yp .yp-portlet .k-scheduler-toolbar li .k-link {
    vertical-align: middle;
    line-height: 46px; }
  html body.yp .yp-portlet .k-gantt-toggle {
    padding: 0; }
  html body.yp .yp-portlet .k-gantt-actions {
    vertical-align: middle;
    line-height: 48px; }
  html body.yp .yp-portlet .k-gantt-actions > .k-button {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-gantt-toolbar, html body.yp .yp-portlet .k-scheduler-footer, html body.yp .yp-portlet .k-scheduler-toolbar {
    line-height: 44px;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-scheduler-footer {
    padding: 0; }
  html body.yp .yp-portlet .k-popup-edit-form .k-primary {
    float: right; }
  html body.yp .yp-portlet .k-popup-edit-form:after {
    content: " ";
    display: block;
    clear: both; }
  html body.yp .yp-portlet .k-gantt-toolbar, html body.yp .yp-portlet .k-scheduler-toolbar {
    padding: 0 1.286em; }
  html body.yp .yp-portlet .k-scheduler-navigation {
    margin-left: -.786em; }
  html body.yp .yp-portlet .k-drag-clue {
    font-size: 1em;
    padding: .65em 1em; }
  html body.yp .yp-portlet .k-state-border-down .k-select .k-i-arrow-s {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-n, html body.yp .yp-portlet .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px; }
  html body.yp .yp-portlet .k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-s, html body.yp .yp-portlet .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px; }
  html body.yp .yp-portlet .k-delete, html body.yp .yp-portlet .k-group-delete, html body.yp .yp-portlet .k-i-close, html body.yp .yp-portlet .k-i-delete, html body.yp .yp-portlet .k-i-group-delete {
    background-position: -32px -16px; }
  html body.yp .yp-portlet .k-multiselect .k-delete, html body.yp .yp-portlet .k-multiselect .k-i-delete {
    margin-top: -2px; }
  html body.yp .yp-portlet .k-multiselect .k-button:not(.k-state-disabled):hover .k-delete, html body.yp .yp-portlet .k-multiselect .k-button:not(.k-state-disabled):hover .k-i-delete {
    background-position: -160px -80px; }
  html body.yp .yp-portlet .k-window-titlebar .k-i-maximize, html body.yp .yp-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-maximize {
    background-position: -48px -144px; }
  html body.yp .yp-portlet .k-window-titlebar .k-i-minimize, html body.yp .yp-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-minimize {
    background-position: -80px -288px; }
  html body.yp .yp-portlet .k-window-titlebar .k-i-pin, html body.yp .yp-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-pin {
    background-position: -176px -256px; }
  html body.yp .yp-portlet .k-window-titlebar .k-i-custom, html body.yp .yp-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-custom {
    background-position: -141px -113px; }
  html body.yp .yp-portlet .k-window-titlebar .k-i-refresh, html body.yp .yp-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-refresh {
    background-position: -48px -112px; }
  html body.yp .yp-portlet .k-window-titlebar .k-i-close, html body.yp .yp-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-close {
    background-position: -48px -16px; }
  html body.yp .yp-portlet .k-window-titlebar .k-i-restore, html body.yp .yp-portlet .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-restore {
    background-position: -48px -128px; }
  html body.yp .yp-portlet .k-calendar .k-icon.k-i-arrow-w, html body.yp .yp-portlet .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .yp-portlet .k-calendar .k-state-hover .k-icon.k-i-arrow-w {
    background-position: -16px -48px;
    opacity: 1; }
  html body.yp .yp-portlet .k-calendar .k-icon.k-i-arrow-e, html body.yp .yp-portlet .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .yp-portlet .k-calendar .k-state-hover .k-icon.k-i-arrow-e {
    background-position: -16px -16px;
    opacity: 1; }
  html body.yp .yp-portlet .k-treeview .k-i-minus, html body.yp .yp-portlet .k-treeview .k-minus {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-treeview .k-i-plus, html body.yp .yp-portlet .k-treeview .k-plus {
    background-position: 0 -16px; }
  html body.yp .yp-portlet .k-treeview .k-i-loading, html body.yp .yp-portlet .k-treeview .k-loading {
    background-position: 50%; }
  html body.yp .yp-portlet .k-splitbar-horizontal-hover .k-resize-handle {
    background-position: -165px -6px; }
  html body.yp .yp-portlet .k-splitbar-horizontal-hover .k-collapse-next {
    background-position: -5px -142px; }
  html body.yp .yp-portlet .k-splitbar-horizontal-hover .k-collapse-prev {
    background-position: -6px -174px; }
  html body.yp .yp-portlet .k-splitbar-vertical-hover .k-resize-handle {
    background-position: -38px -309px; }
  html body.yp .yp-portlet .k-splitbar-vertical-hover .k-collapse-next {
    background-position: 2px -165px; }
  html body.yp .yp-portlet .k-splitbar-vertical-hover .k-collapse-prev {
    background-position: 2px -134px; }
  html body.yp .yp-portlet .k-splitbar-horizontal.k-state-focused .k-resize-handle {
    background-position: -181px -6px; }
  html body.yp .yp-portlet .k-splitbar-horizontal.k-state-focused .k-collapse-next {
    background-position: -21px -142px; }
  html body.yp .yp-portlet .k-splitbar-horizontal.k-state-focused .k-collapse-prev {
    background-position: -22px -174px; }
  html body.yp .yp-portlet .k-splitbar-vertical.k-state-focused .k-resize-handle {
    background-position: -70px -309px; }
  html body.yp .yp-portlet .k-splitbar-vertical.k-state-focused .k-collapse-next {
    background-position: -14px -165px; }
  html body.yp .yp-portlet .k-splitbar-vertical.k-state-focused .k-collapse-prev {
    background-position: -14px -134px; }
  html body.yp .yp-portlet .k-grid .k-delete, html body.yp .yp-portlet .k-grid .k-i-delete {
    background-position: -32px -16px; }
  html body.yp .yp-portlet .k-grid-header .k-i-arrow-n, html body.yp .yp-portlet .k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
    background-position: 0 -256px; }
  html body.yp .yp-portlet .k-grid-header .k-i-arrow-s, html body.yp .yp-portlet .k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
    background-position: 0 -288px; }
  html body.yp .yp-portlet .k-grid-header .k-grid-filter, html body.yp .yp-portlet .k-grid-header .k-header-column-menu {
    padding: .714em;
    margin: -.786em -.6em -.786em 0; }
  html body.yp .yp-portlet .k-grid-header .k-header-column-menu .k-i-arrowhead-s {
    background-position: -64px -32px; }
  html body.yp .yp-portlet .k-header .k-button:hover > .k-i-pdf, html body.yp .yp-portlet .k-header .k-i-pdf {
    background-position: -80px -80px; }
  html body.yp .yp-portlet .k-header .k-button:hover > .k-i-excel, html body.yp .yp-portlet .k-header .k-i-excel {
    background-position: -80px -96px; }
  html body.yp .yp-portlet .k-grid-toolbar .k-add, html body.yp .yp-portlet .k-grid-toolbar .k-button:hover .k-add, html body.yp .yp-portlet .k-grid-toolbar .k-button:hover .k-i-add, html body.yp .yp-portlet .k-grid-toolbar .k-i-add {
    background-position: -48px -64px; }
  html body.yp .yp-portlet .k-grid-toolbar .k-button:hover .k-i-update, html body.yp .yp-portlet .k-grid-toolbar .k-button:hover .k-update, html body.yp .yp-portlet .k-grid-toolbar .k-i-update, html body.yp .yp-portlet .k-grid-toolbar .k-update {
    background-position: -48px -32px; }
  html body.yp .yp-portlet .k-grid-toolbar .k-button:hover .k-cancel, html body.yp .yp-portlet .k-grid-toolbar .k-button:hover .k-i-cancel, html body.yp .yp-portlet .k-grid-toolbar .k-cancel, html body.yp .yp-portlet .k-grid-toolbar .k-i-cancel {
    background-position: -48px -48px; }
  html body.yp .yp-portlet .k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete, html body.yp .yp-portlet .k-grouping-header .k-button-icon:hover > .k-icon.k-i-group-delete, html body.yp .yp-portlet .k-grouping-header .k-group-delete, html body.yp .yp-portlet .k-grouping-header .k-i-group-delete {
    background-position: -176px -80px; }
  html body.yp .yp-portlet .k-grouping-header .k-i-sarrow-n, html body.yp .yp-portlet .k-grouping-header .k-link:hover > .k-icon.k-i-sarrow-n, html body.yp .yp-portlet .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n, html body.yp .yp-portlet .k-grouping-header .k-si-arrow-n {
    background-position: -16px -288px; }
  html body.yp .yp-portlet .k-grouping-header .k-i-sarrow-s, html body.yp .yp-portlet .k-grouping-header .k-link:hover > .k-icon.k-i-sarrow-s, html body.yp .yp-portlet .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s, html body.yp .yp-portlet .k-grouping-header .k-si-arrow-s {
    background-position: -16px -256px; }
  html body.yp .yp-portlet .k-scheduler .k-state-default .k-link .k-icon.k-i-calendar, html body.yp .yp-portlet .k-scheduler .k-state-default.k-state-hover .k-link .k-i-calendar {
    background-position: -48px -176px; }
  html body.yp .yp-portlet .k-scheduler .k-i-arrow-e, html body.yp .yp-portlet .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
    background-position: -16px -16px; }
  html body.yp .yp-portlet .k-scheduler .k-i-arrow-w, html body.yp .yp-portlet .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
    background-position: -16px -48px; }
  html body.yp .yp-portlet .k-scheduler .k-i-clock, html body.yp .yp-portlet .k-scheduler .k-state-hover .k-link .k-i-clock {
    opacity: 1;
    background-position: -48px -192px; }
  html body.yp .yp-portlet .k-scheduler .k-link:not(.k-state-disabled):hover > .k-si-close, html body.yp .yp-portlet .k-scheduler .k-si-close {
    background-position: -176px -80px; }
  html body.yp .yp-portlet .k-scheduler .k-i-refresh {
    background-position: -48px -112px; }
  html body.yp .yp-portlet .k-gantt .k-button:hover .k-i-plus, html body.yp .yp-portlet .k-gantt .k-i-plus, html body.yp .yp-portlet .k-gantt .k-link:hover > .k-icon.k-i-sarrow-n, html body.yp .yp-portlet .k-gantt .k-link:hover > .k-icon.k-si-arrow-n {
    background-position: -48px -64px; }
  html body.yp .yp-portlet .k-gantt .k-i-collapse {
    background-position: 0 -32px; }
  html body.yp .yp-portlet .k-gantt .k-i-expand {
    background-position: 0 0; }
  html body.yp .yp-portlet .k-gantt .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, html body.yp .yp-portlet .k-gantt .k-i-gantt-toggle {
    background-position: -80px -240px; }
  html body.yp .yp-portlet .k-i-arrowhead-s, html body.yp .yp-portlet .k-pivot-setting .k-item.k-state-hover .k-i-arrowhead-s {
    background-position: 0 -288px; }
  html body.yp .yp-portlet .k-pivot-toolbar .k-button:not(.k-state-disabled):hover .k-i-sort-asc, html body.yp .yp-portlet .k-pivot-toolbar .k-field-actions .k-i-sort-asc {
    background-position: -128px -240px; }
  html body.yp .yp-portlet .k-pivot-toolbar .k-button:not(.k-state-disabled):hover .k-i-sort-desc, html body.yp .yp-portlet .k-pivot-toolbar .k-field-actions .k-i-sort-desc {
    background-position: -128px -256px; }
  html body.yp .yp-portlet .k-button:hover .k-i-arrowhead-s, html body.yp .yp-portlet .k-item.k-state-hover .k-i-arrowhead-s {
    background-position: -16px -288px; }
  html body.yp .yp-portlet .k-button:hover .k-si-close, html body.yp .yp-portlet .k-item.k-state-hover .k-si-close, html body.yp .yp-portlet .k-si-close {
    background-position: -176px -80px; }
  html body.yp .yp-portlet .k-panelbar .k-link.k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, html body.yp .yp-portlet .k-pivot .k-link.k-state-selected .k-i-arrow-n, html body.yp .yp-portlet .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
    background-position: 0 -192px; }
  html body.yp .yp-portlet .k-panelbar .k-link.k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, html body.yp .yp-portlet .k-pivot .k-link.k-state-selected .k-i-arrow-s, html body.yp .yp-portlet .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
    background-position: 0 -224px; }
  html body.yp .yp-portlet .k-panelbar .k-link.k-state-selected .k-i-arrow-e, html body.yp .yp-portlet .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .yp-portlet .k-pivot .k-link.k-state-selected .k-i-arrow-e, html body.yp .yp-portlet .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-e {
    background-position: 0 -190px; }
  html body.yp .yp-portlet .k-pivot .k-i-arrow-n {
    background-position: 0 -192px; }
  html body.yp .yp-portlet .k-pivot .k-i-arrow-s {
    background-position: 0 -224px; }
  html body.yp .yp-portlet .k-pivot .k-i-arrow-e {
    background-position: 0 -192px; }
  html body.yp .yp-portlet .k-panelbar .k-link > .k-i-arrow-n {
    background-position: 0 -192px; }
  html body.yp .yp-portlet .k-panelbar .k-link > .k-i-arrow-s {
    background-position: 0 -224px; }
  html body.yp .yp-portlet .k-panelbar .k-link > .k-i-arrow-e {
    background-position: 0 -190px; }
  html body.yp .yp-portlet .k-tabstrip .k-button .k-i-pdf, html body.yp .yp-portlet .k-tabstrip .k-button:hover .k-i-pdf {
    background-position: -64px -80px; }
  html body.yp .yp-portlet .k-pivot-configurator-settings .k-button:hover .k-si-close, html body.yp .yp-portlet .k-pivot-configurator-settings .k-item.k-state-hover .k-si-close, html body.yp .yp-portlet .k-pivot-configurator-settings .k-si-close {
    background-position: -160px -80px; }
  html body.yp .yp-portlet .k-pivot .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, html body.yp .yp-portlet .k-pivot .k-header .k-i-arrowhead-s {
    background-position: -16px -288px; }
  html body.yp .yp-portlet .k-pivot .k-button:not(.k-state-disabled):hover .k-si-close, html body.yp .yp-portlet .k-pivot .k-header .k-si-close {
    background-position: -176px -80px; }
  html body.yp .yp-portlet .k-notification .k-i-erorr, html body.yp .yp-portlet .k-notification .k-i-info, html body.yp .yp-portlet .k-notification .k-i-note, html body.yp .yp-portlet .k-notification .k-i-success, html body.yp .yp-portlet .k-notification .k-i-warning {
    background-position: -176px -240px; }
  html body.yp .yp-portlet .k-checkbox:indeterminate + .k-checkbox-label:before {
    border-width: 2px; }
  html body.yp .yp-portlet .k-checkbox + .k-checkbox-label:before {
    z-index: 1; }
  html body.yp .yp-portlet .k-checkbox:indeterminate + .k-checkbox-label:after {
    width: 10px;
    height: 10px;
    border-width: 0;
    margin-left: 0;
    top: 4px;
    left: 4px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 2; }
  html body.yp .yp-portlet .k-radio:checked + .k-radio-label:after {
    top: 4px;
    left: 4px; }
  html body.yp .yp-portlet .k-rtl .k-widget .k-dropdown-wrap, html body.yp .yp-portlet .k-rtl .k-widget .k-numeric-wrap, html body.yp .yp-portlet .k-rtl .k-widget .k-picker-wrap {
    padding-left: 2.5em; }
  html body.yp .yp-portlet .k-rtl .k-widget.k-autocomplete > .k-i-close, html body.yp .yp-portlet .k-rtl .k-widget.k-multiselect > .k-multiselect-wrap > .k-i-close {
    left: 0;
    right: initial;
    margin-left: 10px;
    margin-right: 0; }
  html body.yp .yp-portlet .k-rtl .k-widget.k-combobox > .k-dropdown-wrap > .k-i-close {
    left: 3.3em;
    right: initial; }
  html body.yp .yp-portlet .k-rtl .k-widget.k-datetimepicker .k-picker-wrap {
    padding-left: 5em; }
  html body.yp .yp-portlet .k-rtl .k-widget.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 6px; }
  html body.yp .yp-portlet .k-rtl .k-calendar .k-icon.k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-scheduler .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, html body.yp .yp-portlet .k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
    background-position: -16px -16px; }
  html body.yp .yp-portlet .k-rtl .k-calendar .k-icon.k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-scheduler .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, html body.yp .yp-portlet .k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
    background-position: -16px -48px; }
  html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap > .k-link {
    border-radius: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .km-pane-wrapper .k-pager-wrap > .k-pager-info {
    padding: .571em .86em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-state-selected {
    padding: .971em .86em .571em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-pager-numbers .k-link {
    min-width: 2.429em; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar .k-scheduler-navigation {
    margin-bottom: -.6em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field, html body.yp .yp-portlet .k-spreadsheet-window .k-edit-label {
    padding: 0;
    line-height: 4em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-label > label {
    vertical-align: middle; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field .k-radio-label {
    padding-left: 1.75em; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > .k-radio-label:after, html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > .k-radio-label:before {
    margin-top: -2px; }
  html body.yp .yp-portlet .k-spreadsheet-window .hint-wrapper:before {
    margin-left: -1em;
    padding-right: 1em;
    padding-left: 1em; }
  html body.yp .yp-portlet div.k-spreadsheet-window {
    padding: 1em; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog.k-window-content {
    min-width: 325px;
    width: 25.8em; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content {
    min-height: 510px;
    height: 42em; }
  html body.yp .yp-portlet .k-edit-form-container .editor-label, html body.yp .yp-portlet .k-edit-label {
    padding: .8em 0 1em; }
  html body.yp .yp-portlet .k-editor-dialog .k-root-tabs {
    padding: 0 1em; }
  html body.yp .yp-portlet .k-editor-dialog ul.k-tabstrip-items {
    padding: 0;
    border: 0; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align {
    min-width: 59px; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown, html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox {
    width: 15.74em; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align, html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox + .k-dropdown {
    width: 4.7em; }
  html body.yp .yp-portlet .k-animation-container .k-popup.k-align .k-list .k-font-icon {
    line-height: 1.4em; }
  html body.yp .yp-portlet .k-animation-container .k-popup.k-align .k-list .k-i-justify-clear {
    line-height: 1.6em; }
  html body.yp .yp-portlet .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons {
    padding: .6em 1.3em; }
  html body.yp .yp-portlet .k-theme-test-class, html body.yp .yp-portlet .ktb-theme-id-material {
    opacity: 0; }
  html body.yp .yp-portlet .ktb-var-accent {
    color: #3f51b5; }
  html body.yp .yp-portlet .ktb-var-base {
    color: #fff; }
  html body.yp .yp-portlet .ktb-var-background {
    color: #fff; }
  html body.yp .yp-portlet .ktb-var-border-radius {
    border-radius: 2px; }
  html body.yp .yp-portlet .ktb-var-normal-background {
    color: #fff; }
  html body.yp .yp-portlet .ktb-var-normal-gradient {
    background-image: none; }
  html body.yp .yp-portlet .ktb-var-normal-text-color {
    color: #444; }
  html body.yp .yp-portlet .ktb-var-hover-background {
    color: #ebebeb; }
  html body.yp .yp-portlet .ktb-var-hover-gradient {
    background-image: none; }
  html body.yp .yp-portlet .ktb-var-hover-text-color {
    color: #444; }
  html body.yp .yp-portlet .ktb-var-selected-background {
    color: #00b0ff; }
  html body.yp .yp-portlet .ktb-var-selected-gradient {
    background-image: none; }
  html body.yp .yp-portlet .ktb-var-selected-text-color {
    color: #3f51b5; }
  html body.yp .yp-portlet .ktb-var-error {
    color: #ffcdd2; }
  html body.yp .yp-portlet .ktb-var-warning {
    color: #fdefba; }
  html body.yp .yp-portlet .ktb-var-success {
    color: #c8e6c9; }
  html body.yp .yp-portlet .ktb-var-info {
    color: #bbdefb; }
  html body.yp .yp-portlet .ktb-var-series-a {
    color: #3f51b5; }
  html body.yp .yp-portlet .ktb-var-series-b {
    color: #03a9f4; }
  html body.yp .yp-portlet .ktb-var-series-c {
    color: #4caf50; }
  html body.yp .yp-portlet .ktb-var-series-d {
    color: #f9ce1d; }
  html body.yp .yp-portlet .ktb-var-series-e {
    color: #ff9800; }
  html body.yp .yp-portlet .ktb-var-series-f {
    color: #ff5722; }
  html body.yp .yp-portlet .k-grid-norecords-template {
    background-color: #fff;
    border: 1px solid #e6e6e6; }
  html body.yp .yp-portlet .k-in, html body.yp .yp-portlet .k-item, html body.yp .yp-portlet .k-window-action {
    border-color: transparent; }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-widget {
    background-color: #fff; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-button-group .k-tool, html body.yp .yp-portlet .k-calendar th, html body.yp .yp-portlet .k-colorpicker .k-i-arrow-s, html body.yp .yp-portlet .k-content, html body.yp .yp-portlet .k-dropdown-wrap, html body.yp .yp-portlet .k-dropzone-active, html body.yp .yp-portlet .k-editable-area, html body.yp .yp-portlet .k-filter-row > th, html body.yp .yp-portlet .k-footer-template td, html body.yp .yp-portlet .k-grid td, html body.yp .yp-portlet .k-grid td.k-state-selected, html body.yp .yp-portlet .k-grid-content-locked, html body.yp .yp-portlet .k-grid-footer, html body.yp .yp-portlet .k-grid-footer-locked, html body.yp .yp-portlet .k-grid-footer-wrap, html body.yp .yp-portlet .k-grid-header, html body.yp .yp-portlet .k-grid-header-locked, html body.yp .yp-portlet .k-grid-header-wrap, html body.yp .yp-portlet .k-group, html body.yp .yp-portlet .k-group-footer td, html body.yp .yp-portlet .k-grouping-header, html body.yp .yp-portlet .k-grouping-header .k-group-indicator, html body.yp .yp-portlet .k-header, html body.yp .yp-portlet .k-input, html body.yp .yp-portlet .k-pager-refresh, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-pager-wrap .k-link, html body.yp .yp-portlet .k-panel > .k-item > .k-link, html body.yp .yp-portlet .k-panelbar .k-content, html body.yp .yp-portlet .k-panelbar .k-panel, html body.yp .yp-portlet .k-panelbar > .k-item > .k-link, html body.yp .yp-portlet .k-popup.k-align .k-list .k-item:last-child, html body.yp .yp-portlet .k-separator, html body.yp .yp-portlet .k-slider-track, html body.yp .yp-portlet .k-splitbar, html body.yp .yp-portlet .k-state-default, html body.yp .yp-portlet .k-state-default .k-select, html body.yp .yp-portlet .k-state-disabled, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-textbox > input, html body.yp .yp-portlet .k-tiles, html body.yp .yp-portlet .k-toolbar, html body.yp .yp-portlet .k-tooltip, html body.yp .yp-portlet .k-treemap-tile, html body.yp .yp-portlet .k-upload-files, html body.yp .yp-portlet .k-widget {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-calendar th, html body.yp .yp-portlet .k-dropzone-hovered, html body.yp .yp-portlet .k-footer-template td, html body.yp .yp-portlet .k-grid-footer, html body.yp .yp-portlet .k-group, html body.yp .yp-portlet .k-group-footer td, html body.yp .yp-portlet .k-grouping-header, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-toolbar, html body.yp .yp-portlet .k-widget .k-status, html body.yp .yp-portlet .k-widget.k-popup {
    background-color: #3f51b5; }
  html body.yp .yp-portlet .k-grouping-row td, html body.yp .yp-portlet .k-resize-handle-inner, html body.yp .yp-portlet td.k-group-cell {
    background-color: #3f51b5; }
  html body.yp .yp-portlet .k-list-container {
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #fff; }
  html body.yp .yp-portlet .k-content, html body.yp .yp-portlet .k-editable-area, html body.yp .yp-portlet .k-panel > li.k-item, html body.yp .yp-portlet .k-panelbar > li.k-item, html body.yp .yp-portlet .k-tiles {
    background-color: #fff; }
  html body.yp .yp-portlet .k-alt, html body.yp .yp-portlet .k-pivot-layout > tbody > tr:first-child > td:first-child, html body.yp .yp-portlet .k-resource.k-alt, html body.yp .yp-portlet .k-separator {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-header.k-alt, html body.yp .yp-portlet .k-pivot-rowheaders .k-alt .k-alt {
    background-color: #e6e6e6; }
  html body.yp .yp-portlet .k-autocomplete.k-header, html body.yp .yp-portlet .k-dropdown-wrap.k-state-active, html body.yp .yp-portlet .k-numeric-wrap.k-state-active, html body.yp .yp-portlet .k-picker-wrap.k-state-active, html body.yp .yp-portlet .k-textbox {
    border-color: #e6e6e6;
    background-color: #fff; }
  html body.yp .yp-portlet .k-autocomplete .k-input, html body.yp .yp-portlet .k-autocomplete.k-state-focused .k-input, html body.yp .yp-portlet .k-dropdown-wrap .k-input, html body.yp .yp-portlet .k-dropdown-wrap.k-state-focused .k-input, html body.yp .yp-portlet .k-numeric-wrap.k-state-focused .k-input, html body.yp .yp-portlet .k-picker-wrap.k-state-focused .k-input, html body.yp .yp-portlet .k-textbox > input {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-textbox > input, html body.yp .yp-portlet input.k-textbox, html body.yp .yp-portlet input.k-textbox:hover, html body.yp .yp-portlet textarea.k-textbox, html body.yp .yp-portlet textarea.k-textbox:hover {
    background: 0 0; }
  html body.yp .yp-portlet .k-input, html body.yp .yp-portlet .k-multiselect-wrap, html body.yp .yp-portlet .k-textbox > input, html body.yp .yp-portlet input.k-textbox, html body.yp .yp-portlet input.k-textbox:hover, html body.yp .yp-portlet textarea.k-textbox, html body.yp .yp-portlet textarea.k-textbox:hover {
    background-color: #fff;
    color: #444; }
  html body.yp .yp-portlet .k-input[readonly] {
    background-color: #fff;
    color: #444; }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-content, html body.yp .yp-portlet .k-dropdown .k-input, html body.yp .yp-portlet .k-popup, html body.yp .yp-portlet .k-toolbar, html body.yp .yp-portlet .k-widget {
    color: #444; }
  html body.yp .yp-portlet .k-inverse {
    color: #fff; }
  html body.yp .yp-portlet .k-block {
    color: #fff; }
  html body.yp .yp-portlet .k-link:link, html body.yp .yp-portlet .k-link:visited, html body.yp .yp-portlet .k-nav-current.k-state-hover .k-link {
    color: #428bca; }
  html body.yp .yp-portlet .k-panelbar > li > .k-link, html body.yp .yp-portlet .k-tabstrip-items .k-link {
    color: #444; }
  html body.yp .yp-portlet .k-grid-header .k-header > .k-link, html body.yp .yp-portlet .k-header, html body.yp .yp-portlet .k-treemap-title {
    color: #fff; }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-draghandle, html body.yp .yp-portlet .k-dropdown-wrap, html body.yp .yp-portlet .k-grid-header, html body.yp .yp-portlet .k-grouping-header, html body.yp .yp-portlet .k-header, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-item, html body.yp .yp-portlet .k-picker-wrap, html body.yp .yp-portlet .k-progressbar, html body.yp .yp-portlet .k-state-highlight, html body.yp .yp-portlet .k-tabstrip-items .k-item, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-toolbar, html body.yp .yp-portlet .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-position: 50% 50%;
    background-color: #3f51b5; }
  html body.yp .yp-portlet .k-widget.k-tooltip {
    background-image: none; }
  html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-draghandle, html body.yp .yp-portlet .k-grid-header, html body.yp .yp-portlet .k-grouping-header, html body.yp .yp-portlet .k-header, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-toolbar, html body.yp .yp-portlet .k-treemap-tile, html body.yp .yp-portlet html .km-pane-wrapper .k-header {
    background-color: #3f51b5; }
  html body.yp .yp-portlet .k-column-menu .k-state-active .k-sprite, html body.yp .yp-portlet .k-column-menu .k-state-hover .k-sprite, html body.yp .yp-portlet .k-icon:hover, html body.yp .yp-portlet .k-pager-numbers .k-current-page .k-link:hover:after, html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after, html body.yp .yp-portlet .k-state-focused .k-icon, html body.yp .yp-portlet .k-state-hover .k-icon, html body.yp .yp-portlet .k-state-selected .k-icon {
    opacity: 1; }
  html body.yp .yp-portlet .k-column-menu .k-sprite, html body.yp .yp-portlet .k-icon, html body.yp .yp-portlet .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .yp-portlet .k-state-disabled .k-icon {
    opacity: .7; }
  html body.yp .yp-portlet .k-mobile-list .k-check:checked, html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=checkbox]:checked, html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: .7; }
  html body.yp .yp-portlet .k-tool {
    border-color: transparent; }
  html body.yp .yp-portlet .k-column-menu .k-sprite, html body.yp .yp-portlet .k-drop-hint, html body.yp .yp-portlet .k-gantt-views > .k-current-view > .k-link:after, html body.yp .yp-portlet .k-grid-mobile .k-resize-handle-inner:after, html body.yp .yp-portlet .k-grid-mobile .k-resize-handle-inner:before, html body.yp .yp-portlet .k-grouping-dropclue, html body.yp .yp-portlet .k-icon, html body.yp .yp-portlet .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, html body.yp .yp-portlet .k-tool-icon {
    background-image: url(Material/sprite.png);
    border-color: transparent; }
  html body.yp .yp-portlet .k-mobile-list .k-check:checked, html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=checkbox]:checked, html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url(Material/sprite.png);
    border-color: transparent; }
  html body.yp .yp-portlet .k-i-loading, html body.yp .yp-portlet .k-loading, html body.yp .yp-portlet .k-state-hover .k-i-loading, html body.yp .yp-portlet .k-state-hover .k-loading {
    background-image: url(Material/loading.gif);
    background-position: 50% 50%; }
  html body.yp .yp-portlet .k-loading-image {
    background-image: url(Material/loading-image.gif); }
  html body.yp .yp-portlet .k-loading-color {
    background-color: #fff; }
  html body.yp .yp-portlet .k-button {
    color: #444;
    border-color: #fafafa;
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-draghandle {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-draghandle:hover {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
    box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3); }
  html body.yp .yp-portlet .k-scheduler {
    color: #fff;
    background-color: #fff; }
  html body.yp .yp-portlet .k-scheduler-layout {
    color: #444; }
  html body.yp .yp-portlet .k-scheduler-datecolumn, html body.yp .yp-portlet .k-scheduler-groupcolumn {
    background-color: #fff;
    color: #444; }
  html body.yp .yp-portlet .k-scheduler-header th, html body.yp .yp-portlet .k-scheduler-header-wrap, html body.yp .yp-portlet .k-scheduler-table td, html body.yp .yp-portlet .k-scheduler-times, html body.yp .yp-portlet .k-scheduler-times th, html body.yp .yp-portlet .k-scheduler-times tr {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-nonwork-hour {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-gantt .k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0.02); }
  html body.yp .yp-portlet .k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .k-scheduler-table .k-today, html body.yp .yp-portlet .k-today > .k-scheduler-datecolumn, html body.yp .yp-portlet .k-today > .k-scheduler-groupcolumn {
    background-color: #e9e9e9; }
  html body.yp .yp-portlet .k-scheduler-now-arrow {
    border-left-color: #eed3d7; }
  html body.yp .yp-portlet .k-scheduler-now-line {
    background-color: #eed3d7; }
  html body.yp .yp-portlet .k-event, html body.yp .yp-portlet .k-task-complete {
    border-color: #606fc7;
    background: #606fc7 0 -257px none repeat-x;
    color: #fff; }
  html body.yp .yp-portlet .k-event-inverse {
    color: #444; }
  html body.yp .yp-portlet .k-event.k-state-selected {
    background-position: 0 0;
    -webkit-box-shadow: 0 0 0 2px #444;
    box-shadow: 0 0 0 2px #444; }
  html body.yp .yp-portlet .k-event .k-resize-handle:after, html body.yp .yp-portlet .k-task-single .k-resize-handle:after {
    background-color: #fff; }
  html body.yp .yp-portlet .k-scheduler-marquee:after, html body.yp .yp-portlet .k-scheduler-marquee:before {
    border-color: #fff; }
  html body.yp .yp-portlet .k-panelbar .k-content, html body.yp .yp-portlet .k-panelbar .k-item, html body.yp .yp-portlet .k-panelbar .k-panel {
    background-color: #fff;
    color: #444;
    border-color: #ccc; }
  html body.yp .yp-portlet .k-panelbar > li > .k-link {
    color: #444; }
  html body.yp .yp-portlet .k-panelbar > .k-item > .k-link {
    border-color: #ccc; }
  html body.yp .yp-portlet .k-panel > li.k-item {
    background-color: #fff; }
  html body.yp .yp-portlet .k-active-filter, html body.yp .yp-portlet .k-state-active, html body.yp .yp-portlet .k-state-active:hover, html body.yp .yp-portlet .k-tabstrip .k-state-active {
    background-color: #fff;
    border-color: #ccc;
    color: #444; }
  html body.yp .yp-portlet .k-fieldselector .k-list-container {
    background-color: #fff; }
  html body.yp .yp-portlet .k-button.k-state-focused, html body.yp .yp-portlet .k-button:focus {
    border-color: #dbdbdb; }
  html body.yp .yp-portlet .k-button.k-state-hover, html body.yp .yp-portlet .k-button:hover {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-button.k-state-active, html body.yp .yp-portlet .k-button:active {
    color: #3f51b5;
    background-color: #dbdbdb;
    border-color: #dbdbdb; }
  html body.yp .yp-portlet .k-button.k-state-active:hover, html body.yp .yp-portlet .k-button:active:hover {
    color: #fff;
    border-color: #5c6bc0;
    background-color: #5c6bc0; }
  html body.yp .yp-portlet .k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 6px 17px 0 #c4c4c4;
    box-shadow: 0 6px 17px 0 #c4c4c4; }
  html body.yp .yp-portlet .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
    box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3); }
  html body.yp .yp-portlet .k-menu .k-state-hover > .k-state-active {
    background-color: transparent; }
  html body.yp .yp-portlet .k-state-highlight {
    background: #fff;
    color: #444; }
  html body.yp .yp-portlet .k-grouping-row .k-state-focused, html body.yp .yp-portlet .k-state-focused {
    border-color: #67afe9; }
  html body.yp .yp-portlet html body .k-button-bare.k-state-focused, html body.yp .yp-portlet html body .k-button-bare:focus {
    position: relative; }
  html body.yp .yp-portlet html body .k-button-bare.k-state-focused:before, html body.yp .yp-portlet html body .k-button-bare:focus:before {
    content: "";
    background-color: currentcolor;
    opacity: .12;
    border-radius: inherit;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  html body.yp .yp-portlet html .k-mediaplayer-toolbar .k-button-bare.k-state-active, html body.yp .yp-portlet html .k-mediaplayer-toolbar .k-button-bare.k-state-active:hover, html body.yp .yp-portlet html .k-mediaplayer-toolbar .k-button-bare:active {
    color: #3f51b5; }
  html body.yp .yp-portlet html .k-mediaplayer-toolbar .k-button-bare.k-state-active:before, html body.yp .yp-portlet html .k-mediaplayer-toolbar .k-button-bare.k-state-active:hover:before, html body.yp .yp-portlet html .k-mediaplayer-toolbar .k-button-bare:active:before {
    opacity: .24; }
  html body.yp .yp-portlet .k-mediaplayer-toolbar .k-mediaplayer-seekbar {
    top: -14px; }
  html body.yp .yp-portlet .k-quality-list {
    margin-left: -25px !important; }
  html body.yp .yp-portlet .k-calendar .k-link {
    color: #444; }
  html body.yp .yp-portlet .k-calendar .k-footer {
    padding: 0; }
  html body.yp .yp-portlet .k-calendar .k-footer .k-nav-today {
    color: #444;
    text-decoration: none;
    background-color: #fff; }
  html body.yp .yp-portlet .k-calendar .k-footer .k-nav-today.k-state-hover, html body.yp .yp-portlet .k-calendar .k-footer .k-nav-today:hover {
    background-color: #fff;
    text-decoration: underline; }
  html body.yp .yp-portlet .k-calendar .k-footer .k-nav-today:active {
    background-color: #fff; }
  html body.yp .yp-portlet .k-calendar .k-link.k-nav-fast {
    color: #444; }
  html body.yp .yp-portlet .k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #ebebeb;
    color: #444; }
  html body.yp .yp-portlet .k-calendar .k-link.k-state-hover {
    border-radius: 50%; }
  html body.yp .yp-portlet .k-calendar .k-footer .k-link {
    border-radius: 0; }
  html body.yp .yp-portlet .k-calendar th {
    background-color: #3f51b5; }
  html body.yp .yp-portlet .k-window-titlebar .k-link {
    border-radius: 50%; }
  html body.yp .yp-portlet .k-calendar-container.k-group {
    border-color: rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .k-draghandle.k-state-selected:hover, html body.yp .yp-portlet .k-ghost-splitbar-horizontal, html body.yp .yp-portlet .k-ghost-splitbar-vertical, html body.yp .yp-portlet .k-list > .k-state-highlight, html body.yp .yp-portlet .k-list > .k-state-selected, html body.yp .yp-portlet .k-marquee-color, html body.yp .yp-portlet .k-panel > .k-state-selected, html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-state-selected, html body.yp .yp-portlet .k-scheduler .k-today.k-state-selected, html body.yp .yp-portlet .k-state-selected, html body.yp .yp-portlet .k-state-selected:link, html body.yp .yp-portlet .k-state-selected:visited {
    color: #3f51b5;
    background-color: #fff;
    border-color: #fff; }
  html body.yp .yp-portlet .k-group-header + .k-list > .k-item.k-first, html body.yp .yp-portlet .k-static-header + .k-list > .k-item.k-first, html body.yp .yp-portlet .k-virtual-item.k-first {
    border-top-color: #ebebeb; }
  html body.yp .yp-portlet .k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #ebebeb; }
  html body.yp .yp-portlet .k-popup > .k-group-header, html body.yp .yp-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    background: #ebebeb;
    color: #3f51b5; }
  html body.yp .yp-portlet .k-popup .k-list .k-item > .k-group {
    background: #ebebeb;
    color: #3f51b5;
    border-bottom-left-radius: 1px; }
  html body.yp .yp-portlet .k-marquee-text {
    color: #3f51b5; }
  html body.yp .yp-portlet .k-button.k-state-focused, html body.yp .yp-portlet .k-list > .k-state-focused, html body.yp .yp-portlet .k-listview > .k-state-focused, html body.yp .yp-portlet .k-listview > .k-state-focused.k-state-selected, html body.yp .yp-portlet .k-state-focused, html body.yp .yp-portlet .k-upload-files .k-button:focus, html body.yp .yp-portlet .k-upload-files .k-button:focus:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet td.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey; }
  html body.yp .yp-portlet .k-list > .k-state-focused.k-state-selected, html body.yp .yp-portlet .k-state-focused.k-state-selected, html body.yp .yp-portlet td.k-state-focused.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-ie8 .k-button.k-state-focused, html body.yp .yp-portlet .k-ie8 .k-button:focus, html body.yp .yp-portlet .k-ie8 .k-grid-header th.k-state-focused, html body.yp .yp-portlet .k-ie8 .k-listview > .k-state-focused, html body.yp .yp-portlet .k-ie8 .k-menu li.k-state-focused, html body.yp .yp-portlet .k-ie8 .k-panelbar span.k-state-focused, html body.yp .yp-portlet .k-ie8 .k-tool.k-state-hover, html body.yp .yp-portlet .k-ie8 td.k-state-focused, html body.yp .yp-portlet .k-list-optionlabel.k-state-selected.k-state-focused, html body.yp .yp-portlet .k-list > .k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-panelbar > li.k-state-default > .k-link.k-state-selected, html body.yp .yp-portlet .k-panelbar > li > .k-state-selected, html body.yp .yp-portlet .k-state-selected > .k-link {
    color: #3f51b5; }
  html body.yp .yp-portlet .k-dropdown .k-state-focused, html body.yp .yp-portlet .k-filebrowser-dropzone, html body.yp .yp-portlet .k-list > .k-state-hover, html body.yp .yp-portlet .k-mobile-list .k-edit-label.k-check:active, html body.yp .yp-portlet .k-mobile-list .k-item > .k-label:active, html body.yp .yp-portlet .k-mobile-list .k-item > .k-link:active, html body.yp .yp-portlet .k-mobile-list .k-recur-view .k-check:active, html body.yp .yp-portlet .k-pager-wrap .k-link:hover, html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, html body.yp .yp-portlet .k-splitbar-horizontal-hover:hover, html body.yp .yp-portlet .k-splitbar-vertical-hover:hover, html body.yp .yp-portlet .k-state-hover, html body.yp .yp-portlet .k-state-hover:hover {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-state-focused > .k-select, html body.yp .yp-portlet .k-state-hover > .k-select {
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-button.k-state-focused, html body.yp .yp-portlet .k-button.k-state-hover, html body.yp .yp-portlet .k-button:focus, html body.yp .yp-portlet .k-button:hover, html body.yp .yp-portlet .k-draghandle:hover, html body.yp .yp-portlet .k-other-month.k-state-hover .k-link, html body.yp .yp-portlet .k-pager-wrap .k-link:hover, html body.yp .yp-portlet .k-state-hover, html body.yp .yp-portlet .k-state-hover:hover, html body.yp .yp-portlet .k-textbox:hover, html body.yp .yp-portlet div.k-filebrowser-dropzone em {
    background-image: none; }
  html body.yp .yp-portlet .k-pager-wrap {
    background-color: #3f51b5;
    color: #fff; }
  html body.yp .yp-portlet .k-autocomplete.k-state-active, html body.yp .yp-portlet .k-button:active, html body.yp .yp-portlet .k-dropdown-wrap.k-state-active, html body.yp .yp-portlet .k-numeric-wrap.k-state-active, html body.yp .yp-portlet .k-panelbar > .k-item > .k-state-focused, html body.yp .yp-portlet .k-picker-wrap.k-state-active, html body.yp .yp-portlet .k-state-active, html body.yp .yp-portlet .k-state-active:hover, html body.yp .yp-portlet .k-state-active > .k-link {
    background-image: none; }
  html body.yp .yp-portlet .k-button.k-state-active, html body.yp .yp-portlet .k-button:active, html body.yp .yp-portlet .k-draghandle.k-state-selected:hover, html body.yp .yp-portlet .k-state-selected {
    background-image: none; }
  html body.yp .yp-portlet .k-button.k-state-active, html body.yp .yp-portlet .k-button:active, html body.yp .yp-portlet .k-draghandle.k-state-selected:hover {
    background-position: 50% 50%; }
  html body.yp .yp-portlet .k-tool-icon {
    background-image: url(Material/sprite.png); }
  html body.yp .yp-portlet .k-other-month.k-state-hover .k-link, html body.yp .yp-portlet .k-state-hover > .k-link, html body.yp .yp-portlet div.k-filebrowser-dropzone em {
    color: #444; }
  html body.yp .yp-portlet .k-autocomplete.k-state-focused, html body.yp .yp-portlet .k-autocomplete.k-state-hover, html body.yp .yp-portlet .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .k-numeric-wrap.k-state-hover, html body.yp .yp-portlet .k-picker-wrap.k-state-focused, html body.yp .yp-portlet .k-picker-wrap.k-state-hover {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-dropdown .k-state-focused .k-input, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list input:not([type=checkbox]):not([type=radio]), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list textarea, html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]) {
    color: #444; }
  html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    background: #fff;
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
    background-color: #fff;
    border-color: #f0f0f0; }
  html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input + .k-i-search:before {
    color: #444; }
  html body.yp .yp-portlet .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .yp-portlet .k-dropdown .k-state-hover .k-input {
    color: #444; }
  html body.yp .yp-portlet .k-state-error {
    border-color: #eed3d7;
    background-color: #f2dede;
    color: #b94a48; }
  html body.yp .yp-portlet .k-state-disabled {
    opacity: .7; }
  html body.yp .yp-portlet .k-ie8 .k-state-disabled {
    filter: alpha(opacity=70); }
  html body.yp .yp-portlet .k-loading-mask.k-state-selected, html body.yp .yp-portlet .k-tile-empty.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent; }
  html body.yp .yp-portlet .k-dropzone .k-upload-status, html body.yp .yp-portlet .k-dropzone em, html body.yp .yp-portlet .k-other-month, html body.yp .yp-portlet .k-other-month .k-link, html body.yp .yp-portlet .k-slider .k-draghandle, html body.yp .yp-portlet .k-state-disabled, html body.yp .yp-portlet .k-state-disabled .k-button, html body.yp .yp-portlet .k-state-disabled .k-link, html body.yp .yp-portlet .k-tile-empty strong {
    color: #999; }
  html body.yp .yp-portlet .k-progressbar-indeterminate {
    background: url(Material/indeterminate.gif); }
  html body.yp .yp-portlet .k-progressbar-indeterminate .k-progress-status-wrap, html body.yp .yp-portlet .k-progressbar-indeterminate .k-state-selected {
    display: none; }
  html body.yp .yp-portlet .k-slider-track {
    background-color: #e6e6e6; }
  html body.yp .yp-portlet .k-slider-selection {
    background-color: #fff; }
  html body.yp .yp-portlet .k-slider-horizontal .k-tick {
    background-image: url(Material/slider-h.gif); }
  html body.yp .yp-portlet .k-slider-vertical .k-tick {
    background-image: url(Material/slider-v.gif); }
  html body.yp .yp-portlet .k-widget.k-tooltip {
    border-color: rgba(100, 100, 100, 0.9);
    background-color: rgba(100, 100, 100, 0.9);
    color: #fff; }
  html body.yp .yp-portlet .k-widget.k-tooltip-validation {
    border-color: #fdefba;
    background-color: #fdefba;
    color: #816704; }
  html body.yp .yp-portlet .input-append .k-tooltip-validation, html body.yp .yp-portlet .input-prepend .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px; }
  html body.yp .yp-portlet .k-callout-n {
    border-bottom-color: rgba(100, 100, 100, 0.9); }
  html body.yp .yp-portlet .k-callout-w {
    border-right-color: rgba(100, 100, 100, 0.9); }
  html body.yp .yp-portlet .k-callout-s {
    border-top-color: rgba(100, 100, 100, 0.9); }
  html body.yp .yp-portlet .k-callout-e {
    border-left-color: rgba(100, 100, 100, 0.9); }
  html body.yp .yp-portlet .k-tooltip-validation .k-callout-n {
    border-bottom-color: #fdefba; }
  html body.yp .yp-portlet .k-tooltip-validation .k-callout-w {
    border-right-color: #fdefba; }
  html body.yp .yp-portlet .k-tooltip-validation .k-callout-s {
    border-top-color: #fdefba; }
  html body.yp .yp-portlet .k-tooltip-validation .k-callout-e {
    border-left-color: #fdefba; }
  html body.yp .yp-portlet .k-splitbar {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-restricted-size-horizontal, html body.yp .yp-portlet .k-restricted-size-vertical {
    background-color: #b94a48; }
  html body.yp .yp-portlet .k-file {
    background-color: #fff;
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-file-progress {
    color: #2b98f3; }
  html body.yp .yp-portlet .k-file-progress .k-progress {
    background-color: #bbdefb; }
  html body.yp .yp-portlet .k-file-success {
    color: #5fb662; }
  html body.yp .yp-portlet .k-file-success .k-progress {
    background-color: #c8e6c9; }
  html body.yp .yp-portlet .k-file-error {
    color: #ff3448; }
  html body.yp .yp-portlet .k-file-error .k-file-extension-wrapper, html body.yp .yp-portlet .k-file-error .k-multiple-files-extension-wrapper {
    color: #ff3448;
    border-color: #ff3448; }
  html body.yp .yp-portlet .k-file-error .k-file-extension-wrapper:before, html body.yp .yp-portlet .k-file-error .k-multiple-files-extension-wrapper:before {
    background-color: #fff;
    border-color: transparent transparent #ff3448 #ff3448; }
  html body.yp .yp-portlet .k-file-error .k-progress {
    background-color: #ffcdd2; }
  html body.yp .yp-portlet .k-file-extension-wrapper, html body.yp .yp-portlet .k-multiple-files-extension-wrapper {
    color: #999;
    border-color: #999; }
  html body.yp .yp-portlet .k-file-invalid .k-file-name-invalid {
    color: #ff3448; }
  html body.yp .yp-portlet .k-file-invalid-extension-wrapper, html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper {
    color: #ff3448;
    border-color: #ff3448; }
  html body.yp .yp-portlet .k-file-extension-wrapper:before, html body.yp .yp-portlet .k-multiple-files-extension-wrapper:before {
    background-color: #fff;
    border-color: transparent transparent #999 #999; }
  html body.yp .yp-portlet .k-file-invalid-extension-wrapper:before, html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper:before {
    background-color: #fff;
    border-color: transparent transparent #ff3448 #ff3448; }
  html body.yp .yp-portlet .k-multiple-files-extension-wrapper:after {
    border-top-color: #999;
    border-left-color: #999; }
  html body.yp .yp-portlet .k-multiple-files-invalid-extension-wrapper:after {
    border-top-color: #ff3448;
    border-left-color: #ff3448; }
  html body.yp .yp-portlet .k-file-information, html body.yp .yp-portlet .k-file-size, html body.yp .yp-portlet .k-file-validation-message {
    color: #999; }
  html body.yp .yp-portlet .k-upload .k-upload-selected {
    color: #3f51b5;
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-upload .k-upload-selected:hover {
    color: #fff;
    background-color: #3f51b5; }
  html body.yp .yp-portlet .k-tile {
    border-color: #fff; }
  html body.yp .yp-portlet .k-textbox:hover, html body.yp .yp-portlet .k-tiles li.k-state-hover {
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-tiles li.k-state-selected {
    border-color: #fff; }
  html body.yp .yp-portlet .k-filebrowser .k-tile .k-file, html body.yp .yp-portlet .k-filebrowser .k-tile .k-folder, html body.yp .yp-portlet .k-filebrowser .k-tile .k-i-file, html body.yp .yp-portlet .k-filebrowser .k-tile .k-i-folder {
    background-image: url(Material/imagebrowser.png);
    -webkit-background-size: auto auto;
    background-size: auto auto; }
  html body.yp .yp-portlet .k-leaf, html body.yp .yp-portlet .k-leaf.k-state-hover:hover {
    color: #fff; }
  html body.yp .yp-portlet .k-leaf.k-inverse, html body.yp .yp-portlet .k-leaf.k-inverse.k-state-hover:hover {
    color: #000; }
  html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-widget {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-slider, html body.yp .yp-portlet .k-treeview, html body.yp .yp-portlet .k-upload {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-state-hover {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); }
  html body.yp .yp-portlet .k-autocomplete.k-state-focused, html body.yp .yp-portlet .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .k-picker-wrap.k-state-focused, html body.yp .yp-portlet .k-textbox:focus {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .yp-portlet .k-state-selected {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
  html body.yp .yp-portlet .k-state-active {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-grid td.k-state-selected.k-state-focused {
    background-color: #fff; }
  html body.yp .yp-portlet .k-autocomplete.k-state-border-down, html body.yp .yp-portlet .k-autocomplete.k-state-border-up, html body.yp .yp-portlet .k-datepicker-calendar, html body.yp .yp-portlet .k-dropdown-wrap.k-state-active, html body.yp .yp-portlet .k-filebrowser .k-image, html body.yp .yp-portlet .k-grid .k-filter-options, html body.yp .yp-portlet .k-menu .k-menu-group, html body.yp .yp-portlet .k-multiselect.k-state-focused, html body.yp .yp-portlet .k-picker-wrap.k-state-active, html body.yp .yp-portlet .k-popup, html body.yp .yp-portlet .k-time-popup, html body.yp .yp-portlet .k-tooltip {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .k-calendar-container.k-popup {
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .k-treemap-tile.k-state-hover {
    -webkit-box-shadow: inset 0 0 0 3px #e6e6e6;
    box-shadow: inset 0 0 0 3px #e6e6e6; }
  html body.yp .yp-portlet .k-window {
    border-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
    background-color: #fff; }
  html body.yp .yp-portlet .k-window.k-state-focused {
    border-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .k-window-maximized .k-window-content, html body.yp .yp-portlet .k-window-maximized .k-window-titlebar, html body.yp .yp-portlet .k-window.k-window-maximized {
    border-radius: 0; }
  html body.yp .yp-portlet .k-shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .k-inset {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .k-editor-inline ::-moz-selection {
    background-color: #3f51b5;
    text-shadow: none;
    color: #fff; }
  html body.yp .yp-portlet .k-editor-inline ::selection {
    background-color: #3f51b5;
    text-shadow: none;
    color: #fff; }
  html body.yp .yp-portlet .k-editor-inline ::-moz-selection {
    background-color: #3f51b5;
    text-shadow: none;
    color: #fff; }
  html body.yp .yp-portlet .k-widget.k-notification.k-notification-info {
    background-color: #bbdefb;
    color: #2b98f3;
    border-color: #bbdefb; }
  html body.yp .yp-portlet .k-widget.k-notification.k-notification-success {
    background-color: #c8e6c9;
    color: #5fb662;
    border-color: #c8e6c9; }
  html body.yp .yp-portlet .k-widget.k-notification.k-notification-warning {
    background-color: #fdefba;
    color: #f8c70d;
    border-color: #fdefba; }
  html body.yp .yp-portlet .k-widget.k-notification.k-notification-error {
    background-color: #ffcdd2;
    color: #ff3448;
    border-color: #ffcdd2; }
  html body.yp .yp-portlet .k-gantt .k-treelist {
    background: #fafafa; }
  html body.yp .yp-portlet .k-gantt .k-treelist .k-alt {
    background-color: #e0e0e0; }
  html body.yp .yp-portlet .k-gantt .k-treelist tr:hover {
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-gantt .k-treelist .k-alt.k-state-selected, html body.yp .yp-portlet .k-gantt .k-treelist .k-alt.k-state-selected > td, html body.yp .yp-portlet .k-gantt .k-treelist .k-state-selected, html body.yp .yp-portlet .k-gantt .k-treelist .k-state-selected td {
    background-color: #fff; }
  html body.yp .yp-portlet .k-gantt .k-treelist .k-alt.k-state-selected:hover, html body.yp .yp-portlet .k-gantt .k-treelist .k-alt.k-state-selected:hover td {
    background-color: #00a2eb; }
  html body.yp .yp-portlet .k-task-dot:after {
    background-color: #444;
    border-color: #444; }
  html body.yp .yp-portlet .k-task-dot:hover:after {
    background-color: #fff; }
  html body.yp .yp-portlet .k-task-summary {
    border-color: #98a2db;
    background: #98a2db; }
  html body.yp .yp-portlet .k-task-milestone, html body.yp .yp-portlet .k-task-summary-complete {
    border-color: #444;
    background: #444; }
  html body.yp .yp-portlet .k-state-selected.k-task-summary {
    border-color: #98a2db;
    background: #98a2db; }
  html body.yp .yp-portlet .k-state-selected .k-task-summary-complete, html body.yp .yp-portlet .k-state-selected.k-task-milestone {
    border-color: #fff;
    background: #fff; }
  html body.yp .yp-portlet .k-task-single {
    background-color: #7a87d1;
    border-color: #606fc7;
    color: #fff; }
  html body.yp .yp-portlet .k-state-selected.k-task-single {
    border-color: #fff; }
  html body.yp .yp-portlet .k-line {
    background-color: #444;
    color: #444; }
  html body.yp .yp-portlet .k-state-selected.k-line {
    background-color: #fff;
    color: #fff; }
  html body.yp .yp-portlet .k-resource {
    background-color: #fff; }
  html body.yp .yp-portlet .k-i-kpi-decrease, html body.yp .yp-portlet .k-i-kpi-denied, html body.yp .yp-portlet .k-i-kpi-equal, html body.yp .yp-portlet .k-i-kpi-hold, html body.yp .yp-portlet .k-i-kpi-increase, html body.yp .yp-portlet .k-i-kpi-open {
    background-image: url(Material/sprite_kpi.png); }
  html body.yp .yp-portlet .k-autocomplete, html body.yp .yp-portlet .k-block, html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-calendar .k-link, html body.yp .yp-portlet .k-calendar td, html body.yp .yp-portlet .k-calendar-container, html body.yp .yp-portlet .k-colorpicker, html body.yp .yp-portlet .k-combobox, html body.yp .yp-portlet .k-datepicker, html body.yp .yp-portlet .k-datetimepicker, html body.yp .yp-portlet .k-drag-clue, html body.yp .yp-portlet .k-dropdown, html body.yp .yp-portlet .k-dropdown-wrap, html body.yp .yp-portlet .k-editor-inline, html body.yp .yp-portlet .k-grid .k-filter-options, html body.yp .yp-portlet .k-grouping-header .k-group-indicator, html body.yp .yp-portlet .k-inline-block, html body.yp .yp-portlet .k-list-container, html body.yp .yp-portlet .k-multiselect, html body.yp .yp-portlet .k-notification, html body.yp .yp-portlet .k-numeric-wrap, html body.yp .yp-portlet .k-numerictextbox, html body.yp .yp-portlet .k-picker-wrap, html body.yp .yp-portlet .k-slider-selection, html body.yp .yp-portlet .k-slider-track, html body.yp .yp-portlet .k-textbox, html body.yp .yp-portlet .k-tile, html body.yp .yp-portlet .k-timepicker, html body.yp .yp-portlet .k-tooltip, html body.yp .yp-portlet .k-touch-scrollbar, html body.yp .yp-portlet .k-treeview .k-in, html body.yp .yp-portlet .k-upload, html body.yp .yp-portlet .k-window, html body.yp .yp-portlet .k-window-action, html body.yp .yp-portlet .k-window-titleless .k-window-content {
    border-radius: 2px; }
  html body.yp .yp-portlet .k-tool {
    text-align: center;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-toolbar .k-split-button .k-button {
    border-radius: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-rtl .k-tool.k-group-start, html body.yp .yp-portlet .k-rtl .k-toolbar .k-button-group .k-group-start, html body.yp .yp-portlet .k-rtl .k-toolbar .k-split-button .k-button {
    border-radius: 0 2px 2px 0; }
  html body.yp .yp-portlet .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0 2px 2px 0; }
  html body.yp .yp-portlet .k-rtl .k-tool.k-group-end, html body.yp .yp-portlet .k-rtl .k-toolbar .k-button-group .k-group-end, html body.yp .yp-portlet .k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-autocomplete.k-state-border-up, html body.yp .yp-portlet .k-calendar-container.k-state-border-up, html body.yp .yp-portlet .k-dropdown-wrap.k-state-border-up, html body.yp .yp-portlet .k-filter-menu, html body.yp .yp-portlet .k-list-container.k-state-border-up, html body.yp .yp-portlet .k-multiselect.k-state-border-up, html body.yp .yp-portlet .k-numeric-wrap.k-state-border-up, html body.yp .yp-portlet .k-picker-wrap.k-state-border-up, html body.yp .yp-portlet .k-window-content {
    border-radius: 0 0 2px 2px; }
  html body.yp .yp-portlet .k-autocomplete.k-state-border-up .k-input, html body.yp .yp-portlet .k-dropdown-wrap.k-state-border-up .k-input, html body.yp .yp-portlet .k-numeric-wrap.k-state-border-up .k-input, html body.yp .yp-portlet .k-picker-wrap.k-state-border-up .k-input, html body.yp .yp-portlet .k-picker-wrap.k-state-border-up .k-selected-color {
    border-radius: 0 0 0 2px; }
  html body.yp .yp-portlet .k-multiselect.k-state-border-up .k-multiselect-wrap {
    border-radius: 0 0 2px 2px; }
  html body.yp .yp-portlet .k-autocomplete.k-state-border-down, html body.yp .yp-portlet .k-block > .k-header, html body.yp .yp-portlet .k-calendar-container.k-state-border-down, html body.yp .yp-portlet .k-dropdown-wrap.k-state-border-down, html body.yp .yp-portlet .k-list-container.k-state-border-down, html body.yp .yp-portlet .k-multiselect.k-state-border-down, html body.yp .yp-portlet .k-numeric-wrap.k-state-border-down, html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-item, html body.yp .yp-portlet .k-picker-wrap.k-state-border-down, html body.yp .yp-portlet .k-tabstrip-items .k-item, html body.yp .yp-portlet .k-tabstrip-items .k-link, html body.yp .yp-portlet .k-window-titlebar {
    border-radius: 2px 2px 0 0; }
  html body.yp .yp-portlet .k-split-button.k-state-border-down > .k-button {
    border-radius: 2px 0 0 0; }
  html body.yp .yp-portlet .k-split-button.k-state-border-up > .k-button {
    border-radius: 0 0 0 2px; }
  html body.yp .yp-portlet .k-split-button.k-state-border-down > .k-split-button-arrow {
    border-radius: 0 2px 0 0; }
  html body.yp .yp-portlet .k-split-button.k-state-border-up > .k-split-button-arrow {
    border-radius: 0 0 2px 0; }
  html body.yp .yp-portlet .k-dropdown-wrap .k-input, html body.yp .yp-portlet .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-picker-wrap .k-input {
    border-radius: 1px 0 0 1px; }
  html body.yp .yp-portlet .k-rtl .k-dropdown-wrap .k-input, html body.yp .yp-portlet .k-rtl .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-rtl .k-picker-wrap .k-input {
    border-radius: 0 1px 1px 0; }
  html body.yp .yp-portlet .k-numeric-wrap .k-link {
    border-radius: 0 1px 0 0; }
  html body.yp .yp-portlet .k-numeric-wrap .k-link + .k-link {
    border-radius: 0 0 1px 0; }
  html body.yp .yp-portlet .k-colorpicker .k-selected-color {
    border-radius: 1px 0 0 1px; }
  html body.yp .yp-portlet .k-rtl .k-colorpicker .k-selected-color {
    border-radius: 0 1px 1px 0; }
  html body.yp .yp-portlet .k-autocomplete.k-state-border-down .k-input {
    border-radius: 2px 2px 0 0; }
  html body.yp .yp-portlet .k-dropdown-wrap.k-state-border-down .k-input, html body.yp .yp-portlet .k-numeric-wrap.k-state-border-down .k-input, html body.yp .yp-portlet .k-picker-wrap.k-state-border-down .k-input, html body.yp .yp-portlet .k-picker-wrap.k-state-border-down .k-selected-color {
    border-radius: 2px 0 0 0; }
  html body.yp .yp-portlet .k-numeric-wrap .k-link.k-state-selected {
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 1px 1px 0 0; }
  html body.yp .yp-portlet .k-datetimepicker .k-select + .k-select, html body.yp .yp-portlet .k-dropdown-wrap .k-select, html body.yp .yp-portlet .k-list-container.k-state-border-right, html body.yp .yp-portlet .k-numeric-wrap .k-select, html body.yp .yp-portlet .k-picker-wrap .k-select {
    border-radius: 0 2px 2px 0; }
  html body.yp .yp-portlet .k-rtl .k-datetimepicker .k-select + .k-select, html body.yp .yp-portlet .k-rtl .k-dropdown-wrap .k-select, html body.yp .yp-portlet .k-rtl .k-list-container.k-state-border-right, html body.yp .yp-portlet .k-rtl .k-numeric-wrap .k-select, html body.yp .yp-portlet .k-rtl .k-picker-wrap .k-select {
    border-radius: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 2px; }
  html body.yp .yp-portlet .k-autocomplete .k-input, html body.yp .yp-portlet .k-multiselect-wrap, html body.yp .yp-portlet .k-textbox > input {
    border-radius: 1px; }
  html body.yp .yp-portlet .k-dropzone, html body.yp .yp-portlet .k-fieldselector .k-list .k-item, html body.yp .yp-portlet .k-list .k-state-focused, html body.yp .yp-portlet .k-list .k-state-highlight, html body.yp .yp-portlet .k-list .k-state-hover, html body.yp .yp-portlet .k-list .k-state-selected, html body.yp .yp-portlet .k-list-optionlabel {
    border-radius: 1px; }
  html body.yp .yp-portlet .k-grid .k-slider .k-button, html body.yp .yp-portlet .k-slider .k-button {
    border-radius: 13px; }
  html body.yp .yp-portlet .k-draghandle {
    border-radius: 13px; }
  html body.yp .yp-portlet .k-scheduler-toolbar > ul li:first-child, html body.yp .yp-portlet .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
    border-radius: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul li:first-child, html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link, html body.yp .yp-portlet .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child, html body.yp .yp-portlet .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    border-radius: 0 2px 2px 0; }
  html body.yp .yp-portlet .k-edit-field > .k-scheduler-navigation, html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today, html body.yp .yp-portlet .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link {
    border-radius: 2px; }
  html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-next, html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-next .k-link, html body.yp .yp-portlet .k-scheduler-toolbar ul + ul li:last-child, html body.yp .yp-portlet .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar .k-nav-next, html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar .k-nav-next .k-link, html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar ul + ul li:last-child, html body.yp .yp-portlet .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-radius: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-scheduler div.k-scheduler-footer .k-link, html body.yp .yp-portlet .k-scheduler div.k-scheduler-footer ul li {
    border-radius: 2px; }
  html body.yp .yp-portlet .k-event, html body.yp .yp-portlet .k-event .k-link, html body.yp .yp-portlet .k-more-events, html body.yp .yp-portlet .k-task-complete, html body.yp .yp-portlet .k-task-single {
    border-radius: 1px; }
  html body.yp .yp-portlet .k-scheduler-mobile .k-event {
    border-radius: 0; }
  html body.yp .yp-portlet .k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #444; }
  html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-content, html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-group, html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-header, html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button, html body.yp .yp-portlet .k-ie .km-pane-wrapper .k-widget, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-label, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item, html body.yp .yp-portlet html .km-pane-wrapper .km-widget {
    color: #444; }
  @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    html body.yp .yp-portlet div.km-pane-wrapper a {
      color: #444; } }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    background-color: #fff;
    border-top: 1px solid #e7e7e7; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
    outline-width: 0; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
    background-color: #fff;
    border-top-color: #fff; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
    border-top-color: transparent; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-item:last-child {
    -webkit-box-shadow: inset 0 -1px 0 #e7e7e7;
    box-shadow: inset 0 -1px 0 #e7e7e7; }
  html body.yp .yp-portlet .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    color: #9b9b9b; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #e7e7e7; }
  html body.yp .yp-portlet .km-pane-wrapper .k-mobile-list .k-edit-field {
    -webkit-box-shadow: 0 1px 1px #e7e7e7;
    box-shadow: 0 1px 1px #e7e7e7; }
  html body.yp .yp-portlet .km-actionsheet .k-grid-delete, html body.yp .yp-portlet .km-actionsheet .k-scheduler-delete, html body.yp .yp-portlet .km-pane-wrapper .k-filter-menu .k-button[type=reset], html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-delete {
    color: #fff;
    border-color: #eed3d7;
    background-color: red;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.15)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15)); }
  html body.yp .yp-portlet .km-actionsheet .k-grid-delete:active, html body.yp .yp-portlet .km-actionsheet .k-scheduler-delete:active, html body.yp .yp-portlet .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active, html body.yp .yp-portlet .km-pane-wrapper .k-scheduler-delete:active {
    background-color: #900; }
  html body.yp .yp-portlet .k-autocomplete.k-state-default, html body.yp .yp-portlet .k-dropdown-wrap.k-state-default, html body.yp .yp-portlet .k-numeric-wrap.k-state-default, html body.yp .yp-portlet .k-picker-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa;
    border-color: #f0f0f0; }
  html body.yp .yp-portlet .k-autocomplete.k-state-hover, html body.yp .yp-portlet .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .k-numeric-wrap.k-state-hover, html body.yp .yp-portlet .k-picker-wrap.k-state-hover {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #f5f5f5; }
  html body.yp .yp-portlet .k-multiselect.k-header {
    border-color: #f0f0f0; }
  html body.yp .yp-portlet .k-multiselect.k-header.k-state-hover {
    border-color: #f5f5f5; }
  html body.yp .yp-portlet .k-autocomplete.k-state-focused, html body.yp .yp-portlet .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .k-multiselect.k-header.k-state-focused, html body.yp .yp-portlet .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .k-picker-wrap.k-state-focused {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #f5f5f5;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .yp-portlet .k-list-container {
    color: #444; }
  html body.yp .yp-portlet .k-nodata {
    color: #999; }
  html body.yp .yp-portlet .k-dropdown .k-input, html body.yp .yp-portlet .k-dropdown .k-state-focused .k-input, html body.yp .yp-portlet .k-menu .k-popup {
    color: #444; }
  html body.yp .yp-portlet .k-state-default > .k-select {
    border-color: #f0f0f0; }
  html body.yp .yp-portlet .k-state-focused > .k-select {
    border-color: #f5f5f5; }
  html body.yp .yp-portlet .k-state-hover > .k-select {
    border-color: #f5f5f5; }
  html body.yp .yp-portlet .k-tabstrip:focus {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .yp-portlet .k-panelbar > li.k-state-default > .k-link, html body.yp .yp-portlet .k-tabstrip-items .k-state-default .k-link {
    color: #fff; }
  html body.yp .yp-portlet .k-panelbar > li.k-state-default > .k-link.k-state-hover, html body.yp .yp-portlet .k-panelbar > li.k-state-hover > .k-link, html body.yp .yp-portlet .k-tabstrip-items .k-state-hover .k-link {
    color: #444; }
  html body.yp .yp-portlet .k-panelbar > li > .k-state-focused.k-state-hover {
    background: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-state-default, html body.yp .yp-portlet .k-tabstrip-items .k-state-default {
    border-color: transparent; }
  html body.yp .yp-portlet .k-tabstrip-items .k-state-hover {
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-tabstrip .k-content.k-state-active {
    background-color: #fff;
    color: #444; }
  html body.yp .yp-portlet .k-menu .k-item, html body.yp .yp-portlet .k-menu.k-header {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-column-menu, html body.yp .yp-portlet .k-column-menu .k-item, html body.yp .yp-portlet .k-overflow-container .k-overflow-group {
    border-color: #ccc; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-group {
    -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff; }
  html body.yp .yp-portlet .k-overflow-container .k-overflow-group + .k-overflow-group, html body.yp .yp-portlet .k-toolbar-first-visible.k-overflow-group {
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff; }
  html body.yp .yp-portlet .k-toolbar-last-visible.k-overflow-group {
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff; }
  html body.yp .yp-portlet .k-column-menu .k-separator {
    border-color: #ccc;
    background-color: transparent; }
  html body.yp .yp-portlet .k-menu .k-group {
    border-color: rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .k-grid-filter.k-state-active {
    background-color: #fff; }
  html body.yp .yp-portlet .k-grid-footer td, html body.yp .yp-portlet .k-group-footer td, html body.yp .yp-portlet .k-grouping-row td {
    color: #fff;
    border-color: #ccc;
    font-weight: 700; }
  html body.yp .yp-portlet .k-grouping-header {
    color: #fff; }
  html body.yp .yp-portlet .k-gantt-toolbar .k-state-default, html body.yp .yp-portlet .k-grid .k-grouping-header, html body.yp .yp-portlet .k-grid-header, html body.yp .yp-portlet .k-grid-header-wrap, html body.yp .yp-portlet .k-grouping-header .k-group-indicator, html body.yp .yp-portlet .k-header, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-pager-wrap .k-link, html body.yp .yp-portlet .k-pager-wrap .k-textbox {
    border-color: #ccc; }
  html body.yp .yp-portlet .k-overflow-container .k-primary, html body.yp .yp-portlet .k-primary {
    color: #fff;
    border-color: #3f51b5;
    background-image: none;
    background-position: 50% 50%;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-primary.k-state-focused, html body.yp .yp-portlet .k-primary:focus {
    color: #fff;
    border-color: #eff8ff;
    background-image: none;
    -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
    box-shadow: 0 0 8px 0 #cfe6f8; }
  html body.yp .yp-portlet .k-primary:hover {
    color: #fff;
    border-color: #5c6bc0;
    background-image: none;
    background-color: #5c6bc0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-primary:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-primary:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
    box-shadow: 0 0 8px 0 #cfe6f8; }
  html body.yp .yp-portlet .k-primary:active {
    color: #fff;
    border-color: #283593;
    background-image: none;
    background-color: #283593;
    -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); }
  html body.yp .yp-portlet .k-primary.k-state-disabled, html body.yp .yp-portlet .k-primary.k-state-disabled:active, html body.yp .yp-portlet .k-primary.k-state-disabled:hover, html body.yp .yp-portlet .k-state-disabled .k-primary, html body.yp .yp-portlet .k-state-disabled .k-primary:active, html body.yp .yp-portlet .k-state-disabled .k-primary:hover {
    color: #a8a8a8;
    border-color: #eaeaea;
    background-color: #eaeaea;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-pager-numbers .k-link, html body.yp .yp-portlet .k-treeview .k-in {
    border-color: transparent; }
  html body.yp .yp-portlet .k-grid .k-hierarchy-cell .k-icon, html body.yp .yp-portlet .k-scheduler-table .k-icon, html body.yp .yp-portlet .k-treeview .k-icon {
    background-color: transparent;
    border-radius: 50%; }
  html body.yp .yp-portlet .k-scheduler-table .k-state-hover .k-icon {
    background-color: transparent; }
  html body.yp .yp-portlet .k-button:focus, html body.yp .yp-portlet .k-split-button:focus {
    outline: 0; }
  html body.yp .yp-portlet .k-split-button:focus {
    background-color: #dbdbdb; }
  html body.yp .yp-portlet .k-split-button:focus > .k-button {
    background: 0 0;
    border-color: #dbdbdb; }
  html body.yp .yp-portlet .k-split-button:focus > .k-button.k-split-button-arrow {
    border-left-color: #fafafa; }
  html body.yp .yp-portlet .k-editor .k-tool:focus {
    outline: 0;
    border-color: #dbdbdb;
    -webkit-box-shadow: 0 6px 17px 0 #c4c4c4;
    box-shadow: 0 6px 17px 0 #c4c4c4; }
  html body.yp .yp-portlet .k-checkbox-label:before {
    border-color: #7f7f7f;
    background: #fff;
    border-radius: 1px; }
  html body.yp .yp-portlet .k-checkbox-label:hover:before, html body.yp .yp-portlet .k-checkbox:checked + .k-checkbox-label:hover:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-checkbox:checked + .k-checkbox-label:before {
    background-color: #3f51b5;
    border-color: #3f51b5;
    color: #fff; }
  html body.yp .yp-portlet .k-checkbox-label:active:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #7f7f7f; }
  html body.yp .yp-portlet .k-checkbox:checked + .k-checkbox-label:active:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #7f7f7f; }
  html body.yp .yp-portlet .k-checkbox:disabled + .k-checkbox-label {
    color: #999; }
  html body.yp .yp-portlet .k-checkbox:disabled + .k-checkbox-label:hover:before {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-checkbox:checked:disabled + .k-checkbox-label:active:before, html body.yp .yp-portlet .k-checkbox:checked:disabled + .k-checkbox-label:before, html body.yp .yp-portlet .k-checkbox:checked:disabled + .k-checkbox-label:hover:before, html body.yp .yp-portlet .k-checkbox:disabled + .k-checkbox-label:before {
    color: #999;
    background: #f5f5f5;
    border-color: #bfbfbf;
    border-radius: 1px; }
  html body.yp .yp-portlet .k-checkbox:focus + .k-checkbox-label:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #3f51b5;
    background-image: none;
    border-color: #3f51b5;
    border-radius: 0; }
  html body.yp .yp-portlet .k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: #3f51b5;
    background-color: #3f51b5; }
  html body.yp .yp-portlet .k-checkbox + .k-checkbox-label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    width: 1em;
    height: 1em; }
  html body.yp .yp-portlet .k-checkbox:focus + .k-checkbox-label:after {
    -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); }
  html body.yp .yp-portlet .k-checkbox + .k-checkbox-label:active:after {
    -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); }
  html body.yp .yp-portlet .k-checkbox:checked + .k-checkbox-label:active:after {
    -webkit-box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
    box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3); }
  html body.yp .yp-portlet .k-checkbox:disabled + .k-checkbox-label:active:after {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-checkbox:indeterminate + .k-checkbox-label:before {
    border-color: #3f51b5; }
  html body.yp .yp-portlet .k-radio-label:before {
    border-color: #7f7f7f;
    border-radius: 50%;
    background-color: #fff;
    border-width: 2px; }
  html body.yp .yp-portlet .k-radio-label:hover:before, html body.yp .yp-portlet .k-radio:checked + .k-radio-label:hover:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-radio:checked + .k-radio-label:after {
    background-color: #3f51b5;
    border-radius: 50%; }
  html body.yp .yp-portlet .k-radio-label:active:before {
    border-color: #6b7acb;
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb; }
  html body.yp .yp-portlet .k-radio:checked + .k-radio-label:active:before {
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb;
    border-color: #6b7acb; }
  html body.yp .yp-portlet .k-radio:disabled + .k-radio-label {
    color: #bfbfbf; }
  html body.yp .yp-portlet .k-radio:disabled + .k-radio-label:active:before, html body.yp .yp-portlet .k-radio:disabled + .k-radio-label:before, html body.yp .yp-portlet .k-radio:disabled + .k-radio-label:hover:after, html body.yp .yp-portlet .k-radio:disabled + .k-radio-label:hover:before {
    background: #fff;
    border-color: #bfbfbf;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-radio:disabled:checked + .k-radio-label:after {
    background-color: #3f51b5;
    opacity: .5; }
  html body.yp .yp-portlet .k-radio:focus + .k-radio-label:before {
    border-color: #6b7acb;
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb; }
  html body.yp .yp-portlet .k-radio:checked + .k-radio-label:before, html body.yp .yp-portlet .k-radio:checked + .k-radio-label:hover:before {
    border-color: #3f51b5; }
  html body.yp .yp-portlet .k-radio + .k-radio-label:active:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); }
  html body.yp .yp-portlet .k-radio:checked + .k-radio-label:active:before {
    -webkit-box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
    box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3); }
  html body.yp .yp-portlet .k-radio:focus + .k-radio-label:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); }
  html body.yp .yp-portlet .k-radio:disabled:checked + .k-radio-label:before, html body.yp .yp-portlet .k-radio:disabled:checked + .k-radio-label:hover:before {
    border-color: #bfbfbf; }
  html body.yp .yp-portlet .k-radio:disabled:checked + .k-radio-label:active:before {
    -webkit-box-shadow: none;
    box-shadow: none; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
    html body.yp .yp-portlet .k-callout, html body.yp .yp-portlet .k-column-menu .k-sprite, html body.yp .yp-portlet .k-drop-hint, html body.yp .yp-portlet .k-grouping-dropclue, html body.yp .yp-portlet .k-icon:not(.k-i-loading), html body.yp .yp-portlet .k-icon:not(.k-loading), html body.yp .yp-portlet .k-mobile-list .k-check:checked, html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=checkbox]:checked, html body.yp .yp-portlet .k-mobile-list .k-edit-field [type=radio]:checked, html body.yp .yp-portlet .k-state-active .k-tool-icon, html body.yp .yp-portlet .k-state-active.k-state-hover .k-tool-icon, html body.yp .yp-portlet .k-state-hover .k-tool-icon, html body.yp .yp-portlet .k-state-selected .k-tool-icon, html body.yp .yp-portlet .k-state-selected.k-state-hover .k-tool-icon, html body.yp .yp-portlet .k-tool-icon {
      background-image: url(Material/sprite_2x.png);
      -webkit-background-size: 340px 336px;
      background-size: 340px 336px; }
    html body.yp .yp-portlet .k-dropdown-wrap .k-input, html body.yp .yp-portlet .k-numeric-wrap .k-input, html body.yp .yp-portlet .k-picker-wrap .k-input {
      border-radius: 1px 0 0 1px; }
    html body.yp .yp-portlet .k-i-kpi-decrease, html body.yp .yp-portlet .k-i-kpi-denied, html body.yp .yp-portlet .k-i-kpi-equal, html body.yp .yp-portlet .k-i-kpi-hold, html body.yp .yp-portlet .k-i-kpi-increase, html body.yp .yp-portlet .k-i-kpi-open {
      background-image: url(Material/sprite_kpi_2x.png);
      -webkit-background-size: 96px 16px;
      background-size: 96px 16px; } }
  @media screen and (-ms-high-contrast: active) {
    html body.yp .yp-portlet .k-editor-toolbar-wrap .k-button-group .k-tool:focus, html body.yp .yp-portlet .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused {
      border-color: #fff; } }
  html body.yp .yp-portlet .k-button:hover .k-icon, html body.yp .yp-portlet .k-button:hover .k-tool-icon, html body.yp .yp-portlet .k-field-actions .k-icon, html body.yp .yp-portlet .k-gantt-toolbar .k-icon, html body.yp .yp-portlet .k-grid-toolbar .k-button:hover > .k-i-excel, html body.yp .yp-portlet .k-grid-toolbar .k-button:hover > .k-i-pdf, html body.yp .yp-portlet .k-grid-toolbar .k-i-excel, html body.yp .yp-portlet .k-grid-toolbar .k-i-pdf, html body.yp .yp-portlet .k-grid-toolbar .k-icon, html body.yp .yp-portlet .k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete, html body.yp .yp-portlet .k-grouping-header .k-button-icon:hover > .k-icon.k-i-group-delete, html body.yp .yp-portlet .k-grouping-header .k-group-delete, html body.yp .yp-portlet .k-grouping-header .k-i-group-delete, html body.yp .yp-portlet .k-grouping-header .k-i-sarrow-n, html body.yp .yp-portlet .k-grouping-header .k-i-sarrow-s, html body.yp .yp-portlet .k-grouping-header .k-link:hover > .k-icon.k-i-sarrow-n, html body.yp .yp-portlet .k-grouping-header .k-link:hover > .k-icon.k-i-sarrow-s, html body.yp .yp-portlet .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n, html body.yp .yp-portlet .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s, html body.yp .yp-portlet .k-grouping-header .k-si-arrow-n, html body.yp .yp-portlet .k-grouping-header .k-si-arrow-s, html body.yp .yp-portlet .k-notification .k-icon, html body.yp .yp-portlet .k-pivot-configurator-settings .k-icon:hover, html body.yp .yp-portlet .k-scheduler-content .k-icon, html body.yp .yp-portlet .k-scheduler-footer .k-icon, html body.yp .yp-portlet .k-scheduler-toolbar .k-icon, html body.yp .yp-portlet .k-splitbar.k-splitbar-horizontal-hover .k-icon, html body.yp .yp-portlet .k-splitbar.k-splitbar-vertical-hover .k-icon, html body.yp .yp-portlet .k-state-focused .k-tool-icon, html body.yp .yp-portlet .k-state-hover .k-tool-icon, html body.yp .yp-portlet .k-state-selected .k-tool-icon, html body.yp .yp-portlet .k-textbox:hover > .k-icon, html body.yp .yp-portlet .k-tool-icon:hover, html body.yp .yp-portlet .k-window-titlebar .k-icon, html body.yp .yp-portlet div.k-splitbar.k-state-focused .k-icon {
    opacity: 1; }
  html body.yp .yp-portlet .k-pivot-configurator-settings .k-icon, html body.yp .yp-portlet .k-splitbar .k-icon, html body.yp .yp-portlet .k-tool-icon {
    opacity: .7; }
  html body.yp .yp-portlet .k-pager-wrap .k-link.k-state-disabled .k-icon {
    opacity: .25; }
  html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-button.k-state-focused, html body.yp .yp-portlet .k-button.k-state-hover, html body.yp .yp-portlet .k-button:focus, html body.yp .yp-portlet .k-button:focus:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-button:hover {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .yp-portlet .k-button, html body.yp .yp-portlet .k-header {
    font-weight: 500; }
  html body.yp .yp-portlet .k-button.k-state-active, html body.yp .yp-portlet .k-button.k-state-focused, html body.yp .yp-portlet .k-button:active, html body.yp .yp-portlet .k-button:focus {
    color: #444;
    background-color: #dbdbdb;
    border-color: #dbdbdb; }
  html body.yp .yp-portlet .k-button.k-state-active:hover, html body.yp .yp-portlet .k-button:active:hover {
    color: #444;
    border-color: #dbdbdb;
    background-color: #dbdbdb;
    -webkit-box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
    box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3); }
  html body.yp .yp-portlet .k-button.k-state-active:hover, html body.yp .yp-portlet .k-button.k-state-hover, html body.yp .yp-portlet .k-button:active:hover, html body.yp .yp-portlet .k-button:hover {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-primary.k-state-active, html body.yp .yp-portlet .k-primary.k-state-focused, html body.yp .yp-portlet .k-primary:active, html body.yp .yp-portlet .k-primary:focus {
    color: #fff;
    border-color: #283593;
    background-image: none;
    background-color: #283593;
    -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); }
  html body.yp .yp-portlet .k-primary.k-state-active:hover, html body.yp .yp-portlet .k-primary.k-state-hover, html body.yp .yp-portlet .k-primary:active:hover, html body.yp .yp-portlet .k-primary:hover {
    color: #fff;
    border-color: #5c6bc0;
    background-color: #5c6bc0; }
  html body.yp .yp-portlet .k-primary:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-primary:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); }
  html body.yp .yp-portlet .k-primary.k-state-disabled, html body.yp .yp-portlet .k-primary.k-state-disabled:active, html body.yp .yp-portlet .k-primary.k-state-disabled:hover, html body.yp .yp-portlet .k-state-disabled .k-primary, html body.yp .yp-portlet .k-state-disabled .k-primary:active, html body.yp .yp-portlet .k-state-disabled .k-primary:hover {
    color: #a8a8a8;
    border-color: #eaeaea;
    background-color: #eaeaea;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-widget .k-button.k-state-active, html body.yp .yp-portlet .k-widget .k-button:active {
    color: #444;
    background-color: #dbdbdb;
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-toolbar .k-overflow-anchor.k-state-active, html body.yp .yp-portlet .k-toolbar .k-overflow-anchor.k-state-border-down {
    background-color: #fff; }
  html body.yp .yp-portlet .k-widget .k-button.k-state-active:hover, html body.yp .yp-portlet .k-widget .k-button:active:hover {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-button.k-state-disabled, html body.yp .yp-portlet .k-button.k-state-disabled:active, html body.yp .yp-portlet .k-button.k-state-disabled:active:hover, html body.yp .yp-portlet .k-button.k-state-disabled:hover, html body.yp .yp-portlet .k-button[disabled], html body.yp .yp-portlet .k-state-disabled .k-button, html body.yp .yp-portlet .k-state-disabled .k-button:active, html body.yp .yp-portlet .k-state-disabled .k-button:hover {
    color: #999;
    border-color: #fafafa;
    background-color: #fafafa;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-dropdown .k-state-default {
    border-color: #fafafa;
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-dropdown, html body.yp .yp-portlet span.k-colorpicker {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-textbox {
    background-color: #fafafa;
    border-color: #f0f0f0; }
  html body.yp .yp-portlet .k-combobox, html body.yp .yp-portlet .k-datepicker, html body.yp .yp-portlet .k-datetimepicker, html body.yp .yp-portlet .k-timepicker {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-picker-wrap.k-state-default > .k-select {
    border-color: #fafafa; }
  html body.yp .yp-portlet .k-datepicker .k-input, html body.yp .yp-portlet .k-timepicker .k-input {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-autocomplete.k-state-active .k-input, html body.yp .yp-portlet .k-numeric-wrap.k-state-active .k-input, html body.yp .yp-portlet .k-picker-wrap.k-state-active .k-input {
    background-color: #fff; }
  html body.yp .yp-portlet .k-picker-wrap.k-state-focused > .k-select, html body.yp .yp-portlet .k-picker-wrap.k-state-hover > .k-select {
    border-color: #fff; }
  html body.yp .yp-portlet .k-picker-wrap.k-state-focused .k-input, html body.yp .yp-portlet .k-picker-wrap.k-state-hover .k-input {
    background-color: #fff; }
  html body.yp .yp-portlet .k-autocomplete.k-state-hover, html body.yp .yp-portlet .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .k-numeric-wrap.k-state-hover, html body.yp .yp-portlet .k-overflow-anchor:hover, html body.yp .yp-portlet .k-picker-wrap.k-state-hover, html body.yp .yp-portlet .k-textbox:hover {
    background-color: #fff;
    border-color: #f5f5f5;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .yp-portlet .k-autocomplete.k-state-focused, html body.yp .yp-portlet .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .k-multiselect.k-header.k-state-focused, html body.yp .yp-portlet .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .k-picker-wrap.k-state-focused, html body.yp .yp-portlet .k-textbox:focus {
    background-color: #ebebeb;
    background-image: none;
    background-position: 50% 50%;
    border-color: #ebebeb;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .yp-portlet .k-numeric-wrap.k-state-focused > .k-select {
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-autocomplete.k-state-active, html body.yp .yp-portlet .k-dropdown-wrap.k-state-active, html body.yp .yp-portlet .k-multiselect.k-header.k-state-active, html body.yp .yp-portlet .k-numeric-wrap.k-state-active, html body.yp .yp-portlet .k-picker-wrap.k-state-active, html body.yp .yp-portlet .k-textbox:focus {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #f5f5f5;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
  html body.yp .yp-portlet .k-autocomplete.k-state-disabled, html body.yp .yp-portlet .k-dropdown-wrap.k-state-disabled, html body.yp .yp-portlet .k-multiselect.k-header.k-state-disabled, html body.yp .yp-portlet .k-numeric-wrap.k-state-disabled, html body.yp .yp-portlet .k-numeric-wrap.k-state-disabled .k-input, html body.yp .yp-portlet .k-numeric-wrap.k-state-disabled .k-select, html body.yp .yp-portlet .k-picker-wrap.k-state-disabled {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-numeric-wrap.k-state-disabled .k-select {
    border-color: #fafafa; }
  html body.yp .yp-portlet .k-numerictextbox .k-select {
    background-color: #fff;
    border-color: #fff; }
  html body.yp .yp-portlet .k-list > .k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3f51b5; }
  html body.yp .yp-portlet .k-list > .k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-list > .k-state-focused {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-list > .k-state-hover, html body.yp .yp-portlet .k-list > .k-state-selected.k-state-hover {
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-list-container {
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-grid td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey; }
  html body.yp .yp-portlet .k-calendar td.k-state-focused, html body.yp .yp-portlet .k-calendar td.k-state-selected.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey; }
  html body.yp .yp-portlet .k-calendar td.k-state-selected {
    background-color: #00b0ff;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-calendar td.k-state-selected.k-state-hover {
    background-color: #00a2eb; }
  html body.yp .yp-portlet .k-calendar .k-state-selected > .k-link {
    color: #fff; }
  html body.yp .yp-portlet .k-calendar .k-header .k-link {
    color: #fff; }
  html body.yp .yp-portlet .k-calendar .k-footer {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-calendar td {
    border-radius: 50%; }
  html body.yp .yp-portlet .k-calendar .k-content th {
    background-color: #fff; }
  html body.yp .yp-portlet .k-calendar .k-header .k-state-hover {
    background-color: #32408f; }
  html body.yp .yp-portlet .k-calendar .k-footer .k-nav-today {
    color: #3f51b5; }
  html body.yp .yp-portlet .k-calendar .k-nav-fast.k-state-hover {
    border-radius: 0; }
  html body.yp .yp-portlet .k-calendar .k-today {
    background-color: #3f51b5; }
  html body.yp .yp-portlet .k-calendar .k-today .k-link {
    color: #fff; }
  html body.yp .yp-portlet .k-calendar .k-today.k-state-hover {
    background-color: #32408f; }
  html body.yp .yp-portlet .k-calendar .k-today:active {
    -webkit-box-shadow: inset 0 0 0 1px #2b387c;
    box-shadow: inset 0 0 0 1px #2b387c; }
  html body.yp .yp-portlet .k-calendar .k-link.k-state-hover, html body.yp .yp-portlet .k-window-titlebar .k-link {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-window-titlebar .k-state-hover {
    background-color: #5c6dc4;
    border-color: #5c6dc4; }
  html body.yp .yp-portlet .k-tabstrip > .k-tabstrip-items > .k-item {
    border-radius: 0; }
  html body.yp .yp-portlet .k-panelbar .k-tabstrip-items .k-state-active, html body.yp .yp-portlet .k-tabstrip-items .k-state-active {
    background-color: #3f51b5;
    background-image: none;
    border-bottom-color: #00b0ff; }
  html body.yp .yp-portlet .k-tabstrip .k-content.k-state-active {
    border-color: transparent; }
  html body.yp .yp-portlet .k-tabstrip-items .k-item.k-state-hover {
    background: #5c6dc4;
    border-color: #5c6dc4; }
  html body.yp .yp-portlet .k-tabstrip-items .k-state-hover .k-link {
    color: #fff; }
  html body.yp .yp-portlet .k-flatcolorpicker.k-group, html body.yp .yp-portlet .k-group, html body.yp .yp-portlet .k-menu, html body.yp .yp-portlet .k-menu .k-group, html body.yp .yp-portlet .k-popup.k-widget.k-context-menu {
    color: #444;
    background-color: #fff; }
  html body.yp .yp-portlet .k-menu .k-group, html body.yp .yp-portlet .k-popup.k-context-menu.k-group {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-menu .k-item, html body.yp .yp-portlet .k-menu.k-header, html body.yp .yp-portlet .k-widget.k-menu-horizontal > .k-item {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-menu .k-state-active, html body.yp .yp-portlet .k-popup.k-context-menu.k-group .k-state-hover {
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-toolbar {
    background-color: #fafafa;
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-toolbar .k-toggle-button:focus {
    background-color: transparent;
    border-color: #b3b3b3; }
  html body.yp .yp-portlet .k-toolbar .k-toggle-button:hover {
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-toolbar .k-toggle-button.k-state-active {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5; }
  html body.yp .yp-portlet .k-toolbar .k-toggle-button.k-state-active:focus {
    background-color: #3f51b5;
    border-color: #2b387c; }
  html body.yp .yp-portlet .k-toolbar .k-toggle-button.k-state-active:hover {
    color: #fff;
    background-color: #32408f;
    border-color: #32408f; }
  html body.yp .yp-portlet .k-toolbar .k-button {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-gantt-toolbar .k-button, html body.yp .yp-portlet .k-gantt > .k-header .k-link, html body.yp .yp-portlet .k-gantt > .k-header li, html body.yp .yp-portlet .k-grid .k-header .k-button, html body.yp .yp-portlet .k-scheduler .k-header .k-button, html body.yp .yp-portlet .k-scheduler .k-header .k-link, html body.yp .yp-portlet .k-scheduler .k-header li, html body.yp .yp-portlet .km-pane-wrapper .k-header .k-button {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-gantt .k-gantt-toolbar .k-button:hover, html body.yp .yp-portlet .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, html body.yp .yp-portlet .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, html body.yp .yp-portlet .k-grid .k-header .k-button:hover, html body.yp .yp-portlet .k-scheduler .k-header .k-button:hover, html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link, html body.yp .yp-portlet .km-pane-wrapper .k-header .k-button:hover {
    background-color: #5c6dc4;
    border-color: #5c6dc4; }
  html body.yp .yp-portlet .km-pane-wrapper .k-header .k-button:active:hover {
    color: #fff; }
  html body.yp .yp-portlet .k-gantt-toolbar .k-button, html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-state-selected, html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
    background-color: #3f51b5;
    border-color: #3f51b5; }
  html body.yp .yp-portlet .k-gantt .k-gantt-toolbar .k-button:active {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover, html body.yp .yp-portlet .k-gantt-toolbar > .k-gantt-views > li.k-state-selected, html body.yp .yp-portlet .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover, html body.yp .yp-portlet .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
    border-bottom-color: #00b0ff; }
  html body.yp .yp-portlet .k-scheduler-mark {
    border-radius: 50%; }
  html body.yp .yp-portlet .k-grid .k-alt {
    background-color: #fff; }
  html body.yp .yp-portlet .k-grouping-row td, html body.yp .yp-portlet .k-resize-handle-inner, html body.yp .yp-portlet td.k-group-cell {
    color: #444;
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-grouping-header .k-group-indicator, html body.yp .yp-portlet .k-pivot-toolbar .k-button {
    color: #fff;
    background-color: #32408f;
    border-color: #32408f;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-grid-footer, html body.yp .yp-portlet .k-grid-footer td, html body.yp .yp-portlet .k-grid-header, html body.yp .yp-portlet .k-grid-header .k-header, html body.yp .yp-portlet .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-scheduler-header, html body.yp .yp-portlet .km-pane-wrapper .k-grid-header .k-header {
    color: #444;
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-header.k-scheduler-footer .k-header, html body.yp .yp-portlet .k-header.k-scheduler-footer ul.k-header li .k-link {
    color: #00b0ff;
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-header.k-scheduler-footer ul.k-header li {
    background-color: #fafafa;
    border-color: #fafafa; }
  html body.yp .yp-portlet .k-gantt-toolbar .k-state-default, html body.yp .yp-portlet .k-grid .k-grouping-header, html body.yp .yp-portlet .k-grid-footer td, html body.yp .yp-portlet .k-grid-header, html body.yp .yp-portlet .k-grid-header-wrap, html body.yp .yp-portlet .k-group-footer td, html body.yp .yp-portlet .k-grouping-row td, html body.yp .yp-portlet .k-header, html body.yp .yp-portlet .k-pager-wrap, html body.yp .yp-portlet .k-pager-wrap .k-link, html body.yp .yp-portlet .k-pager-wrap .k-textbox {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-fieldselector .k-item.k-header, html body.yp .yp-portlet .k-footer-template td, html body.yp .yp-portlet .k-group-footer td {
    color: #444;
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-grid .k-grouping-header {
    color: rgba(255, 255, 255, 0.5); }
  html body.yp .yp-portlet .k-editor-toolbar, html body.yp .yp-portlet .k-pager-wrap {
    color: #444; }
  html body.yp .yp-portlet .k-grouping-header .k-link, html body.yp .yp-portlet .k-grouping-header .k-link:link {
    color: #fff; }
  html body.yp .yp-portlet .k-gantt .k-treelist .k-alt.k-state-selected, html body.yp .yp-portlet .k-gantt .k-treelist .k-alt.k-state-selected > td, html body.yp .yp-portlet .k-gantt .k-treelist .k-state-selected, html body.yp .yp-portlet .k-gantt .k-treelist .k-state-selected td, html body.yp .yp-portlet .k-grid td.k-state-selected, html body.yp .yp-portlet .k-grid td.k-state-selected.k-state-focused, html body.yp .yp-portlet .k-grid tr.k-state-selected, html body.yp .yp-portlet .k-listview > .k-state-selected, html body.yp .yp-portlet .k-marquee-color, html body.yp .yp-portlet .k-scheduler .k-today.k-state-selected, html body.yp .yp-portlet .k-scheduler-layout .k-state-selected, html body.yp .yp-portlet .k-state-selected.k-line {
    background-color: #00b0ff; }
  html body.yp .yp-portlet .k-state-selected.k-line {
    color: #00b0ff; }
  html body.yp .yp-portlet .k-grid td.k-state-selected, html body.yp .yp-portlet .k-grid tr.k-state-selected, html body.yp .yp-portlet .k-listview > .k-state-selected, html body.yp .yp-portlet .k-state-selected .k-progress-status {
    color: #fff; }
  html body.yp .yp-portlet .k-grid tr:hover {
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-pivot-rowheaders .k-grid tr:hover {
    background: 0 0; }
  html body.yp .yp-portlet .k-grid td.k-state-selected, html body.yp .yp-portlet .k-grid tr.k-state-selected > td {
    border-color: #008dcc; }
  html body.yp .yp-portlet .k-grid td.k-state-selected:hover, html body.yp .yp-portlet .k-grid tr.k-state-selected:hover td {
    background-color: #00a2eb; }
  html body.yp .yp-portlet .k-grid-header .k-header, html body.yp .yp-portlet .k-grid-header .k-header .k-link, html body.yp .yp-portlet .k-grid-header .k-link, html body.yp .yp-portlet .k-grid-header .k-link:link, html body.yp .yp-portlet .k-pager-info, html body.yp .yp-portlet .k-scheduler-agendaview .k-scheduler-datecolumn, html body.yp .yp-portlet .k-scheduler-header {
    color: #a8a8a8; }
  html body.yp .yp-portlet .k-gantt .k-task-draghandle {
    border-color: #00b0ff; }
  html body.yp .yp-portlet .k-grid-pager .k-link, html body.yp .yp-portlet .k-grid-pager .k-link:link {
    color: #444; }
  html body.yp .yp-portlet .k-pager-numbers .k-link, html body.yp .yp-portlet .k-pager-wrap > .k-link {
    border-radius: 0; }
  html body.yp .yp-portlet .k-pager-numbers .k-state-selected {
    border-color: #3f51b5 transparent transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3f51b5; }
  html body.yp .yp-portlet .k-pager-wrap .k-link {
    border-color: #fafafa;
    cursor: pointer; }
  html body.yp .yp-portlet .k-pager-wrap .k-link:hover {
    background-color: transparent;
    border-color: transparent; }
  html body.yp .yp-portlet .k-gantt-toolbar li:first-child, html body.yp .yp-portlet .k-gantt-toolbar li:first-child > .k-link, html body.yp .yp-portlet .k-gantt-toolbar li:last-child, html body.yp .yp-portlet .k-gantt-toolbar li:last-child > .k-link, html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-next, html body.yp .yp-portlet .k-scheduler-toolbar .k-nav-next .k-link, html body.yp .yp-portlet .k-scheduler-toolbar ul + ul li:last-child, html body.yp .yp-portlet .k-scheduler-toolbar ul + ul li:last-child .k-link, html body.yp .yp-portlet .k-scheduler-toolbar > ul li:first-child, html body.yp .yp-portlet .k-scheduler-toolbar > ul li:first-child .k-link {
    border-radius: 0; }
  html body.yp .yp-portlet .k-grid, html body.yp .yp-portlet .k-notification, html body.yp .yp-portlet .k-panelbar, html body.yp .yp-portlet .k-popup .k-autocomplete.k-state-focused, html body.yp .yp-portlet .k-popup .k-autocomplete.k-state-hover, html body.yp .yp-portlet .k-popup .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .k-popup .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .k-popup .k-multiselect.k-header.k-state-focused, html body.yp .yp-portlet .k-popup .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .k-popup .k-numeric-wrap.k-state-hover, html body.yp .yp-portlet .k-popup .k-picker-wrap.k-state-focused, html body.yp .yp-portlet .k-popup .k-picker-wrap.k-state-hover, html body.yp .yp-portlet .k-popup .k-textbox:focus, html body.yp .yp-portlet .k-popup .k-textbox:hover {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-panel > li.k-item, html body.yp .yp-portlet .k-panelbar, html body.yp .yp-portlet .k-panelbar .k-content, html body.yp .yp-portlet .k-panelbar .k-header, html body.yp .yp-portlet .k-panelbar .k-state-selected {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-panelbar .k-grid-toolbar {
    background-color: #3f51b5; }
  html body.yp .yp-portlet .k-panelbar > li.k-state-default > .k-link {
    color: #444; }
  html body.yp .yp-portlet .k-panelbar > li > .k-state-hover {
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-panelbar .k-content, html body.yp .yp-portlet .k-panelbar .k-item, html body.yp .yp-portlet .k-panelbar .k-panel, html body.yp .yp-portlet .k-panelbar.k-header, html body.yp .yp-portlet .k-panelbar > .k-item > .k-link {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-splitbar {
    border-color: #fafafa; }
  html body.yp .yp-portlet .k-splitbar.k-state-focused {
    background-color: #3f51b5;
    border-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-upload {
    color: #444;
    background-color: #fff; }
  html body.yp .yp-portlet .k-upload-files .k-button {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-state-selected .k-task-summary-complete, html body.yp .yp-portlet .k-state-selected.k-task-milestone, html body.yp .yp-portlet .k-task-milestone, html body.yp .yp-portlet .k-task-summary-complete {
    background-color: #3f51b5;
    border-color: #3f51b5; }
  html body.yp .yp-portlet .k-task-single {
    background-color: #66d0ff; }
  html body.yp .yp-portlet .k-task-complete {
    background: #00b0ff 0 -257px none repeat-x; }
  html body.yp .yp-portlet .k-treelist .k-alt.k-state-selected, html body.yp .yp-portlet .k-treelist .k-alt.k-state-selected > td, html body.yp .yp-portlet .k-treelist .k-state-selected, html body.yp .yp-portlet .k-treelist .k-state-selected td {
    background-color: #00b0ff;
    border-color: #00b0ff; }
  html body.yp .yp-portlet .k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-gantt-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-group-indicator .k-button, html body.yp .yp-portlet .k-group-indicator .k-button:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-group-indicator .k-button:focus:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-toolbar .k-button.k-state-active:hover, html body.yp .yp-portlet .k-toolbar .k-button:active:hover, html body.yp .yp-portlet .k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-multiselect .k-button:active:hover {
    color: #444;
    background-color: #dbdbdb;
    border-color: #dbdbdb; }
  html body.yp .yp-portlet .k-multiselect-wrap > ul > .k-button {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet table.k-editor {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .editorToolbarWindow.k-header, html body.yp .yp-portlet .k-editor.k-header, html body.yp .yp-portlet .k-filebrowser .k-header {
    background-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-filebrowser .k-header {
    color: #444; }
  html body.yp .yp-portlet .k-editor-toolbar .k-tool, html body.yp .yp-portlet .k-group-start.k-group-end.k-tool {
    border-color: #fafafa; }
  html body.yp .yp-portlet .k-editor-toolbar .k-dropdown, html body.yp .yp-portlet .k-panelbar > li > .k-state-focused, html body.yp .yp-portlet .k-treeview .k-state-focused, html body.yp .yp-portlet .k-treeview .k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-panelbar > li > .k-state-focused, html body.yp .yp-portlet .k-treeview .k-state-focused {
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-editor-toolbar .k-dropdown-wrap.k-state-default, html body.yp .yp-portlet .k-toolbar .k-dropdown-wrap.k-state-default {
    border-color: #fafafa; }
  html body.yp .yp-portlet .k-editor-toolbar .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .k-editor-toolbar .k-tool.k-state-hover, html body.yp .yp-portlet .k-toolbar .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .k-toolbar .k-tool.k-state-hover {
    color: #444;
    border-color: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-editor-toolbar .k-tool.k-state-selected, html body.yp .yp-portlet .k-toolbar .k-button-group .k-button.k-state-active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #dbdbdb;
    border-color: #dbdbdb; }
  html body.yp .yp-portlet .k-editor-toolbar .k-tool.k-state-hover, html body.yp .yp-portlet .k-toolbar .k-button-group .k-button:hover {
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-progressbar {
    background-color: #fafafa;
    border-color: #fafafa; }
  html body.yp .yp-portlet .k-progressbar .k-item, html body.yp .yp-portlet .k-progressbar .k-item.k-state-selected {
    border-color: #fff; }
  html body.yp .yp-portlet .k-progressbar .k-state-selected {
    background-color: #3f51b5;
    border-color: #3f51b5; }
  html body.yp .yp-portlet .k-widget.k-tooltip-validation {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-grid.k-alt {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-gantt .k-header.k-nonwork-hour, html body.yp .yp-portlet .k-gantt .k-treelist .k-alt {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-list > .k-state-focused, html body.yp .yp-portlet .k-list > .k-state-hover {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-slider-track {
    background-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-slider-selection {
    background-color: #3f51b5;
    border-color: #3f51b5; }
  html body.yp .yp-portlet .k-slider .k-button, html body.yp .yp-portlet .k-slider .k-button.k-state-hover, html body.yp .yp-portlet .k-slider .k-button:active, html body.yp .yp-portlet .k-slider .k-button:active:hover, html body.yp .yp-portlet .k-slider .k-button:focus {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-draghandle, html body.yp .yp-portlet .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
    box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3); }
  html body.yp .yp-portlet .k-draghandle.k-state-selected, html body.yp .yp-portlet .k-draghandle.k-state-selected:hover, html body.yp .yp-portlet .k-draghandle.k-state-selected:link, html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
    background-color: #ccc;
    border-color: #ccc; }
  html body.yp .yp-portlet .k-draghandle.k-state-focused, html body.yp .yp-portlet .k-draghandle.k-state-focused:link, html body.yp .yp-portlet .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused, html body.yp .yp-portlet .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #3f51b5;
    background-color: #3f51b5; }
  html body.yp .yp-portlet .k-edit-form-container .k-edit-buttons {
    background-color: #fafafa; }
  html body.yp .yp-portlet .k-popup .k-button, html body.yp .yp-portlet .k-popup .k-button:active:hover {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-edit-form-container .k-button, html body.yp .yp-portlet .k-edit-form-container .k-primary:active, html body.yp .yp-portlet .k-popup .k-button, html body.yp .yp-portlet .k-popup .k-primary:active, html body.yp .yp-portlet .k-popup .k-primary:active:hover {
    color: #444;
    background-color: #fafafa;
    border-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-edit-form-container .k-primary, html body.yp .yp-portlet .k-popup .k-primary {
    color: #00b0ff;
    background-color: #fafafa;
    border-color: #fafafa; }
  html body.yp .yp-portlet .k-filter-menu .k-button, html body.yp .yp-portlet .k-overflow-container .k-button, html body.yp .yp-portlet .k-split-wrapper .k-button {
    background: 0 0;
    border-color: transparent; }
  html body.yp .yp-portlet .k-overflow-container .k-button, html body.yp .yp-portlet .k-split-wrapper .k-button {
    text-transform: none; }
  html body.yp .yp-portlet .k-overflow-container .k-button:hover, html body.yp .yp-portlet .k-split-wrapper .k-button:hover {
    background-color: #ebebeb;
    border-color: #ebebeb; }
  html body.yp .yp-portlet .k-overflow-container .k-button:focus, html body.yp .yp-portlet .k-overflow-container .k-button:focus:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-split-wrapper .k-button:focus, html body.yp .yp-portlet .k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]) {
    color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-filter-menu .k-button {
    background: 0 0;
    border-color: transparent; }
  html body.yp .yp-portlet .k-filter-menu .k-primary {
    border-left-color: #f0f0f0; }
  html body.yp .yp-portlet .k-filter-menu > div > div:last-child {
    border-color: #f0f0f0; }
  html body.yp .yp-portlet .k-edit-form-container .k-button:focus:active:not(.k-state-disabled):not([disabled]), html body.yp .yp-portlet .k-popup .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-edit-form-container .k-scheduler-delete {
    color: #00b0ff; }
  html body.yp .yp-portlet div.k-scheduler-marquee:after, html body.yp .yp-portlet div.k-scheduler-marquee:before {
    border-color: #00b0ff; }
  html body.yp .yp-portlet .km-pane-wrapper > .km-pane > .km-view > .km-content {
    color: #3f51b5;
    background-color: #fff; }
  html body.yp .yp-portlet .km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link {
    color: #3f51b5; }
  html body.yp .yp-portlet .k-popup.k-context-menu {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .k-drag-clue {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb;
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey; }
  html body.yp .yp-portlet .k-popup > .k-group-header, html body.yp .yp-portlet .k-popup > .k-virtual-wrap > .k-group-header {
    color: #444; }
  html body.yp .yp-portlet .k-popup .k-item > .k-group {
    color: #444; }
  @media only screen and (max-width: 370px) {
    html body.yp .yp-portlet .k-edge .k-pager-refresh, html body.yp .yp-portlet .k-ff .k-pager-refresh, html body.yp .yp-portlet .k-ie11 .k-pager-refresh, html body.yp .yp-portlet .k-safari .k-pager-refresh, html body.yp .yp-portlet .k-webkit .k-pager-refresh {
      display: none; } }
  @media only screen and (max-width: 590px) {
    html body.yp .yp-portlet .k-edge .k-pager-refresh, html body.yp .yp-portlet .k-ff .k-pager-refresh, html body.yp .yp-portlet .k-ie11 .k-pager-refresh, html body.yp .yp-portlet .k-safari .k-pager-refresh, html body.yp .yp-portlet .k-webkit .k-pager-refresh {
      margin-right: 0; } }
  @media only screen and (max-width: 530px) {
    html body.yp .yp-portlet .k-edge .k-pager-sizes, html body.yp .yp-portlet .k-ff .k-pager-sizes, html body.yp .yp-portlet .k-ie11 .k-pager-sizes, html body.yp .yp-portlet .k-safari .k-pager-sizes, html body.yp .yp-portlet .k-webkit .k-pager-sizes {
      display: none; } }
  @media only screen and (max-width: 687px) {
    html body.yp .yp-portlet .k-edge .k-pager-info, html body.yp .yp-portlet .k-ff .k-pager-info, html body.yp .yp-portlet .k-ie11 .k-pager-info, html body.yp .yp-portlet .k-safari .k-pager-info, html body.yp .yp-portlet .k-webkit .k-pager-info {
      display: none; } }
  @media only screen and (max-width: 1024px) {
    html body.yp .yp-portlet .k-scheduler-toolbar > ul.k-scheduler-views {
      right: 13px;
      top: 0; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
      right: 13px;
      top: 0; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
      background-image: none;
      background-position: 50% 50%;
      background-color: transparent;
      border-color: transparent;
      border-radius: 2px;
      text-align: right; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
      border-radius: 0; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
      border-radius: 1px 1px 0 0; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul li:first-child, html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li, html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul li:first-child, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul li:first-child, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul li:first-child, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul li:first-child, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
      border-radius: 0; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
      border-radius: 0 0 1px 1px; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
      border-color: transparent;
      background-image: none;
      background-color: transparent; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
      color: #fff;
      min-width: 20px; }
    html body.yp .yp-portlet .k-edge .k-scheduler-views > li.k-state-selected > .k-link:after, html body.yp .yp-portlet .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after, html body.yp .yp-portlet .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after, html body.yp .yp-portlet .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after, html body.yp .yp-portlet .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.5em;
      right: .333em;
      width: 1.333em;
      height: 1.333em; }
    html body.yp .yp-portlet .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
      border-width: 1px;
      border-style: solid;
      border-color: transparent;
      background-image: none;
      background-color: #3f51b5;
      border-radius: 2px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
    html body.yp .yp-portlet .k-edge .k-pager-wrap, html body.yp .yp-portlet .k-ff .k-pager-wrap, html body.yp .yp-portlet .k-ie11 .k-pager-wrap, html body.yp .yp-portlet .k-safari .k-pager-wrap, html body.yp .yp-portlet .k-webkit .k-pager-wrap {
      min-height: 2.56em; }
    html body.yp .yp-portlet .k-edge .k-pager-input, html body.yp .yp-portlet .k-edge .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-ff .k-pager-input, html body.yp .yp-portlet .k-ff .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-ie11 .k-pager-input, html body.yp .yp-portlet .k-ie11 .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-safari .k-pager-input, html body.yp .yp-portlet .k-safari .k-pager-wrap .k-pager-nav, html body.yp .yp-portlet .k-webkit .k-pager-input, html body.yp .yp-portlet .k-webkit .k-pager-wrap .k-pager-nav {
      display: inline-block;
      vertical-align: top; }
    html body.yp .yp-portlet .k-edge .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-edge .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-pager-numbers {
      position: absolute;
      left: 5.6em;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      overflow: visible;
      height: auto; }
    html body.yp .yp-portlet .k-edge .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ff .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded {
      -webkit-transform: translatey(-100%);
      -ms-transform: translatey(-100%);
      transform: translatey(-100%); }
    html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-numbers, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-numbers {
      position: relative;
      left: 50%;
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0); }
    html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded {
      -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%); }
    html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, html body.yp .yp-portlet .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
      padding-top: 0;
      padding-bottom: 0; }
    html body.yp .yp-portlet .k-edge .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-edge .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ff .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-ie11 .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-safari .k-rtl .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-rtl .k-grid .k-pager-numbers, html body.yp .yp-portlet .k-webkit .k-rtl .k-pager-numbers {
      right: 5.6em;
      width: 5.15em; }
    html body.yp .yp-portlet .k-edge .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-edge .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ff .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ff .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ie11 .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-safari .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-webkit .k-grid .k-pager-numbers .k-current-page, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-current-page {
      display: block;
      border-left: 0; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-ff .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-ie11 .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-safari .k-pager-numbers li:not(.k-current-page), html body.yp .yp-portlet .k-webkit .k-pager-numbers li:not(.k-current-page) {
      display: none; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-ff .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-current-page .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-current-page .k-link {
      width: 3.8em;
      line-height: 2.564em;
      padding: 0 .429em 0 .8em;
      border-radius: 2px;
      background-image: none;
      background-position: 50% 50%;
      background-color: #fafafa;
      border: 1px solid transparent;
      border-top: 0;
      -webkit-box-shadow: 0 2px 2px 0 #fafafa;
      box-shadow: 0 2px 2px 0 #fafafa; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers .k-current-page:hover .k-link, html body.yp .yp-portlet .k-ff .k-pager-numbers .k-current-page:hover .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-current-page:hover .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-current-page:hover .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-current-page:hover .k-link {
      border-radius: 2px;
      background-color: #fff;
      border: 1px solid #ebebeb;
      border-top: 0;
      -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
    html body.yp .yp-portlet .k-edge .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-ff .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-ie11 .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-safari .k-pager-numbers .k-current-page .k-link:after, html body.yp .yp-portlet .k-webkit .k-pager-numbers .k-current-page .k-link:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -.6em;
      right: .6em;
      width: 1.333em;
      height: 1.333em;
      background-position: 0 -30px; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-ff .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers + .k-link {
      margin-left: 5.4em; }
    html body.yp .yp-portlet .k-edge .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-ff .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-ie11 .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-safari .k-rtl .k-pager-numbers + .k-link, html body.yp .yp-portlet .k-webkit .k-rtl .k-pager-numbers + .k-link {
      margin-right: 5.4em;
      margin-left: 0; }
    html body.yp .yp-portlet .k-edge .k-pager-wrap .k-pager-numbers .k-link, html body.yp .yp-portlet .k-edge .k-pager-wrap .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ff .k-pager-wrap .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-ie11 .k-pager-wrap .k-pager-numbers .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-safari .k-pager-wrap .k-pager-numbers .k-link, html body.yp .yp-portlet .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected, html body.yp .yp-portlet .k-webkit .k-pager-wrap .k-pager-numbers .k-link, html body.yp .yp-portlet .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected {
      display: block;
      margin-top: 0;
      margin-right: 0;
      padding: 1px 5px 1px .8em;
      text-align: left;
      border-top: 0;
      border-radius: 1px; }
    html body.yp .yp-portlet .k-edge .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, html body.yp .yp-portlet .k-ff .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, html body.yp .yp-portlet .k-ie11 .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, html body.yp .yp-portlet .k-safari .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, html body.yp .yp-portlet .k-webkit .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover {
      background-color: #ebebeb; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 2px 0 0;
      border-width: 1px 1px 0 1px;
      border-style: solid;
      border-color: #ebebeb;
      background-color: #fff;
      border-radius: 2px 2px 0 0;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
    html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
      margin: -2.2em -1px 0;
      padding: 0; }
    html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
      border-radius: 0 0 2px 2px;
      background-color: #fff;
      border: 1px solid #ebebeb;
      border-top: 0;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
    html body.yp .yp-portlet .k-edge .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-ff .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-ie11 .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-safari .k-pager-numbers.k-state-expanded li, html body.yp .yp-portlet .k-webkit .k-pager-numbers.k-state-expanded li {
      display: inline-block; }
    html body.yp .yp-portlet .k-edge .k-gantt-toolbar > ul.k-gantt-views, html body.yp .yp-portlet .k-ff .k-gantt-toolbar > ul.k-gantt-views, html body.yp .yp-portlet .k-ie11 .k-gantt-toolbar > ul.k-gantt-views, html body.yp .yp-portlet .k-safari .k-gantt-toolbar > ul.k-gantt-views, html body.yp .yp-portlet .k-webkit .k-gantt-toolbar > ul.k-gantt-views {
      top: 0; } }
  @media only screen and (max-width: 755px) {
    html body.yp .yp-portlet .k-edge .k-pager-info, html body.yp .yp-portlet .k-ff .k-pager-info, html body.yp .yp-portlet .k-ie11 .k-pager-info, html body.yp .yp-portlet .k-safari .k-pager-info, html body.yp .yp-portlet .k-webkit .k-pager-info {
      display: none; } }
  @media only screen and (max-width: 572px) {
    html body.yp .yp-portlet .k-edge .k-pager-sizes, html body.yp .yp-portlet .k-ff .k-pager-sizes, html body.yp .yp-portlet .k-ie11 .k-pager-sizes, html body.yp .yp-portlet .k-safari .k-pager-sizes, html body.yp .yp-portlet .k-webkit .k-pager-sizes {
      display: none; } }
  html body.yp .yp-portlet .k-chart .k-mask {
    background-color: #fff;
    filter: alpha(opacity=68);
    opacity: .68; }
  html body.yp .yp-portlet .k-chart .k-selection {
    border-color: #e5e5e5; }
  html body.yp .yp-portlet .k-chart .k-handle {
    width: 15px;
    height: 15px;
    background-color: #3f51b5;
    border-radius: 10px; }
  html body.yp .yp-portlet .k-chart .k-leftHandle {
    left: -8px; }
  html body.yp .yp-portlet .k-chart .k-rightHandle {
    right: -8px; }
  html body.yp .yp-portlet .k-chart .k-handle:hover {
    background-color: #00b0ff;
    border-color: #00b0ff; }
  html body.yp .yp-portlet .k-chart .k-navigator-hint .k-tooltip {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    background: #fff;
    color: #242424; }
  html body.yp .yp-portlet .k-chart .k-navigator-hint .k-scroll {
    background: #3f51b5;
    height: 4px; }
  html body.yp .yp-portlet .k-chart-tooltip {
    background-image: none; }
  html body.yp .yp-portlet .k-map .k-marker {
    background-image: url(Material/markers.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
    html body.yp .yp-portlet .k-map .k-marker {
      background-image: url(Material/markers_2x.png); } }
  html body.yp .yp-portlet .k-map .k-attribution {
    color: #666; }
  html body.yp .yp-portlet .k-map .k-shadow {
    background-color: #f9f9f9;
    border-color: #f9f9f9; }
  html body.yp .yp-portlet .k-map .k-zoom-control {
    border-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px; }
  html body.yp .yp-portlet .k-map .k-map-controls .k-button {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-map .k-map-controls .k-button:active, html body.yp .yp-portlet .k-map .k-map-controls .k-button:focus, html body.yp .yp-portlet .k-map .k-map-controls .k-button:focus:active {
    background-color: #d6d6d6;
    border-color: #d6d6d6;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-buttons-horizontal .k-zoom-out {
    border-radius: 0 2px 2px 0; }
  html body.yp .yp-portlet .k-buttons-horizontal :first-child {
    border-radius: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 2px 2px 0; }
  html body.yp .yp-portlet .k-button-wrap .k-button {
    font-size: 21px;
    padding: 7px 13px; }
  html body.yp .yp-portlet .k-spreadsheet-column-header, html body.yp .yp-portlet .k-spreadsheet-row-header {
    background-color: #fff; }
  html body.yp .yp-portlet .k-spreadsheet-column-header, html body.yp .yp-portlet .k-spreadsheet-row-header, html body.yp .yp-portlet .k-spreadsheet-top-corner {
    background-color: #fff;
    background-image: none;
    color: #000;
    border-color: #ccc; }
  html body.yp .yp-portlet .k-spreadsheet-top-corner {
    border-color: #ccc; }
  html body.yp .yp-portlet .k-spreadsheet-top-corner:after {
    border-color: transparent #ccc #ccc transparent; }
  html body.yp .yp-portlet .k-spreadsheet-pane {
    border-color: #ccc; }
  html body.yp .yp-portlet .k-spreadsheet-pane .k-spreadsheet-haxis, html body.yp .yp-portlet .k-spreadsheet-pane .k-spreadsheet-vaxis {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-pane .k-spreadsheet-column-header, html body.yp .yp-portlet .k-spreadsheet-pane .k-spreadsheet-row-header {
    border-color: #ccc; }
  html body.yp .yp-portlet .k-spreadsheet-pane .k-spreadsheet-merged-cell {
    background-color: #fff; }
  html body.yp .yp-portlet .k-spreadsheet-pane .k-selection-full, html body.yp .yp-portlet .k-spreadsheet-pane .k-selection-partial {
    border-color: rgba(0, 176, 255, 0.2);
    background-color: rgba(0, 176, 255, 0.2); }
  html body.yp .yp-portlet .k-spreadsheet-pane .k-filter-range {
    border-color: #00b0ff; }
  html body.yp .yp-portlet .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full, html body.yp .yp-portlet .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial {
    border-bottom-color: #00b0ff; }
  html body.yp .yp-portlet .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full, html body.yp .yp-portlet .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial {
    border-right-color: #00b0ff; }
  html body.yp .yp-portlet .k-auto-fill, html body.yp .yp-portlet .k-spreadsheet-selection {
    border-color: #00b0ff;
    -webkit-box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #00b0ff;
    box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #00b0ff; }
  html body.yp .yp-portlet .k-spreadsheet-selection {
    background-color: rgba(0, 176, 255, 0.2); }
  html body.yp .yp-portlet .k-spreadsheet-active-cell {
    border-color: #00b0ff !important;
    background-color: #fff; }
  html body.yp .yp-portlet .k-spreadsheet-active-cell.k-single {
    background-color: #fff; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar {
    background-color: #fff;
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
    border-color: #ccc; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
    border-color: #ccc; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #fff;
    color: #444; }
  html body.yp .yp-portlet .k-spreadsheet .k-resize-handle, html body.yp .yp-portlet .k-spreadsheet .k-resize-hint-handle, html body.yp .yp-portlet .k-spreadsheet .k-resize-hint-marker {
    background-color: #00b0ff; }
  html body.yp .yp-portlet .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle, html body.yp .yp-portlet .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
    background-color: #00b0ff; }
  html body.yp .yp-portlet .k-spreadsheet .k-single-selection::after {
    background-color: #00b0ff;
    border-color: #fff; }
  html body.yp .yp-portlet .k-spreadsheet .k-auto-fill-punch {
    background-color: rgba(255, 255, 255, 0.5); }
  html body.yp .yp-portlet .k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
    background-color: rgba(0, 176, 255, 0.5); }
  html body.yp .yp-portlet .k-spreadsheet-format-cells .k-spreadsheet-preview {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-filter {
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #e6e6e6;
    box-shadow: inset 0 0 0 1px #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-filter.k-state-active {
    color: #3f51b5;
    background-color: #00b0ff; }
  html body.yp .yp-portlet .k-spreadsheet-filter:hover {
    color: #444;
    background: #ebebeb;
    border-color: #d7d7d7; }
  html body.yp .yp-portlet .k-action-window .k-action-buttons {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-sample {
    color: #919191; }
  html body.yp .yp-portlet .k-state-selected .k-spreadsheet-sample {
    color: inherit; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-list, html body.yp .yp-portlet .k-spreadsheet-window .k-list-wrapper {
    border-color: #e6e6e6;
    border-radius: 2px; }
  html body.yp .yp-portlet .k-spreadsheet-window .export-config, html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > .k-orientation-label {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-edit-field > input[type=radio]:checked + .k-orientation-label {
    background-image: none;
    background-color: #3f51b5;
    color: #6776ca; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-orientation {
    border-color: #e6e6e6;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); }
  html body.yp .yp-portlet .k-spreadsheet-window .k-page-orientation:before {
    background: #fff;
    border-color: transparent;
    border-bottom-color: #e6e6e6;
    border-left-color: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-window .k-margins-horizontal, html body.yp .yp-portlet .k-spreadsheet-window .k-margins-vertical {
    background: 0 0;
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-window .hint-wrapper:before {
    background: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
    border-radius: 2px; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-button, html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-button-group, html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-widget {
    border-radius: 2px; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-separator {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar .k-overflow-anchor {
    border-radius: 0; }
  html body.yp .yp-portlet .k-spreadsheet-popup {
    border-radius: 2px; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-separator {
    background-color: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-button {
    background-color: transparent; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-button:hover {
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-state-active {
    background-color: #00b0ff;
    color: #fff; }
  html body.yp .yp-portlet .k-spreadsheet-popup .k-state-active:hover {
    background-color: #008dcc; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-color: #fff; }
  html body.yp .yp-portlet .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    background-color: #fff;
    border-color: #e6e6e6;
    border-radius: 2px 0 0 2px; }
  html body.yp .yp-portlet .k-syntax-ref {
    color: #f82; }
  html body.yp .yp-portlet .k-syntax-num {
    color: #09f; }
  html body.yp .yp-portlet .k-syntax-func {
    font-weight: 700; }
  html body.yp .yp-portlet .k-syntax-str {
    color: #38b714; }
  html body.yp .yp-portlet .k-syntax-error {
    color: red; }
  html body.yp .yp-portlet .k-syntax-bool {
    color: #a9169c; }
  html body.yp .yp-portlet .k-syntax-startexp {
    font-weight: 700; }
  html body.yp .yp-portlet .k-syntax-paren-match {
    background-color: #caf200; }
  html body.yp .yp-portlet .k-series-a {
    border-color: #3f51b5;
    background-color: rgba(63, 81, 181, 0.15); }
  html body.yp .yp-portlet .k-series-b {
    border-color: #03a9f4;
    background-color: rgba(3, 169, 244, 0.15); }
  html body.yp .yp-portlet .k-series-c {
    border-color: #4caf50;
    background-color: rgba(76, 175, 80, 0.15); }
  html body.yp .yp-portlet .k-series-d {
    border-color: #f9ce1d;
    background-color: rgba(249, 206, 29, 0.15); }
  html body.yp .yp-portlet .k-series-e {
    border-color: #ff9800;
    background-color: rgba(255, 152, 0, 0.15); }
  html body.yp .yp-portlet .k-series-f {
    border-color: #ff5722;
    background-color: rgba(255, 87, 34, 0.15); }
  html body.yp .yp-portlet .k-spreadsheet-sheets-remove:hover .k-icon {
    color: #c22; }
  html body.yp .yp-portlet .k-spreadsheet-formula-list .k-state-focused {
    background-color: #00b0ff;
    color: #3f51b5; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    html body.yp .yp-portlet .k-icon.k-font-icon {
      background-image: none; } }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-radius: 0;
    line-height: 2.6em;
    width: 3em; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button:hover, html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-sheets-bar .k-button:hover {
    background-color: #324191;
    border-color: #324191; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
    left: 0;
    bottom: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    line-height: 2.2em; }
  html body.yp .yp-portlet .k-spreadsheet .k-spreadsheet-sheets-remove {
    margin: 0 0 0 -1em; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-items .k-state-default .k-link, html body.yp .yp-portlet .k-spreadsheet-tabstrip .k-state-default .k-link {
    color: #9fa8da; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-items .k-item.k-state-active, html body.yp .yp-portlet .k-spreadsheet-sheets-items .k-item.k-state-focused, html body.yp .yp-portlet .k-spreadsheet-sheets-items .k-item.k-state-hover, html body.yp .yp-portlet .k-spreadsheet-tabstrip .k-item.k-state-active, html body.yp .yp-portlet .k-spreadsheet-tabstrip .k-item.k-state-focused, html body.yp .yp-portlet .k-spreadsheet-tabstrip .k-item.k-state-hover {
    background-color: transparent; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-items .k-item.k-state-active .k-link, html body.yp .yp-portlet .k-spreadsheet-sheets-items .k-item.k-state-focused .k-link, html body.yp .yp-portlet .k-spreadsheet-sheets-items .k-item.k-state-hover .k-link, html body.yp .yp-portlet .k-spreadsheet-tabstrip .k-item.k-state-active .k-link, html body.yp .yp-portlet .k-spreadsheet-tabstrip .k-item.k-state-focused .k-link, html body.yp .yp-portlet .k-spreadsheet-tabstrip .k-item.k-state-hover .k-link {
    color: #fff; }
  html body.yp .yp-portlet .k-spreadsheet-sheets-items .k-state-active .k-link, html body.yp .yp-portlet .k-spreadsheet-tabstrip .k-state-active .k-link {
    color: #fff; }
  html body.yp .yp-portlet .k-spreadsheet-toolbar > .k-button:not(.k-overflow-anchor) {
    line-height: 2em; }
  html body.yp .yp-portlet .k-dialog .k-content {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  html body.yp .yp-portlet .k-dialog.k-dialog-titleless .k-content {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px; }
  html body.yp .yp-portlet .k-dialog .k-window-titlebar {
    border-width: 0;
    color: #444; }
  html body.yp .yp-portlet .k-dialog .k-header {
    background: 0 0; }
  html body.yp .yp-portlet .k-dialog.k-alert .k-window-titlebar, html body.yp .yp-portlet .k-dialog.k-confirm .k-window-titlebar, html body.yp .yp-portlet .k-dialog.k-prompt .k-window-titlebar {
    border-bottom: none; }
  html body.yp .yp-portlet .k-dialog.k-alert .k-window-titlebar .k-dialog-title, html body.yp .yp-portlet .k-dialog.k-confirm .k-window-titlebar .k-dialog-title, html body.yp .yp-portlet .k-dialog.k-prompt .k-window-titlebar .k-dialog-title {
    color: #444; }
  html body.yp .yp-portlet .k-dialog a.k-dialog-action.k-dialog-close.k-button-bare:before {
    content: normal; }
  html body.yp .yp-portlet .k-dialog a.k-dialog-action.k-dialog-close {
    top: .3em;
    right: 0; }
  html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup .k-button:active, html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup .k-button:focus, html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup .k-button:focus:active {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched {
    width: 100%; }
  html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
    display: inline-block;
    padding: 1.5em 0;
    border-radius: 0;
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:first-child {
    border-bottom-left-radius: 2px;
    border-left: 0; }
  html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:last-child {
    border-bottom-right-radius: 2px;
    border-right: 0; }
  html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
    width: auto;
    margin: 0;
    padding: 1em;
    text-align: right; }
  html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
    margin-left: .5em;
    background: 0 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
    margin-left: 0; }
  html body.yp .yp-portlet .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button.k-primary {
    color: #00b0ff; }
  html body.yp .yp-portlet .k-rtl .k-dialog a.k-dialog-action.k-dialog-close {
    left: 0; }
  html body.yp .yp-portlet .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:first-child {
    border-bottom-right-radius: 2px; }
  html body.yp .yp-portlet .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:last-child {
    border-bottom-left-radius: 2px; }
  html body.yp .yp-portlet .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
    text-align: left; }
  html body.yp .yp-portlet .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
    margin-left: 0;
    margin-right: .5em; }
  html body.yp .yp-portlet .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
    margin-right: 0; }

@-ms-viewport {
  html body.yp .yp-portlet {
    width: device-width;
    user-zoom: fixed;
    max-zoom: 1;
    min-zoom: 1; } }
  @media (orientation: landscape) {
    html body.yp .yp-portlet .km-tablet .km-on-ios.km-horizontal.km-web:not(.km-ios-chrome) {
      position: fixed;
      bottom: 0; } }
  html body.yp .yp-portlet .km-root {
    font-size: .92em; }
  html body.yp .yp-portlet .km-root.km-retina input, html body.yp .yp-portlet .km-root.km-retina select, html body.yp .yp-portlet .km-root.km-retina textarea {
    font-size: 1em; }
  html body.yp .yp-portlet .km-root a {
    color: inherit; }
  html body.yp .yp-portlet .km-tablet {
    font-size: 1em; }
  html body.yp .yp-portlet .km-root :focus {
    outline-width: 0; }
  html body.yp .yp-portlet .km-pane, html body.yp .yp-portlet .km-pane-wrapper, html body.yp .yp-portlet .km-root {
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    overflow-x: hidden; }
  html body.yp .yp-portlet .km-pane-wrapper {
    position: absolute; }
  html body.yp .yp-portlet .km-pane, html body.yp .yp-portlet .km-shim {
    font-family: sans-serif; }
  html body.yp .yp-portlet .km-pane {
    overflow-x: hidden;
    position: relative; }
  html body.yp .yp-portlet .km-vertical .km-collapsible-pane {
    position: absolute;
    z-index: 2 !important;
    -webkit-transition: -webkit-transform 350ms ease-out;
    transition: transform 350ms ease-out;
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .km-vertical .km-expanded-splitview .km-collapsible-pane {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .km-expanded-pane-shim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none; }
  html body.yp .yp-portlet .km-expanded-splitview .km-expanded-pane-shim {
    display: block;
    z-index: 1; }
  html body.yp .yp-portlet .km-root > * {
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .km-root * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html body.yp .yp-portlet .km-content {
    display: block; }
  html body.yp .yp-portlet .km-split-content, html body.yp .yp-portlet .km-view {
    top: 0;
    left: 0;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    vertical-align: top; }
  html body.yp .yp-portlet .k-ff .km-pane, html body.yp .yp-portlet .k-ff .km-view {
    overflow: hidden; }
  html body.yp .yp-portlet .k-ff18 .km-pane, html body.yp .yp-portlet .k-ff18 .km-view, html body.yp .yp-portlet .k-ff19 .km-pane, html body.yp .yp-portlet .k-ff19 .km-view, html body.yp .yp-portlet .k-ff20 .km-pane, html body.yp .yp-portlet .k-ff20 .km-view, html body.yp .yp-portlet .k-ff21 .km-pane, html body.yp .yp-portlet .k-ff21 .km-view {
    position: relative; }
  html body.yp .yp-portlet .k-ff .km-view {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  html body.yp .yp-portlet .km-content {
    min-height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-align: stretch;
    width: auto;
    overflow: hidden;
    position: relative; }
  html body.yp .yp-portlet .km-content h1, html body.yp .yp-portlet .km-content h2, html body.yp .yp-portlet .km-content h3, html body.yp .yp-portlet .km-content h4, html body.yp .yp-portlet .km-content h5, html body.yp .yp-portlet .km-content h6, html body.yp .yp-portlet .km-content p {
    margin-left: 1rem;
    margin-right: 1rem; }
  html body.yp .yp-portlet .km-footer, html body.yp .yp-portlet .km-header {
    display: block;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }
  html body.yp .yp-portlet .km-header {
    padding: 0; }
  html body.yp .yp-portlet .km-footer {
    background: #1a1a1a; }
  html body.yp .yp-portlet [data-role=layout] {
    display: none; }
  html body.yp .yp-portlet [data-role=view], html body.yp .yp-portlet [data-role=drawer], html body.yp .yp-portlet kendo-mobile-drawer, html body.yp .yp-portlet kendo-mobile-split-view, html body.yp .yp-portlet kendo-mobile-view {
    visibility: hidden; }
  html body.yp .yp-portlet .km-view {
    visibility: visible; }
  html body.yp .yp-portlet .km-footer, html body.yp .yp-portlet .km-header {
    position: relative;
    z-index: 1; }
  @media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
    html body.yp .yp-portlet .km-view {
      display: table; }
    html body.yp .yp-portlet .km-content, html body.yp .yp-portlet .km-footer, html body.yp .yp-portlet .km-header {
      display: table-row; }
    html body.yp .yp-portlet .km-footer, html body.yp .yp-portlet .km-header {
      height: 1px; } }
  html body.yp .yp-portlet .km-blackberry li.km-actionsheet-cancel > a, html body.yp .yp-portlet .km-button, html body.yp .yp-portlet .km-buttongroup, html body.yp .yp-portlet .km-navbar, html body.yp .yp-portlet .km-root .k-toolbar, html body.yp .yp-portlet .km-tabstrip {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-origin: border-box;
    background-origin: border-box;
    position: relative;
    display: inline-block;
    padding: .4em .7em;
    margin: .1rem;
    overflow: visible;
    text-decoration: none; }
  html body.yp .yp-portlet .km-navbar, html body.yp .yp-portlet .km-root .k-toolbar, html body.yp .yp-portlet .km-tabstrip {
    display: block;
    padding: .8em;
    margin: 0;
    width: 100%;
    border-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-native-scroller {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-x pan-y;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity; }
  html body.yp .yp-portlet .km-default-content {
    padding: 1em; }
  html body.yp .yp-portlet .km-shim {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10001;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-root .km-shim {
    position: absolute; }
  html body.yp .yp-portlet .km-shim:before {
    content: "\a0";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-shim .k-animation-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    width: auto; }
  html body.yp .yp-portlet .km-loader {
    top: 50%;
    left: 50%;
    width: 180px;
    height: 130px;
    z-index: 100000;
    padding: 30px 30px;
    position: absolute;
    margin-top: -70px;
    margin-left: -90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.5); }
  html body.yp .yp-portlet .km-loader h1 {
    font-size: 1rem;
    color: #fff;
    text-align: center;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-load-more .km-icon, html body.yp .yp-portlet .km-loader .km-loading, html body.yp .yp-portlet .km-scroller-refresh .km-icon {
    -webkit-animation: km-spin 1s infinite linear;
    animation: km-spin 1s infinite linear;
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    font-size: 35px; }
  html body.yp .yp-portlet .km-load-more .km-icon:after, html body.yp .yp-portlet .km-loader .km-loading:after {
    color: #ccc; }
  html body.yp .yp-portlet .km-loading-left, html body.yp .yp-portlet .km-loading-right {
    display: none; }

@-webkit-keyframes km-spin {
  from {
    -webkit-transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes km-ios-spin {
  from {
    -webkit-transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes km-ios-spin1 {
  from {
    -webkit-transform: rotate(-135deg); }
  to {
    -webkit-transform: rotate(225deg); } }

@keyframes km-ios-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes km-ios-spin1 {
  from {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  to {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg); } }
  html body.yp .yp-portlet .km-stretched-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  html body.yp .yp-portlet .km-stretched-view > * {
    width: 100%; }
  html body.yp .yp-portlet .km-stretched-view > .km-pane-wrapper {
    position: static; }
  html body.yp .yp-portlet .km-stretched-view > .km-pane-wrapper > .km-pane {
    position: static; }
  html body.yp .yp-portlet .km-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    z-index: 100000; }
  html body.yp .yp-portlet .km-root.km-native-scrolling, html body.yp .yp-portlet .km-root.km-native-scrolling .km-splitview .km-pane, html body.yp .yp-portlet .km-root.km-native-scrolling .km-view {
    min-height: 100%;
    height: auto;
    -webkit-transform: none;
    overflow-x: visible; }
  html body.yp .yp-portlet .km-native-scrolling, html body.yp .yp-portlet .km-native-scrolling .km-pane, html body.yp .yp-portlet .km-native-scrolling .km-view {
    -ms-touch-action: auto; }
  html body.yp .yp-portlet .km-native-scrolling .km-pane, html body.yp .yp-portlet .km-native-scrolling .km-view {
    display: block; }
  html body.yp .yp-portlet .km-native-scrolling .km-content {
    -ms-flex: auto; }
  html body.yp .yp-portlet .km-native-scrolling .km-blackberry .km-content {
    min-height: auto; }
  html body.yp .yp-portlet .km-native-scrolling .km-splitview {
    position: absolute; }
  html body.yp .yp-portlet .km-native-scrolling .km-header {
    position: fixed;
    top: 0; }
  html body.yp .yp-portlet .km-native-scrolling .km-android .km-header {
    top: auto;
    bottom: 0; }
  html body.yp .yp-portlet .km-native-scrolling .km-footer {
    position: fixed;
    bottom: 0; }
  html body.yp .yp-portlet .km-native-scrolling .km-android .km-footer {
    top: 0;
    bottom: auto; }
  html body.yp .yp-portlet .km-native-scrolling .km-badge {
    z-index: auto; }
  html body.yp .yp-portlet .km-native-scrolling .km-popup.km-pane .km-footer, html body.yp .yp-portlet .km-native-scrolling .km-popup.km-pane .km-header, html body.yp .yp-portlet .km-native-scrolling .km-splitview .km-footer, html body.yp .yp-portlet .km-native-scrolling .km-splitview .km-header {
    position: absolute; }
  html body.yp .yp-portlet .km-native-scrolling .km-modalview .km-footer, html body.yp .yp-portlet .km-native-scrolling .km-modalview .km-header {
    position: relative; }
  html body.yp .yp-portlet .km-native-scrolling .km-content {
    width: 100%; }
  html body.yp .yp-portlet .km-native-scrolling .km-popup-overlay, html body.yp .yp-portlet .km-native-scrolling .km-shim {
    position: fixed;
    top: 0;
    bottom: 0;
    height: auto !important; }
  html body.yp .yp-portlet .km-native-scrolling .km-drawer {
    position: fixed;
    top: 0;
    height: 100% !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch; }
  html body.yp .yp-portlet .km-native-scrolling > .km-pane > .km-loader {
    position: fixed; }
  html body.yp .yp-portlet .km-native-scrolling .km-footer, html body.yp .yp-portlet .km-native-scrolling .km-header {
    z-index: 2; }
  html body.yp .yp-portlet .km-state-disabled {
    opacity: .5; }
  html body.yp .yp-portlet .km-badge, html body.yp .yp-portlet .km-detail {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    position: absolute;
    z-index: 1;
    height: 2em;
    font-size: .6rem;
    text-shadow: none; }
  html body.yp .yp-portlet .km-badge {
    top: -1em;
    right: -1em;
    line-height: 2em;
    margin-left: .5em;
    min-width: .9em;
    padding: 0 .55em;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  html body.yp .yp-portlet .km-tabstrip .km-badge {
    top: -.2em;
    right: auto;
    margin-left: -1em; }
  html body.yp .yp-portlet .km-detail {
    position: absolute;
    float: right;
    right: .8rem;
    top: 50%;
    margin-top: -.7rem;
    width: 1.3rem;
    height: 1.3rem;
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-widget .km-detaildisclose {
    font-size: .8em; }
  html body.yp .yp-portlet .k-ff .km-detail {
    width: 1rem;
    height: 1rem; }
  html body.yp .yp-portlet .km-detail .km-text {
    display: none; }
  html body.yp .yp-portlet .km-detail .km-icon, html body.yp .yp-portlet .km-widget .km-contactadd:after, html body.yp .yp-portlet .km-widget .km-contactadd:before, html body.yp .yp-portlet .km-widget .km-detaildisclose:after, html body.yp .yp-portlet .km-widget .km-detaildisclose:before, html body.yp .yp-portlet .km-widget .km-rowdelete:after, html body.yp .yp-portlet .km-widget .km-rowdelete:before, html body.yp .yp-portlet .km-widget .km-rowinsert:after, html body.yp .yp-portlet .km-widget .km-rowinsert:before {
    left: .15em;
    top: .15em;
    line-height: 1em;
    font-size: 1em;
    position: absolute; }
  html body.yp .yp-portlet .km-widget .km-detaildisclose:after {
    left: .1em;
    top: .25em;
    text-align: center;
    font-weight: 700; }
  html body.yp .yp-portlet .km-button {
    cursor: pointer;
    outline: 0;
    text-align: center; }
  html body.yp .yp-portlet button.km-button {
    display: inline-block;
    font: inherit; }
  html body.yp .yp-portlet .km-button:hover {
    text-decoration: none; }
  html body.yp .yp-portlet .km-button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  html body.yp .yp-portlet .km-android .km-state-disabled .km-button, html body.yp .yp-portlet .km-blackberry .km-state-disabled .km-button, html body.yp .yp-portlet .km-ios .km-state-disabled .km-button, html body.yp .yp-portlet .km-meego .km-state-disabled .km-button {
    color: #aaa;
    text-shadow: none; }
  html body.yp .yp-portlet .km-root .km-pane .k-button:active, html body.yp .yp-portlet .km-root .km-pane .k-button:focus, html body.yp .yp-portlet .km-root .km-pane .k-button:focus:active {
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .km-buttongroup {
    padding: .4rem .7rem;
    -webkit-margin-collapse: separate;
    margin-collapse: separate;
    margin: .5em auto; }
  html body.yp .yp-portlet .km-widget.km-buttongroup {
    padding: 0;
    border-color: transparent;
    background: 0 0;
    white-space: nowrap;
    display: table; }
  html body.yp .yp-portlet .km-buttongroup > .km-button {
    display: table-cell; }
  html body.yp .yp-portlet .km-buttongroup .km-badge {
    z-index: 1; }
  html body.yp .yp-portlet .km-widget.km-buttongroup .km-button {
    margin: 0;
    border-width: 1px 0 1px 1px;
    padding: .48em .9em .44em; }
  html body.yp .yp-portlet .km-tablet .km-buttongroup .km-button {
    padding: .4em .8em .34em; }
  html body.yp .yp-portlet .km-widget.km-navbar .km-buttongroup {
    font-size: .95rem;
    line-height: 1em;
    margin: 0 0 .2em;
    display: inline-block;
    height: 1.5em;
    top: -2px; }
  html body.yp .yp-portlet .k-toolbar .km-buttongroup {
    margin: 0;
    display: inline-block; }
  html body.yp .yp-portlet .km-tablet .km-navbar .km-buttongroup {
    top: -1px; }
  html body.yp .yp-portlet .km-widget.km-navbar .km-buttongroup > .km-button {
    font-size: 1em;
    min-width: 4rem;
    text-align: center; }
  html body.yp .yp-portlet .km-tablet .km-navbar .km-buttongroup > .km-button {
    min-width: 6rem; }
  html body.yp .yp-portlet .km-view .km-buttongroup .km-button:last-child {
    border-right-width: 1px; }
  html body.yp .yp-portlet .km-ios .km-buttongroup .km-button {
    font-size: 1.2em;
    font-weight: 700; }
  html body.yp .yp-portlet .km-hide-title {
    display: none; }
  html body.yp .yp-portlet .km-show-title:after {
    display: block;
    content: "\a0";
    height: 0; }
  html body.yp .yp-portlet .km-fill-title:after {
    height: auto; }
  html body.yp .yp-portlet .km-footer .km-show-title:after {
    display: inline-block; }
  html body.yp .yp-portlet .km-dialog-title, html body.yp .yp-portlet .km-view-title {
    position: relative;
    visibility: visible;
    text-align: center;
    font-size: 1.4em;
    line-height: 2.3em;
    margin-left: auto;
    margin-right: auto; }
  html body.yp .yp-portlet .km-horizontal .km-view-title {
    line-height: 2em; }
  html body.yp .yp-portlet .km-navbar, html body.yp .yp-portlet .km-root .k-toolbar {
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden;
    display: block;
    border-width: 0 0 1px 0;
    background-color: #fff; }
  html body.yp .yp-portlet .k-ff .km-navbar, html body.yp .yp-portlet .k-ff.km-root .k-toolbar {
    overflow: visible; }
  html body.yp .yp-portlet .km-navbar .km-button {
    margin-top: .5rem;
    margin-bottom: .5rem; }
  html body.yp .yp-portlet .km-navbar .km-no-title {
    padding-top: .7rem;
    padding-bottom: .7rem; }
  html body.yp .yp-portlet .km-horizontal .km-navbar .km-button {
    margin-top: .3rem;
    margin-bottom: .3rem; }
  html body.yp .yp-portlet .km-horizontal .km-navbar .km-no-title {
    padding-top: .5rem;
    padding-bottom: .5rem; }
  html body.yp .yp-portlet .km-tablet.km-root .km-no-title {
    padding-top: .55rem;
    padding-bottom: .55rem; }
  html body.yp .yp-portlet .km-tablet .km-navbar .km-button {
    margin-top: .45rem;
    margin-bottom: .45rem; }
  html body.yp .yp-portlet .km-root .km-pane .km-navbar .km-no-title {
    visibility: visible;
    line-height: 0; }
  html body.yp .yp-portlet .km-on-ios.km-black-translucent-status-bar.km-app .km-header .km-navbar {
    padding-top: 1.4em;
    -webkit-background-clip: border-box;
    background-clip: border-box; }
  html body.yp .yp-portlet .km-on-ios.km-ios5.km-cordova .km-header .km-navbar, html body.yp .yp-portlet .km-on-ios.km-ios6.km-cordova .km-header .km-navbar {
    padding-top: 0; }
  html body.yp .yp-portlet .km-leftitem, html body.yp .yp-portlet .km-rightitem {
    z-index: 1;
    position: absolute;
    right: .5em; }
  html body.yp .yp-portlet .km-popup .km-rightitem {
    right: 0; }
  html body.yp .yp-portlet .km-leftitem {
    left: .5em;
    right: auto; }
  html body.yp .yp-portlet .km-popup .km-leftitem {
    left: 0; }
  html body.yp .yp-portlet .km-leftitem, html body.yp .yp-portlet .km-rightitem {
    height: 100%; }
  html body.yp .yp-portlet .km-on-ios.km-black-translucent-status-bar.km-app .km-leftitem, html body.yp .yp-portlet .km-on-ios.km-black-translucent-status-bar.km-app .km-rightitem {
    height: auto; }
  html body.yp .yp-portlet .km-leftitem > *, html body.yp .yp-portlet .km-rightitem > * {
    display: inline-block;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-leftitem:before, html body.yp .yp-portlet .km-rightitem:before {
    content: "\a0";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-tabstrip {
    padding: .4rem .7rem; }
  html body.yp .yp-portlet .km-horizontal .km-tabstrip {
    padding: .2rem .7rem; }
  html body.yp .yp-portlet .km-tabstrip {
    flex-align: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-box-pack: start;
    padding: 0;
    text-align: center;
    word-spacing: -1em; }
  html body.yp .yp-portlet .km-tabstrip .km-button {
    word-spacing: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: bottom; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    html body.yp .yp-portlet .km-tabstrip {
      word-spacing: normal;
      width: 100%; } }
  html body.yp .yp-portlet .km-tabstrip .km-button {
    font-family: Arial,Helvetica,sans-serif;
    color: #a8a8a8;
    padding: .4em .8em;
    border-width: 0;
    border-color: transparent;
    background: 0 0;
    margin: 0;
    text-align: center; }
  html body.yp .yp-portlet .km-tabstrip .km-button:first-child {
    border-left: 0; }
  html body.yp .yp-portlet .km-tabstrip .km-button:last-child {
    border-right: 0; }
  html body.yp .yp-portlet .km-switch input[type=checkbox] {
    display: none; }
  html body.yp .yp-portlet .km-checkbox, html body.yp .yp-portlet .km-switch {
    text-align: left;
    font-size: 1rem;
    display: inline-block;
    width: 6.4rem;
    height: 2rem;
    line-height: 2rem;
    position: relative;
    overflow: hidden; }
  html body.yp .yp-portlet .km-slider-wrapper, html body.yp .yp-portlet .km-switch-wrapper {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden; }
  html body.yp .yp-portlet .km-slider-background, html body.yp .yp-portlet .km-switch-background {
    display: block;
    margin: 0 1px 1px -5em;
    height: 100%;
    width: 200%; }
  html body.yp .yp-portlet .km-switch-container {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-checkbox {
    width: 1.8rem;
    height: 1.8rem; }
  html body.yp .yp-portlet .km-checkbox-checked:after {
    content: "\a0";
    display: block;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .km-switch-handle {
    top: 0;
    left: 0;
    width: 2.72em;
    height: 100%;
    display: inline-block;
    margin: -1px 0 0 -1px;
    background-color: #000; }
  html body.yp .yp-portlet .km-switch-label-off, html body.yp .yp-portlet .km-switch-label-on {
    display: block;
    width: 130%;
    font-size: 1em;
    line-height: 2em;
    text-align: center;
    position: absolute;
    text-transform: uppercase; }
  html body.yp .yp-portlet .km-switch-label-off {
    left: 104%; }
  html body.yp .yp-portlet .km-switch-label-on {
    left: -134%;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
  html body.yp .yp-portlet .km-list .km-switch {
    position: absolute;
    top: 50%;
    right: .8rem;
    margin-top: -1rem; }
  html body.yp .yp-portlet .km-listview-link:after {
    width: .5rem;
    height: .5rem;
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    margin-left: -.2rem;
    border-style: solid;
    border-width: .24rem .24rem 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  html body.yp .yp-portlet .km-listview-wrapper > ul:not(.km-listview) {
    margin: 0 auto; }
  html body.yp .yp-portlet .km-list, html body.yp .yp-portlet .km-listview {
    padding: 0;
    margin: 0;
    list-style-type: none; }
  html body.yp .yp-portlet .km-listgroupinset, html body.yp .yp-portlet .km-listinset {
    margin: 1em; }
  html body.yp .yp-portlet .k-ff .km-listgroupinset:after, html body.yp .yp-portlet .k-ff .km-listinset:after {
    display: block;
    height: 0;
    content: "\a0"; }
  html body.yp .yp-portlet .km-listgroupinset .km-list, html body.yp .yp-portlet .km-listinset {
    overflow: hidden; }
  html body.yp .yp-portlet .km-listview .km-switch {
    margin-top: -.95rem;
    position: absolute;
    right: .8rem;
    top: 50%; }
  html body.yp .yp-portlet .km-listview .km-list {
    text-indent: 0; }
  html body.yp .yp-portlet .km-list > li, html body.yp .yp-portlet .km-widget .km-listview-label, html body.yp .yp-portlet .km-widget .km-listview-link {
    margin: 0;
    display: block;
    position: relative;
    list-style-type: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em .7em; }
  html body.yp .yp-portlet .km-list > li {
    line-height: 1.6em;
    overflow: hidden; }
  html body.yp .yp-portlet .km-virtual-list {
    position: relative;
    width: 100%;
    -webkit-transform: translateZ(0); }
  html body.yp .yp-portlet .km-virtual-list > li {
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateZ(0); }
  html body.yp .yp-portlet .km-widget .km-list .km-load-more, html body.yp .yp-portlet .km-widget.km-list .km-load-more {
    border-bottom: 0; }
  html body.yp .yp-portlet .km-list > li > * {
    line-height: normal; }
  html body.yp .yp-portlet .km-group-title {
    display: block;
    font-weight: 700;
    padding: .2em 0;
    text-indent: .8em; }
  html body.yp .yp-portlet .km-listgroupinset .km-group-title {
    margin-top: .65em;
    line-height: 2em; }
  html body.yp .yp-portlet .km-list:not(.km-virtual-list) > li:first-child {
    border-top-width: 0; }
  html body.yp .yp-portlet .km-list:not(.km-virtual-list) > li:last-child {
    border-bottom-width: 0; }
  html body.yp .yp-portlet .km-widget .km-listview-label, html body.yp .yp-portlet .km-widget .km-listview-link {
    line-height: inherit;
    text-decoration: none;
    margin: -.5em -.7em; }
  html body.yp .yp-portlet .km-listview-label:after, html body.yp .yp-portlet .km-listview-link:after {
    border-color: #777;
    content: "\a0";
    display: block;
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.32rem; }
  html body.yp .yp-portlet .km-filter-form {
    width: 100%;
    padding: .5em 0;
    border: 1px solid transparent;
    border-width: 1px 0;
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0); }
  html body.yp .yp-portlet .km-filter-wrap {
    position: relative;
    margin: 0 .7em;
    padding: .2em .4em;
    border: 1px solid transparent; }
  html body.yp .yp-portlet .km-widget .km-filter-wrap:before {
    display: inline-block;
    vertical-align: middle;
    content: "\e0e9";
    font-size: 1.6em;
    width: 1em;
    height: 1em;
    margin-right: -1em;
    color: inherit; }
  html body.yp .yp-portlet .km-tablet .km-filter-wrap {
    max-width: 24em;
    margin: 0 auto; }
  html body.yp .yp-portlet .km-filter-wrap > input[type=search]::-webkit-search-cancel-button {
    display: none; }
  html body.yp .yp-portlet .km-filter-wrap input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    background: 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    padding: 0 1.4em; }
  html body.yp .yp-portlet .km-filter-reset {
    display: inline-block;
    margin-left: -1.6em;
    vertical-align: middle;
    text-align: center;
    z-index: 1;
    text-decoration: none;
    height: 100%; }
  html body.yp .yp-portlet .km-filter-reset .km-clear {
    font-size: 1.6em;
    width: 1em;
    height: 1em;
    display: block; }
  html body.yp .yp-portlet .km-filter-reset > .km-text {
    position: absolute;
    top: -3333px;
    left: -3333px; }
  html body.yp .yp-portlet .km-load-more {
    display: block;
    padding: .3em 0 1.2em;
    height: 3.2em;
    text-align: center; }
  html body.yp .yp-portlet .km-list .km-listview-item-badge.km-badge, html body.yp .yp-portlet .km-list .km-listview-link > .km-badge {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 4em; }
  html body.yp .yp-portlet .km-scrollview {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 100%; }
  html body.yp .yp-portlet .km-scrollview > div > * {
    -webkit-transform: translatez(0); }
  html body.yp .yp-portlet .km-scrollview > div > [data-role=page] {
    vertical-align: top;
    display: inline-block;
    min-height: 1px; }
  html body.yp .yp-portlet .km-scrollview .km-virtual-page {
    min-height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block; }
  html body.yp .yp-portlet .k-ff18 .km-scrollview > div, html body.yp .yp-portlet .k-ff19 .km-scrollview > div, html body.yp .yp-portlet .k-ff20 .km-scrollview > div, html body.yp .yp-portlet .k-ff21 .km-scrollview > div {
    width: 0; }
  html body.yp .yp-portlet .km-pages {
    text-align: center;
    margin: 0;
    padding: .6em 0 0;
    height: 1.5em; }
  html body.yp .yp-portlet .km-pages li {
    display: inline-block;
    width: .5em;
    height: .55em;
    margin: 0 .3em; }
  html body.yp .yp-portlet .km-item label.km-item-checked:after, html body.yp .yp-portlet .km-item label:before {
    position: absolute;
    content: " ";
    display: block;
    top: 50%;
    left: .6em;
    width: 36px;
    height: 36px;
    margin-top: -18px; }
  html body.yp .yp-portlet .km-widget .k-slider {
    line-height: .6em;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
  html body.yp .yp-portlet .km-widget .k-slider-horizontal {
    width: 50%;
    height: .6em;
    line-height: .6em; }
  html body.yp .yp-portlet .km-list .k-slider {
    position: absolute;
    right: 0;
    margin-top: -.5em;
    top: 50%; }
  html body.yp .yp-portlet .km-root .k-slider-track {
    left: 1em !important;
    right: 1em;
    height: 100%;
    display: block;
    position: absolute;
    border: .5em solid transparent;
    border-width: .5em 0; }
  html body.yp .yp-portlet .km-widget .k-slider-horizontal .k-slider-track {
    width: auto !important; }
  html body.yp .yp-portlet .km-widget .k-slider .k-slider-track {
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  html body.yp .yp-portlet .km-widget .k-slider-selection, html body.yp .yp-portlet .km-widget .k-slider-track {
    margin-top: 0;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); }
  html body.yp .yp-portlet .km-widget .k-slider-horizontal .k-slider-selection {
    top: 0;
    height: 100%; }
  html body.yp .yp-portlet .km-widget .k-slider-items {
    margin: 0; }
  html body.yp .yp-portlet .km-widget .k-slider .k-draghandle {
    text-indent: -3333px;
    left: 0;
    width: 1.2em;
    height: 1.2em;
    display: block;
    position: absolute; }
  html body.yp .yp-portlet .km-widget .k-slider-vertical .k-draghandle {
    left: -5px; }
  html body.yp .yp-portlet .km-widget .k-slider-tooltip {
    display: none; }
  html body.yp .yp-portlet .km-dialog {
    position: absolute;
    min-width: 19em;
    max-width: 25em;
    overflow: hidden; }
  html body.yp .yp-portlet .km-dialog-title {
    position: static;
    float: none;
    height: 2.6em;
    margin-top: -2.6em;
    font-size: 1.22em;
    line-height: 3em; }
  html body.yp .yp-portlet .km-dialog:before {
    content: "\a0";
    display: block;
    overflow: visible;
    width: 100%;
    height: 3em;
    opacity: .2; }
  html body.yp .yp-portlet .km-dialog-content {
    font-weight: 400;
    min-height: 2em;
    text-align: center; }
  html body.yp .yp-portlet .km-dialog .km-button {
    display: block;
    margin: .4em;
    font-size: 1.3em;
    text-align: center;
    padding: .44em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .km-list .k-dropdown, html body.yp .yp-portlet .km-list input[type=color], html body.yp .yp-portlet .km-list input[type=date], html body.yp .yp-portlet .km-list input[type=datetime-local], html body.yp .yp-portlet .km-list input[type=datetime], html body.yp .yp-portlet .km-list input[type=email], html body.yp .yp-portlet .km-list input[type=file], html body.yp .yp-portlet .km-list input[type=month], html body.yp .yp-portlet .km-list input[type=number], html body.yp .yp-portlet .km-list input[type=password], html body.yp .yp-portlet .km-list input[type=search], html body.yp .yp-portlet .km-list input[type=tel], html body.yp .yp-portlet .km-list input[type=text]:not(.k-input), html body.yp .yp-portlet .km-list input[type=time], html body.yp .yp-portlet .km-list input[type=url], html body.yp .yp-portlet .km-list input[type=week], html body.yp .yp-portlet .km-list select:not([multiple]), html body.yp .yp-portlet .km-list textarea {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.2em;
    position: absolute;
    top: 50%;
    line-height: normal;
    z-index: 1;
    right: 0;
    margin-top: -1em; }
  html body.yp .yp-portlet .km-widget .k-slider .k-button, html body.yp .yp-portlet .km-widget .k-slider .k-label, html body.yp .yp-portlet .km-widget .k-slider .k-tick {
    display: none; }
  html body.yp .yp-portlet .km-list textarea {
    position: relative;
    width: -webkit-calc(50% + .7em);
    width: calc(50% + .7em);
    margin-right: -.7em; }
  html body.yp .yp-portlet .km-list input, html body.yp .yp-portlet .km-list input[type=checkbox], html body.yp .yp-portlet .km-list input[type=radio], html body.yp .yp-portlet .km-list select, html body.yp .yp-portlet .km-list textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; }
  html body.yp .yp-portlet .km-list input[type=checkbox], html body.yp .yp-portlet .km-list input[type=radio] {
    position: absolute;
    top: 50%;
    right: .7em;
    margin-top: -.5em;
    background: 0 0; }
  html body.yp .yp-portlet .km-widget input, html body.yp .yp-portlet .km-widget textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; }
  html body.yp .yp-portlet .km-widget input[readonly], html body.yp .yp-portlet .km-widget input[type=image], html body.yp .yp-portlet .km-widget select:not([multiple]) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  html body.yp .yp-portlet .km-list textarea {
    top: 0; }
  html body.yp .yp-portlet .km-list .k-dropdown {
    line-height: 1.4em; }
  html body.yp .yp-portlet .km-list .k-dropdown, html body.yp .yp-portlet .km-list .k-dropdown .k-input {
    background-color: transparent; }
  html body.yp .yp-portlet .km-list .k-dropdown-wrap {
    display: inline-block; }
  html body.yp .yp-portlet .km-list .k-dropdown ~ .km-listview-link:after, html body.yp .yp-portlet .km-list .km-listview-label:after, html body.yp .yp-portlet .km-list input ~ .km-listview-link:after, html body.yp .yp-portlet .km-list select ~ .km-listview-link:after, html body.yp .yp-portlet .km-list textarea ~ .km-listview-link:after {
    display: none; }
  html body.yp .yp-portlet .km-list .k-dropdown .k-select, html body.yp .yp-portlet .km-list .k-dropdown select {
    display: none; }
  html body.yp .yp-portlet .km-widget .km-list textarea {
    position: relative;
    float: right;
    margin-top: 0;
    font-family: inherit; }
  html body.yp .yp-portlet .km-listview-label input[type=checkbox], html body.yp .yp-portlet .km-listview-label input[type=radio] {
    border: 0;
    font-size: inherit;
    width: 1em;
    height: .9em; }
  html body.yp .yp-portlet .km-list label.km-required:after {
    content: "*";
    display: inline-block;
    width: 1rem;
    height: 1rem; }
  html body.yp .yp-portlet .km-list .km-label-above {
    width: 100%;
    display: block; }
  html body.yp .yp-portlet .km-list .km-icon-label:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    font: 1em/1em "Kendo UI";
    margin-right: .89em; }
  html body.yp .yp-portlet .km-list .km-label-above .k-dropdown, html body.yp .yp-portlet .km-list .km-label-above input[type=color], html body.yp .yp-portlet .km-list .km-label-above input[type=date], html body.yp .yp-portlet .km-list .km-label-above input[type=datetime-local], html body.yp .yp-portlet .km-list .km-label-above input[type=datetime], html body.yp .yp-portlet .km-list .km-label-above input[type=email], html body.yp .yp-portlet .km-list .km-label-above input[type=file], html body.yp .yp-portlet .km-list .km-label-above input[type=month], html body.yp .yp-portlet .km-list .km-label-above input[type=number], html body.yp .yp-portlet .km-list .km-label-above input[type=password], html body.yp .yp-portlet .km-list .km-label-above input[type=search], html body.yp .yp-portlet .km-list .km-label-above input[type=tel], html body.yp .yp-portlet .km-list .km-label-above input[type=text]:not(.k-input), html body.yp .yp-portlet .km-list .km-label-above input[type=time], html body.yp .yp-portlet .km-list .km-label-above input[type=url], html body.yp .yp-portlet .km-list .km-label-above input[type=week], html body.yp .yp-portlet .km-list .km-label-above select:not([multiple]), html body.yp .yp-portlet .km-list .km-label-above textarea {
    width: 100%;
    right: 0;
    padding-left: 0;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0); }
  html body.yp .yp-portlet .km-list fieldset .k-dropdown-wrap, html body.yp .yp-portlet .km-list fieldset input[type=color], html body.yp .yp-portlet .km-list fieldset input[type=date], html body.yp .yp-portlet .km-list fieldset input[type=datetime-local], html body.yp .yp-portlet .km-list fieldset input[type=datetime], html body.yp .yp-portlet .km-list fieldset input[type=email], html body.yp .yp-portlet .km-list fieldset input[type=month], html body.yp .yp-portlet .km-list fieldset input[type=number], html body.yp .yp-portlet .km-list fieldset input[type=password], html body.yp .yp-portlet .km-list fieldset input[type=search], html body.yp .yp-portlet .km-list fieldset input[type=tel], html body.yp .yp-portlet .km-list fieldset input[type=text]:not(.k-input), html body.yp .yp-portlet .km-list fieldset input[type=time], html body.yp .yp-portlet .km-list fieldset input[type=url], html body.yp .yp-portlet .km-list fieldset input[type=week], html body.yp .yp-portlet .km-list fieldset select:not([multiple]), html body.yp .yp-portlet .km-list textarea {
    width: 100%;
    position: relative;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
    right: auto; }
  html body.yp .yp-portlet .km-list fieldset textarea {
    width: 100%;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
    margin-right: 0;
    padding-left: 0; }
  html body.yp .yp-portlet .km-list .km-legend-button {
    display: block;
    text-decoration: none; }
  html body.yp .yp-portlet .km-list .km-inline-field {
    display: inline-block;
    position: relative;
    width: -webkit-calc(48.39%);
    width: calc(48.39%);
    overflow: hidden;
    white-space: nowrap; }
  html body.yp .yp-portlet .km-list .km-inline-field .k-dropdown, html body.yp .yp-portlet .km-list .km-inline-field input[type=color], html body.yp .yp-portlet .km-list .km-inline-field input[type=date], html body.yp .yp-portlet .km-list .km-inline-field input[type=datetime-local], html body.yp .yp-portlet .km-list .km-inline-field input[type=datetime], html body.yp .yp-portlet .km-list .km-inline-field input[type=email], html body.yp .yp-portlet .km-list .km-inline-field input[type=file], html body.yp .yp-portlet .km-list .km-inline-field input[type=month], html body.yp .yp-portlet .km-list .km-inline-field input[type=number], html body.yp .yp-portlet .km-list .km-inline-field input[type=password], html body.yp .yp-portlet .km-list .km-inline-field input[type=search], html body.yp .yp-portlet .km-list .km-inline-field input[type=tel], html body.yp .yp-portlet .km-list .km-inline-field input[type=text]:not(.k-input), html body.yp .yp-portlet .km-list .km-inline-field input[type=time], html body.yp .yp-portlet .km-list .km-inline-field input[type=url], html body.yp .yp-portlet .km-list .km-inline-field input[type=week], html body.yp .yp-portlet .km-list .km-inline-field select:not([multiple]), html body.yp .yp-portlet .km-list .km-inline-field textarea {
    position: absolute;
    width: 100%;
    left: 0; }
  html body.yp .yp-portlet .km-list .km-full-width-slider {
    position: relative;
    width: auto;
    display: block; }
  html body.yp .yp-portlet .km-root input.km-checkbox, html body.yp .yp-portlet .km-root input.km-radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    height: 0; }
  html body.yp .yp-portlet .km-root .km-checkbox-label, html body.yp .yp-portlet .km-root .km-radio-label {
    display: block;
    position: relative;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-root .km-checkbox-label:after, html body.yp .yp-portlet .km-root .km-checkbox-label:before {
    content: "";
    position: absolute;
    top: 0; }
  html body.yp .yp-portlet .km-root input.km-checkbox:checked + .km-checkbox-label:after {
    content: "\e227";
    font-family: "Kendo UI"; }
  html body.yp .yp-portlet .km-root .km-radio-label {
    position: relative;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-root .km-radio-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%; }
  html body.yp .yp-portlet .km-root input.km-radio:checked + .km-radio-label:after {
    content: "";
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: .25rem;
    border-radius: 50%; }
  html body.yp .yp-portlet .km-root .km-invalid-msg {
    font-size: 1.2rem;
    position: static;
    display: inline-block;
    border-width: 1px;
    padding-top: 12px;
    padding-bottom: 11px;
    width: 100%;
    text-align: center; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrow-e:before {
    content: "\E000"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrow-n:before {
    content: "\E001"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrow-s:before {
    content: "\E002"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrow-w:before {
    content: "\E003"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrow-ne:before {
    content: "\E004"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrow-nw:before {
    content: "\E005"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrow-se:before {
    content: "\E006"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrow-sw:before {
    content: "\E007"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-seek-e:before {
    content: "\E008"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-seek-n:before {
    content: "\E009"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-seek-s:before {
    content: "\E00A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-seek-w:before {
    content: "\E00B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sarrow-e:before, html body.yp .yp-portlet .km-root .km-icon-label.k-si-arrow-e:before {
    content: "\E00C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sarrow-n:before, html body.yp .yp-portlet .km-root .km-icon-label.k-si-arrow-n:before {
    content: "\E00D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sarrow-s:before, html body.yp .yp-portlet .km-root .km-icon-label.k-si-arrow-s:before {
    content: "\E00E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sarrow-w:before, html body.yp .yp-portlet .km-root .km-icon-label.k-si-arrow-w:before {
    content: "\E00F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrowhead-e:before {
    content: "\E010"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrowhead-n:before {
    content: "\E011"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrowhead-s:before {
    content: "\E012"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrowhead-w:before {
    content: "\E013"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrowhead-ew:before {
    content: "\E014"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-arrowhead-ns:before {
    content: "\E015"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-move:before {
    content: "\E016"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-resize:before {
    content: "\E017"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-resize-45:before {
    content: "\E018"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-resize-135:before {
    content: "\E019"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-resize-h:before {
    content: "\E01A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-resize-v:before {
    content: "\E01B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-refresh:before {
    content: "\E01C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-refresh-rev:before {
    content: "\E01D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-srefresh:before, html body.yp .yp-portlet .km-root .km-icon-label.k-si-refresh:before {
    content: "\E01E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-srefresh-rev:before, html body.yp .yp-portlet .km-root .km-icon-label.k-si-refresh-rev:before {
    content: "\E01F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-turn-en:before {
    content: "\E020"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-turn-es:before {
    content: "\E021"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-turn-ne:before {
    content: "\E022"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-turn-nw:before {
    content: "\E023"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-turn-se:before {
    content: "\E024"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-turn-sw:before {
    content: "\E025"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-turn-wn:before {
    content: "\E026"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-turn-ws:before {
    content: "\E027"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-uturn-e:before {
    content: "\E028"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-uturn-e-rev:before {
    content: "\E029"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-uturn-n:before {
    content: "\E02A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-uturn-n-rev:before {
    content: "\E02B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-uturn-s:before {
    content: "\E02C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-uturn-s-rev:before {
    content: "\E02D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-uturn-w:before {
    content: "\E02E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-uturn-w-rev:before {
    content: "\E02F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-tick-sign:before {
    content: "\E030"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-close-sign:before {
    content: "\E031"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-plus-sign:before {
    content: "\E032"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-minus-sign:before {
    content: "\E033"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-splus-sign:before, html body.yp .yp-portlet .km-root .km-icon-label.k-si-plus-sign:before {
    content: "\E034"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sminus-sign:before, html body.yp .yp-portlet .km-root .km-icon-label.k-si-minus-sign:before {
    content: "\E035"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-cancel:before {
    content: "\E036"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-tick:before {
    content: "\E037"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-close:before {
    content: "\E038"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-plus:before {
    content: "\E039"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-minus:before {
    content: "\E03A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-splus:before, html body.yp .yp-portlet .km-root .km-icon-label.k-si-plus:before {
    content: "\E03B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sminus:before, html body.yp .yp-portlet .km-root .km-icon-label.k-si-minus:before {
    content: "\E03C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-stop:before {
    content: "\E03D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-pause:before {
    content: "\E03E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-eject:before {
    content: "\E03F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-volume-off:before {
    content: "\E040"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-volume-low:before {
    content: "\E041"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-volume-high:before {
    content: "\E042"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-earphones:before {
    content: "\E043"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-heart:before {
    content: "\E044"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-heart-empty:before {
    content: "\E045"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-heart-half:before {
    content: "\E046"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-star:before {
    content: "\E047"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-star-empty:before {
    content: "\E048"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-star-half:before {
    content: "\E049"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-star-half-empty:before {
    content: "\E04A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-chart-column:before {
    content: "\E04B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-chart-bar:before {
    content: "\E04C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-chart-pie:before {
    content: "\E04D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-chart-donut:before {
    content: "\E04E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-chart-line:before {
    content: "\E04F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-chart-area:before {
    content: "\E050"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-chart-donut:before {
    content: "\E051"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-align-left:before {
    content: "\E052"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-align-center:before {
    content: "\E053"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-align-right:before {
    content: "\E054"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-align-justify:before {
    content: "\E055"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-align-clear:before {
    content: "\E056"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-bold:before {
    content: "\E057"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-bold-sans:before {
    content: "\E058"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-italic:before {
    content: "\E059"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-italic-sans:before {
    content: "\E05A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-underline:before {
    content: "\E05B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-underline-sans:before {
    content: "\E05C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-strikethrough:before {
    content: "\E05D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-strikethrough-sans:before {
    content: "\E05E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-font-a:before {
    content: "\E05F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-font-a-sans:before {
    content: "\E060"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-font-t:before {
    content: "\E061"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-font-t-sans:before {
    content: "\E062"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-brightness:before {
    content: "\E063"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-brightness-contrast:before {
    content: "\E064"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-contrast:before {
    content: "\E065"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-crop:before {
    content: "\E066"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-mirror:before {
    content: "\E067"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-flip-h:before {
    content: "\E068"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-flip-v:before {
    content: "\E069"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-rotate:before {
    content: "\E06A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-rotate-rev:before {
    content: "\E06B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-filter:before {
    content: "\E06C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-filter-clear:before {
    content: "\E06D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sort-asc:before {
    content: "\E06E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sort-desc:before {
    content: "\E06F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sort-clear:before {
    content: "\E070"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-indent:before {
    content: "\E071"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-outdent:before {
    content: "\E072"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-hyperlink:before {
    content: "\E073"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-hyperlink-clear:before {
    content: "\E074"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-hyperlink-ext:before {
    content: "\E075"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-si-hyperlink-ext:before {
    content: "\E076"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-ul:before {
    content: "\E077"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-si-ul:before {
    content: "\E078"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-paint:before {
    content: "\E079"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-paste:before {
    content: "\E07A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-pencil:before {
    content: "\E07B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-image:before {
    content: "\E07C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-image-add:before {
    content: "\E07D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-print:before {
    content: "\E07E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-zoom:before {
    content: "\E07F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-zoom-in:before {
    content: "\E080"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-zoom-out:before {
    content: "\E081"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-asterisk:before {
    content: "\E082"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-clip:before {
    content: "\E083"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-clip-45:before {
    content: "\E084"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-qrcode:before {
    content: "\E085"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-book:before {
    content: "\E086"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-bookmark:before {
    content: "\E087"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-briefcase:before {
    content: "\E088"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-calendar:before {
    content: "\E089"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-camera-still:before {
    content: "\E08A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-camera-video:before {
    content: "\E08B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-certificate:before {
    content: "\E08C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-clock:before {
    content: "\E08D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-cloud:before {
    content: "\E08E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-collapse:before {
    content: "\E08F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-columns:before {
    content: "\E090"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-comment:before {
    content: "\E091"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-comment-empty:before {
    content: "\E092"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-comments:before {
    content: "\E093"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-comments-empty:before {
    content: "\E094"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-credit-card:before {
    content: "\E095"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-download:before {
    content: "\E096"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-draghandle:before {
    content: "\E097"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-si-draghandle:before {
    content: "\E098"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-envelop:before {
    content: "\E099"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-envelop-open:before {
    content: "\E09A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-eye:before {
    content: "\E09B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-file:before {
    content: "\E09C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-file-add:before {
    content: "\E09D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-film:before {
    content: "\E09E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-flag:before {
    content: "\E09F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-folder-add:before {
    content: "\E0A0"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-folder:before {
    content: "\E0A1"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-folder-open:before {
    content: "\E0A2"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-folder-up:before {
    content: "\E0A3"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-gear:before {
    content: "\E0A4"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-si-gear:before {
    content: "\E0A5"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-transmit:before {
    content: "\E0A6"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-beer:before {
    content: "\E0A7"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-cocktail:before {
    content: "\E0A8"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-coffee:before {
    content: "\E0A9"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-wine:before {
    content: "\E0AA"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-grid:before {
    content: "\E0AB"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-thumbs:before {
    content: "\E0AC"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-split-h:before {
    content: "\E0AD"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-split-v:before {
    content: "\E0AE"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-home:before {
    content: "\E0AF"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-inbox:before {
    content: "\E0B0"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-key:before {
    content: "\E0B1"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-login:before {
    content: "\E0B2"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-logout:before {
    content: "\E0B3"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-place:before {
    content: "\E0B4"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-megaphone:before {
    content: "\E0B5"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-note:before {
    content: "\E0B6"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-pin:before {
    content: "\E0B7"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-unpin:before {
    content: "\E0B8"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-power:before {
    content: "\E0B9"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-progress-bars:before {
    content: "\E0BA"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-road:before {
    content: "\E0BB"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-rss:before {
    content: "\E0BC"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-floppy:before {
    content: "\E0BD"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sitemap:before {
    content: "\E0BE"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-tag-45:before {
    content: "\E0BF"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-tag-h:before {
    content: "\E0C0"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-thunderbolt:before {
    content: "\E0C1"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-tooltip:before {
    content: "\E0C2"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-trash:before {
    content: "\E0C3"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-trophy:before {
    content: "\E0C4"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-ungroup:before {
    content: "\E0C5"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-upload:before {
    content: "\E0C6"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-window:before {
    content: "\E0C7"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-tiles:before {
    content: "\E0C8"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-wrench:before {
    content: "\E0C9"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-action:before {
    content: "\E0CA"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-add:before {
    content: "\E0CB"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-add-inv:before {
    content: "\E0CC"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-armchair:before {
    content: "\E0CD"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-battery:before {
    content: "\E0CE"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-book-open:before {
    content: "\E0CF"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-camera:before {
    content: "\E0D0"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-cart:before {
    content: "\E0D1"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-time:before {
    content: "\E0D2"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-coffee-card:before {
    content: "\E0D3"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-download-arrow:before {
    content: "\E0D4"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-edit:before {
    content: "\E0D5"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-faves:before {
    content: "\E0D6"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-star:before {
    content: "\E0D7"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-featured:before {
    content: "\E0D8"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-forward:before {
    content: "\E0D9"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-cog:before {
    content: "\E0DA"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-globe:before {
    content: "\E0DB"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-globe-inv:before {
    content: "\E0DC"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-house:before {
    content: "\E0DD"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-info:before {
    content: "\E0DE"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-share:before {
    content: "\E0DF"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-more-h:before {
    content: "\E0E0"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-more-v:before {
    content: "\E0E1"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-next:before {
    content: "\E0E2"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-pause-a:before {
    content: "\E0E3"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-user:before {
    content: "\E0E4"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-play-a:before {
    content: "\E0E5"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-refresh-a:before {
    content: "\E0E6"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-reset:before {
    content: "\E0E7"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-rewind:before {
    content: "\E0E8"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-search-a:before {
    content: "\E0E9"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-stop-a:before {
    content: "\E0EA"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-tiles-a:before {
    content: "\E0EB"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-trash-a:before {
    content: "\E0EC"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-undo:before {
    content: "\E0ED"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-redo:before {
    content: "\E0EE"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-volume-a:before {
    content: "\E0EF"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-wifi:before {
    content: "\E0F0"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-more-lines:before {
    content: "\E0F1"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-pull-to-ref:before {
    content: "\E0F2"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-loading-android:before {
    content: "\E0F3"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-loading-blackberry:before {
    content: "\E0F4"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-loading-meego:before {
    content: "\E0F5"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-loading-custom:before {
    content: "\E0F6"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-loading-ios:before {
    content: "\E0F7"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-bug:before {
    content: "\E0F8"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-info:before {
    content: "\E0F9"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-warning:before {
    content: "\E0FA"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-question:before {
    content: "\E0FB"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-insert-n:before {
    content: "\E0FC"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-insert-m:before {
    content: "\E0FD"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-insert-s:before {
    content: "\E0FE"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-lock:before {
    content: "\E0FF"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-unlock:before {
    content: "\E100"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-phone:before {
    content: "\E101"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-tablet:before {
    content: "\E102"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-ol:before {
    content: "\E103"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-barcode:before {
    content: "\E104"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-html5:before {
    content: "\E105"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-css3:before {
    content: "\E106"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-kendoui:before {
    content: "\E107"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-telerik:before {
    content: "\E108"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-icenium:before {
    content: "\E109"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-sitefinity:before {
    content: "\E10A"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-twitter:before {
    content: "\E10B"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-linkedin:before {
    content: "\E10C"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-facebook:before {
    content: "\E10D"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-pinterest:before {
    content: "\E10E"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-youtube:before {
    content: "\E10F"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-vimeo:before {
    content: "\E110"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-behance:before {
    content: "\E111"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-dribbble:before {
    content: "\E112"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-googleplus:before {
    content: "\E113"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-minimize:before {
    content: "\E114"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-html:before {
    content: "\E115"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-group:before {
    content: "\E116"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-subscript:before {
    content: "\E117"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-superscript:before {
    content: "\E118"; }
  html body.yp .yp-portlet .km-root .km-icon-label.k-i-drophere:before {
    content: "\E119"; }
  html body.yp .yp-portlet .km-root .km-popup .k-item, html body.yp .yp-portlet .km-widget.km-actionsheet > li {
    list-style-type: none;
    padding: inherit 1em;
    border-bottom: 1px solid #555;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-widget.km-actionsheet > li {
    line-height: 2em;
    border-bottom: 0; }
  html body.yp .yp-portlet .km-widget.km-actionsheet > li > a {
    line-height: 1.5em;
    text-align: left;
    background: 0 0; }
  html body.yp .yp-portlet .km-root .km-popup .k-list, html body.yp .yp-portlet .km-widget.km-actionsheet {
    padding: 0;
    margin: 0; }
  html body.yp .yp-portlet .km-root .km-popup .k-item:last-child, html body.yp .yp-portlet .km-widget.km-actionsheet > li:last-child {
    border: 0; }
  html body.yp .yp-portlet .km-widget.km-actionsheet-wrapper {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0; }
  html body.yp .yp-portlet .km-actionsheet-root.km-shim .k-animation-container {
    width: 100% !important;
    height: 100% !important; }
  html body.yp .yp-portlet .km-tablet .km-pane div.km-actionsheet-phone {
    background: 0 0; }
  html body.yp .yp-portlet .km-tablet .km-actionsheet-phone li.km-actionsheet-title, html body.yp .yp-portlet .km-tablet div.km-actionsheet-phone li.km-actionsheet-cancel {
    display: block; }
  html body.yp .yp-portlet .km-popover-root .km-popup-wrapper {
    position: relative !important; }
  html body.yp .yp-portlet .km-modalview-wrapper, html body.yp .yp-portlet .km-popup-wrapper {
    z-index: 10001;
    position: relative;
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .km-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10002; }
  html body.yp .yp-portlet .km-popup-arrow, html body.yp .yp-portlet .km-popup-arrow:after, html body.yp .yp-portlet .km-popup-arrow:before {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    z-index: 2; }
  html body.yp .yp-portlet .km-left .km-popup-arrow, html body.yp .yp-portlet .km-right .km-popup-arrow {
    margin-top: -8px; }
  html body.yp .yp-portlet .km-down .km-popup-arrow, html body.yp .yp-portlet .km-up .km-popup-arrow {
    margin-left: -8px; }
  html body.yp .yp-portlet .km-popup-arrow:after, html body.yp .yp-portlet .km-popup-arrow:before {
    display: block;
    content: "\a0";
    width: 0;
    height: 0; }
  html body.yp .yp-portlet .km-up .km-popup-arrow {
    top: auto;
    bottom: 0; }
  html body.yp .yp-portlet .km-left .km-popup-arrow {
    left: auto;
    right: 0; }
  html body.yp .yp-portlet .km-popup.km-pane {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 100px;
    background: 0 0; }
  html body.yp .yp-portlet .km-popover-root .km-view {
    position: relative; }
  html body.yp .yp-portlet .km-popover-root .km-content {
    -ms-flex: auto; }
  html body.yp .yp-portlet .km-drawer, html body.yp .yp-portlet [data-role=drawer] {
    top: 0;
    left: auto;
    width: 250px; }
  html body.yp .yp-portlet .km-drawer .km-footer, html body.yp .yp-portlet .km-drawer .km-header {
    z-index: 0; }
  html body.yp .yp-portlet .km-left-drawer {
    left: 0; }
  html body.yp .yp-portlet .km-right-drawer {
    right: 0; }
  html body.yp .yp-portlet .km-modalview-root {
    text-align: center; }
  html body.yp .yp-portlet .km-modalview-root > .k-animation-container {
    text-align: left;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: inline-block !important;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-modalview, html body.yp .yp-portlet .km-modalview-wrapper:before {
    overflow: hidden;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    max-height: 100%; }
  html body.yp .yp-portlet .km-modalview .km-content {
    box-flex: 1; }
  html body.yp .yp-portlet .km-auto-height .km-content {
    -ms-flex: auto; }
  html body.yp .yp-portlet .km-native-scrolling .km-view.km-modalview {
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  html body.yp .yp-portlet .km-modalview-root:before, html body.yp .yp-portlet .km-modalview-wrapper:before {
    vertical-align: middle;
    height: 100%;
    margin-left: -1px;
    content: "\a0";
    width: 0;
    display: inline-block; }
  html body.yp .yp-portlet .km-scroller-pull {
    width: 100%;
    display: block;
    position: absolute;
    line-height: 3em;
    font-size: 1.4em;
    text-align: center;
    -webkit-transform: translate3d(0, -3em, 0);
    transform: translate3d(0, -3em, 0); }
  html body.yp .yp-portlet .km-scroller-pull .km-template {
    display: inline-block;
    min-width: 200px;
    text-align: left; }
  html body.yp .yp-portlet .km-load-more .km-icon, html body.yp .yp-portlet .km-widget .km-scroller-pull .km-icon {
    display: inline-block;
    height: 2rem;
    margin-right: 1rem;
    vertical-align: middle;
    width: 2rem;
    font-size: 2rem;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear; }
  html body.yp .yp-portlet .km-widget .km-scroller-release .km-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  html body.yp .yp-portlet .km-widget .km-scroller-refresh .km-icon {
    -webkit-transition: none;
    transition: none; }
  html body.yp .yp-portlet .km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .4em;
    width: .4em;
    background-color: #333;
    opacity: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear; }
  html body.yp .yp-portlet .km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 0; }
  html body.yp .yp-portlet .km-horizontal-scrollbar {
    width: 100%;
    left: 0;
    bottom: 2px; }
  html body.yp .yp-portlet .km-scroll-container, html body.yp .yp-portlet .km-scrollview {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    -webkit-margin-collapse: separate;
    margin-collapse: separate; }
  html body.yp .yp-portlet .km-scroll-wrapper {
    position: relative; }
  html body.yp .yp-portlet .km-scroll-header {
    position: absolute;
    z-index: 1001;
    width: 100%;
    top: 0;
    left: 0; }
  html body.yp .yp-portlet div.km-splitview > .km-content, html body.yp .yp-portlet kendo-mobile-split-view.km-splitview > .km-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  html body.yp .yp-portlet div.km-split-vertical > .km-content, html body.yp .yp-portlet kendo-mobile-split-view.km-split-vertical > .km-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  html body.yp .yp-portlet div.km-split-content > .km-pane {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    width: auto;
    height: auto; }
  html body.yp .yp-portlet div.km-split-content > .km-pane:first-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  html body.yp .yp-portlet div.km-split-horizontal > .km-content > .km-pane {
    top: 0;
    bottom: 0; }
  html body.yp .yp-portlet .km-split-vertical > .km-content > .km-pane > .km-view {
    display: -webkit-box; }
  html body.yp .yp-portlet .k-fx-end .k-fx-current, html body.yp .yp-portlet .k-fx-end .k-fx-next {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out; }
  html body.yp .yp-portlet .k-fx {
    position: relative; }
  html body.yp .yp-portlet .k-fx .k-fx-current {
    z-index: 0; }
  html body.yp .yp-portlet .k-fx .k-fx-next {
    z-index: 1; }
  html body.yp .yp-portlet .k-fx-hidden, html body.yp .yp-portlet .k-fx-hidden * {
    visibility: hidden !important; }
  html body.yp .yp-portlet .k-fx-reverse .k-fx-current {
    z-index: 1; }
  html body.yp .yp-portlet .k-fx-reverse .k-fx-next {
    z-index: 0; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-start .k-fx-next {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-end .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next, html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important; }
  html body.yp .yp-portlet .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-start .k-fx-next {
    will-change: opacity;
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-end .k-fx-next {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: opacity;
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-content, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-header, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-content, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-header {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-start .k-fx-next .km-content {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-start .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-start .k-fx-next .km-header {
    will-change: opacity;
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-end .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
    will-change: opacity;
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
    opacity: 0; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer, html body.yp .yp-portlet .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
    opacity: 1; }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next, html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%); }
  html body.yp .yp-portlet .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%); }
  html body.yp .yp-portlet .km-on-wp .km-filter-reset, html body.yp .yp-portlet .km-on-wp .km-footer, html body.yp .yp-portlet .km-on-wp .km-header, html body.yp .yp-portlet .km-on-wp .km-scroll-container, html body.yp .yp-portlet .km-on-wp .km-shim .k-animation-container, html body.yp .yp-portlet .km-on-wp .km-slider, html body.yp .yp-portlet .km-on-wp .km-switch, html body.yp .yp-portlet .km-on-wp .km-view {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  html body.yp .yp-portlet .km-blackberry, html body.yp .yp-portlet .km-ios, html body.yp .yp-portlet .km-on-android.km-4 .k-slider, html body.yp .yp-portlet .km-on-blackberry .km-actionsheet-wrapper, html body.yp .yp-portlet .km-on-blackberry .km-content, html body.yp .yp-portlet .km-on-blackberry .km-footer, html body.yp .yp-portlet .km-on-blackberry .km-header, html body.yp .yp-portlet .km-on-blackberry .km-icon, html body.yp .yp-portlet .km-on-blackberry .km-popup .k-item, html body.yp .yp-portlet .km-on-blackberry .km-switch, html body.yp .yp-portlet .km-on-blackberry .km-view, html body.yp .yp-portlet .km-on-ios .km-filter-reset, html body.yp .yp-portlet .km-on-ios .km-footer, html body.yp .yp-portlet .km-on-ios .km-group-title, html body.yp .yp-portlet .km-on-ios .km-header, html body.yp .yp-portlet .km-on-ios .km-scroll-container, html body.yp .yp-portlet .km-on-ios .km-shim .k-animation-container, html body.yp .yp-portlet .km-on-ios .km-slider, html body.yp .yp-portlet .km-on-ios .km-switch, html body.yp .yp-portlet .km-on-ios .km-view {
    -webkit-transform: translatez(0); }
  html body.yp .yp-portlet .km-android.km-4.km-on-android .km-switch-wrapper, html body.yp .yp-portlet .km-on-android.km-4 .km-content, html body.yp .yp-portlet .km-on-android.km-4 .km-listview-wrapper, html body.yp .yp-portlet .km-on-android.km-4 .km-scroll-container, html body.yp .yp-portlet .km-on-android.km-4 .km-switch, html body.yp .yp-portlet .km-on-android.km-4 .km-switch-handle, html body.yp .yp-portlet .km-on-meego .km-content, html body.yp .yp-portlet .km-on-meego .km-footer, html body.yp .yp-portlet .km-on-meego .km-header, html body.yp .yp-portlet .km-on-meego .km-icon, html body.yp .yp-portlet .km-on-meego .km-switch, html body.yp .yp-portlet .km-on-meego .km-switch-handle, html body.yp .yp-portlet .km-on-meego .km-switch-wrapper {
    -webkit-transform: translatez(0);
    -webkit-backface-visibility: hidden; }
  html body.yp .yp-portlet .km-android4.km-ios-chrome .km-listview-wrapper {
    -webkit-transform: none; }
  html body.yp .yp-portlet .km-native-scrolling .km-drawer, html body.yp .yp-portlet .km-native-scrolling .km-footer, html body.yp .yp-portlet .km-native-scrolling .km-header, html body.yp .yp-portlet .km-native-scrolling .km-popup-overlay, html body.yp .yp-portlet .km-native-scrolling .km-shim, html body.yp .yp-portlet .km-native-scrolling > .km-pane > .km-loader, html body.yp .yp-portlet .km-on-android.km-4 .km-scroller-pull .km-icon {
    -webkit-backface-visibility: hidden; }
  html body.yp .yp-portlet .km-on-android.km-4 input {
    -webkit-user-modify: read-write-plaintext-only; }
  html body.yp .yp-portlet .km-meego .km-view .km-absolute, html body.yp .yp-portlet .km-wp .km-view .km-absolute {
    position: absolute; }
  html body.yp .yp-portlet .km-widget {
    font-size: 1em; }
  html body.yp .yp-portlet .km-root .km-filter-reset, html body.yp .yp-portlet .km-root .km-group-title, html body.yp .yp-portlet .km-root .km-pane, html body.yp .yp-portlet .km-root .km-shim .k-animation-container, html body.yp .yp-portlet .km-root .km-slider, html body.yp .yp-portlet .km-root .km-switch, html body.yp .yp-portlet .km-root .km-view {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  html body.yp .yp-portlet .km-widget, html body.yp .yp-portlet .km-widget * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box; }
  html body.yp .yp-portlet .km-navbar, html body.yp .yp-portlet .km-tabstrip, html body.yp .yp-portlet .km-tabstrip .km-button, html body.yp .yp-portlet .km-toolbar {
    border-radius: 0; }
  html body.yp .yp-portlet .km-touch-scrollbar {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1em; }
  html body.yp .yp-portlet .km-popup .k-popup {
    font-size: 1em !important; }
  html body.yp .yp-portlet .km-popup-wrapper.k-popup {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0; }
  html body.yp .yp-portlet .km-actionsheet > li > a, html body.yp .yp-portlet .km-popup .k-item {
    text-decoration: none;
    padding: .5em 0 .5em .6em;
    border: 0;
    border-radius: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-actionsheet-wrapper, html body.yp .yp-portlet .km-popup .k-list-container {
    bottom: 0;
    border: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-popup {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .km-popup .k-list-container {
    width: 100% !important;
    height: auto !important;
    max-height: 80%; }
  html body.yp .yp-portlet .km-shim .k-animation-container {
    left: 0;
    top: auto;
    bottom: 0; }
  html body.yp .yp-portlet .km-loader:before, html body.yp .yp-portlet .km-scroller-pull, html body.yp .yp-portlet .km-scroller-refresh.km-load-more {
    border-radius: 20em;
    overflow: visible; }
  html body.yp .yp-portlet .km-loader:before {
    content: "\a0";
    display: block;
    position: absolute;
    margin-top: -2em;
    margin-left: -2em;
    width: 4em;
    height: 4em;
    top: 50%;
    left: 50%;
    border-radius: 5em; }
  html body.yp .yp-portlet .km-loader {
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .km-loader h1 {
    display: none;
    font-size: 1em;
    position: absolute;
    left: -50%;
    width: 200%;
    top: 55%; }
  html body.yp .yp-portlet .km-load-more.km-scroller-refresh .km-icon, html body.yp .yp-portlet .km-loader .km-loading-left, html body.yp .yp-portlet .km-loader .km-loading-right, html body.yp .yp-portlet .km-loading, html body.yp .yp-portlet .km-scroller-pull.km-scroller-refresh .km-icon, html body.yp .yp-portlet .km-scroller-refresh .km-loading-left, html body.yp .yp-portlet .km-scroller-refresh .km-loading-right {
    font-size: 1em;
    display: block;
    width: .36em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.8em;
    margin-top: -.5em;
    border-radius: 1em;
    -webkit-animation: km-webload .6s infinite linear;
    animation: km-webload .6s infinite linear;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  html body.yp .yp-portlet .km-load-more.km-scroller-refresh .km-icon, html body.yp .yp-portlet .km-scroller-pull.km-scroller-refresh .km-icon, html body.yp .yp-portlet .km-scroller-refresh .km-loading-left, html body.yp .yp-portlet .km-scroller-refresh .km-loading-right {
    height: .6em;
    margin-top: -.3em;
    margin-left: -.6em;
    width: .25em;
    -webkit-animation: km-webrefresh .6s infinite linear;
    animation: km-webrefresh .6s infinite linear; }
  html body.yp .yp-portlet .km-root .km-loading-left {
    margin-left: -.2em;
    -webkit-animation-delay: .2s;
    animation-delay: .2s; }
  html body.yp .yp-portlet .km-root .km-loading-right {
    margin-left: .42em;
    -webkit-animation-delay: .4s;
    animation-delay: .4s; }

@keyframes km-webload {
  0% {
    height: 1em;
    margin-top: -.5em; }
  33% {
    height: 2em;
    margin-top: -1em; }
  66% {
    height: 1em;
    margin-top: -.5em; } }

@-webkit-keyframes km-webload {
  0% {
    height: 1em;
    margin-top: -.5em; }
  33% {
    height: 2em;
    margin-top: -1em; }
  66% {
    height: 1em;
    margin-top: -.5em; } }

@keyframes km-webrefresh {
  0% {
    height: .6em;
    margin-top: -.3em; }
  33% {
    height: 1.2em;
    margin-top: -.6em; }
  66% {
    height: .6em;
    margin-top: -.3em; } }

@-webkit-keyframes km-webrefresh {
  0% {
    height: .6em;
    margin-top: -.3em; }
  33% {
    height: 1.2em;
    margin-top: -.6em; }
  66% {
    height: .6em;
    margin-top: -.3em; } }
  html body.yp .yp-portlet .km-button .km-icon, html body.yp .yp-portlet .km-detail .km-icon, html body.yp .yp-portlet .km-ios .km-button .km-icon, html body.yp .yp-portlet .km-list .km-icon {
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin-left: -.3em;
    margin-right: .3em;
    vertical-align: baseline;
    display: inline-block;
    -webkit-background-size: auto 100%;
    background-size: auto 100%; }
  html body.yp .yp-portlet html .km-widget .km-view .km-notext {
    margin-left: 0;
    margin-right: 0; }
  html body.yp .yp-portlet .km-buttongroup .km-button .km-icon {
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin: .05em .16em 0 0; }
  html body.yp .yp-portlet .km-tabstrip .km-button .km-icon {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 2.5rem; }
  html body.yp .yp-portlet .km-tabstrip .km-button .km-icon, html body.yp .yp-portlet .km-tabstrip .km-image {
    margin: 0 auto .1em;
    display: inline-block; }
  html body.yp .yp-portlet .km-tabstrip .km-text {
    display: block; }
  html body.yp .yp-portlet .km-phone .km-tabstrip .km-icon {
    height: 2.2rem;
    width: 2.2rem;
    font-size: 2.2rem; }
  html body.yp .yp-portlet .km-phone .km-horizontal .km-tabstrip .km-icon {
    height: 2rem;
    width: 2rem;
    font-size: 2rem; }

@font-face {
  html body.yp .yp-portlet {
    font-family: "Kendo UI";
    src: url(images/kendoui.woff?v=1.1) format("woff"), url(images/kendoui.ttf?v=1.1) format("truetype"), url(images/kendoui.svg#kendoui) format("svg"); } }
  html body.yp .yp-portlet body:before {
    font-family: "Kendo UI";
    content: "\a0";
    font-size: 0;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1; }
  html body.yp .yp-portlet .km-root .km-pane .km-view .km-icon {
    -webkit-background-clip: text;
    -webkit-background-size: 0 0;
    background-size: 0 0; }
  html body.yp .yp-portlet .km-icon {
    position: relative; }
  html body.yp .yp-portlet .km-contactadd:after, html body.yp .yp-portlet .km-contactadd:before, html body.yp .yp-portlet .km-detaildisclose:after, html body.yp .yp-portlet .km-detaildisclose:before, html body.yp .yp-portlet .km-filter-wrap:before, html body.yp .yp-portlet .km-icon:after, html body.yp .yp-portlet .km-icon:before, html body.yp .yp-portlet .km-loading:after, html body.yp .yp-portlet .km-rowdelete:after, html body.yp .yp-portlet .km-rowdelete:before, html body.yp .yp-portlet .km-rowinsert:after, html body.yp .yp-portlet .km-rowinsert:before {
    position: relative;
    content: "\a0";
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    vertical-align: middle;
    -webkit-background-size: auto auto;
    background-size: auto;
    font: 1em/1em "Kendo UI"; }
  html body.yp .yp-portlet .km-contactadd:before, html body.yp .yp-portlet .km-detaildisclose:before, html body.yp .yp-portlet .km-icon:before, html body.yp .yp-portlet .km-rowdelete:before, html body.yp .yp-portlet .km-rowinsert:before {
    position: absolute;
    margin-top: 1px;
    color: rgba(0, 0, 0, 0.7);
    display: none; }
  html body.yp .yp-portlet .km-state-active .km-contactadd:before, html body.yp .yp-portlet .km-state-active .km-detaildisclose:before, html body.yp .yp-portlet .km-state-active .km-icon:before, html body.yp .yp-portlet .km-state-active .km-rowdelete:before, html body.yp .yp-portlet .km-state-active .km-rowinsert:before {
    display: block; }
  html body.yp .yp-portlet .km-ios7 .km-detaildisclose:after {
    font-family: serif; }
  html body.yp .yp-portlet .km-ios7 .km-contactadd:before, html body.yp .yp-portlet .km-ios7 .km-detaildisclose:before, html body.yp .yp-portlet .km-ios7 .km-icon:before, html body.yp .yp-portlet .km-ios7 .km-rowdelete:before, html body.yp .yp-portlet .km-ios7 .km-rowinsert:before {
    display: none; }
  html body.yp .yp-portlet .k-safari .km-blackberry:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, html body.yp .yp-portlet .k-safari .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, html body.yp .yp-portlet .k-webkit .km-blackberry:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, html body.yp .yp-portlet .k-webkit .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after {
    background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
    background-color: currentcolor;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  html body.yp .yp-portlet .km-root .km-pane.km-on-blackberry.km-blackberry6 .km-view .km-icon:after, html body.yp .yp-portlet .km-root .km-pane.km-on-blackberry.km-blackberry7 .km-view .km-icon:after, html body.yp .yp-portlet .km-root .km-pane.km-pane.km-on-android .km-view .km-icon:after, html body.yp .yp-portlet .km-root .km-pane.km-pane.km-on-meego .km-view .km-icon:after {
    background: 0 0;
    -webkit-text-fill-color: inherit; }
  html body.yp .yp-portlet .km-contactadd:after, html body.yp .yp-portlet .km-contactadd:before, html body.yp .yp-portlet .km-rowinsert:after, html body.yp .yp-portlet .km-rowinsert:before {
    content: "\E039"; }
  html body.yp .yp-portlet .km-rowdelete:after, html body.yp .yp-portlet .km-rowdelete:before {
    content: "\E03a"; }
  html body.yp .yp-portlet .km-detaildisclose:after, html body.yp .yp-portlet .km-detaildisclose:before {
    content: "\E0E2"; }
  html body.yp .yp-portlet .km-action:after, html body.yp .yp-portlet .km-action:before {
    content: "\e0ca"; }
  html body.yp .yp-portlet .km-add:after, html body.yp .yp-portlet .km-add:before {
    content: "\e0cb"; }
  html body.yp .yp-portlet .km-arrow-n:after, html body.yp .yp-portlet .km-arrow-n:before {
    content: "\e001"; }
  html body.yp .yp-portlet .km-arrow-s:after, html body.yp .yp-portlet .km-arrow-s:before {
    content: "\e002"; }
  html body.yp .yp-portlet .km-battery:after, html body.yp .yp-portlet .km-battery:before {
    content: "\e0ce"; }
  html body.yp .yp-portlet .km-bookmarks:after, html body.yp .yp-portlet .km-bookmarks:before {
    content: "\e0cf"; }
  html body.yp .yp-portlet .km-camera:after, html body.yp .yp-portlet .km-camera:before {
    content: "\e0d0"; }
  html body.yp .yp-portlet .km-cart:after, html body.yp .yp-portlet .km-cart:before {
    content: "\e0d1"; }
  html body.yp .yp-portlet .km-compose:after, html body.yp .yp-portlet .km-compose:before, html body.yp .yp-portlet .km-edit:after, html body.yp .yp-portlet .km-edit:before {
    content: "\e0d5"; }
  html body.yp .yp-portlet .km-contacts:after, html body.yp .yp-portlet .km-contacts:before {
    content: "\e0e4"; }
  html body.yp .yp-portlet .km-delete:after, html body.yp .yp-portlet .km-delete:before, html body.yp .yp-portlet .km-trash:after, html body.yp .yp-portlet .km-trash:before {
    content: "\e0ec"; }
  html body.yp .yp-portlet .km-details:after, html body.yp .yp-portlet .km-details:before {
    content: "\e0e2"; }
  html body.yp .yp-portlet .km-download:after, html body.yp .yp-portlet .km-download:before, html body.yp .yp-portlet .km-downloads:after, html body.yp .yp-portlet .km-downloads:before {
    content: "\e0d4"; }
  html body.yp .yp-portlet .km-fastforward:after, html body.yp .yp-portlet .km-fastforward:before {
    content: "\e0d9"; }
  html body.yp .yp-portlet .km-favorites:after, html body.yp .yp-portlet .km-favorites:before, html body.yp .yp-portlet .km-toprated:after, html body.yp .yp-portlet .km-toprated:before {
    content: "\e0d7"; }
  html body.yp .yp-portlet .km-featured:after, html body.yp .yp-portlet .km-featured:before {
    content: "\e0d8"; }
  html body.yp .yp-portlet .km-globe:after, html body.yp .yp-portlet .km-globe:before {
    content: "\e0dc"; }
  html body.yp .yp-portlet .km-history:after, html body.yp .yp-portlet .km-history:before {
    content: "\e0e7"; }
  html body.yp .yp-portlet .km-home:after, html body.yp .yp-portlet .km-home:before {
    content: "\e0dd"; }
  html body.yp .yp-portlet .km-about:after, html body.yp .yp-portlet .km-about:before, html body.yp .yp-portlet .km-info:after, html body.yp .yp-portlet .km-info:before {
    content: "\e0de"; }
  html body.yp .yp-portlet .km-minus:after, html body.yp .yp-portlet .km-minus:before {
    content: "\e033"; }
  html body.yp .yp-portlet .km-more:after, html body.yp .yp-portlet .km-more:before {
    content: "\e0e0"; }
  html body.yp .yp-portlet .km-mostrecent:after, html body.yp .yp-portlet .km-mostrecent:before {
    content: "\e0cc"; }
  html body.yp .yp-portlet .km-mostviewed:after, html body.yp .yp-portlet .km-mostviewed:before {
    content: "\e0d6"; }
  html body.yp .yp-portlet .km-organize:after, html body.yp .yp-portlet .km-organize:before {
    content: "\e0eb"; }
  html body.yp .yp-portlet .km-pause:after, html body.yp .yp-portlet .km-pause:before {
    content: "\e0e3"; }
  html body.yp .yp-portlet .km-play:after, html body.yp .yp-portlet .km-play:before {
    content: "\e0e5"; }
  html body.yp .yp-portlet .km-plus:after, html body.yp .yp-portlet .km-plus:before {
    content: "\e032"; }
  html body.yp .yp-portlet .km-recents:after, html body.yp .yp-portlet .km-recents:before {
    content: "\e0d2"; }
  html body.yp .yp-portlet .km-refresh:after, html body.yp .yp-portlet .km-refresh:before {
    content: "\e0e6"; }
  html body.yp .yp-portlet .km-reply:after, html body.yp .yp-portlet .km-reply:before {
    content: "\e0ed"; }
  html body.yp .yp-portlet .km-rewind:after, html body.yp .yp-portlet .km-rewind:before {
    content: "\e0e8"; }
  html body.yp .yp-portlet .km-search:after, html body.yp .yp-portlet .km-search:before {
    content: "\e0e9"; }
  html body.yp .yp-portlet .km-settings:after, html body.yp .yp-portlet .km-settings:before {
    content: "\e0da"; }
  html body.yp .yp-portlet .km-share:after, html body.yp .yp-portlet .km-share:before {
    content: "\e0df"; }
  html body.yp .yp-portlet .km-sounds:after, html body.yp .yp-portlet .km-sounds:before, html body.yp .yp-portlet .km-volume:after, html body.yp .yp-portlet .km-volume:before {
    content: "\e0ef"; }
  html body.yp .yp-portlet .km-stop:after, html body.yp .yp-portlet .km-stop:before {
    content: "\e0ea"; }
  html body.yp .yp-portlet .km-wifi:after, html body.yp .yp-portlet .km-wifi:before {
    content: "\e0f0"; }
  html body.yp .yp-portlet .km-drawer-icon:after, html body.yp .yp-portlet .km-drawer-icon:before, html body.yp .yp-portlet .km-hamburger:after, html body.yp .yp-portlet .km-hamburger:before {
    content: "\e105"; }
  html body.yp .yp-portlet .km-root .km-pane .km-icon.km-check {
    -webkit-background-clip: initial; }
  html body.yp .yp-portlet .km-root .km-pane .km-check:checked:after, html body.yp .yp-portlet .km-widget .km-check:checked:after {
    content: "\e227"; }
  html body.yp .yp-portlet .km-android .km-more:after, html body.yp .yp-portlet .km-android .km-more:before {
    content: "\e0e1"; }
  html body.yp .yp-portlet .km-meego .km-more:after, html body.yp .yp-portlet .km-meego .km-more:before {
    content: "\e0f1"; }
  html body.yp .yp-portlet .km-wp .km-load-more .km-icon:after, html body.yp .yp-portlet .km-wp .km-loading:after, html body.yp .yp-portlet .km-wp .km-scroller-refresh .km-icon:after {
    content: "\e0f6"; }
  html body.yp .yp-portlet .km-meego .km-load-more .km-icon:after, html body.yp .yp-portlet .km-meego .km-loading:after, html body.yp .yp-portlet .km-meego .km-scroller-refresh .km-icon:after {
    content: "\e0f6"; }
  html body.yp .yp-portlet .km-android .km-load-more .km-icon:after, html body.yp .yp-portlet .km-root .km-android .km-loading:after, html body.yp .yp-portlet .km-root .km-android .km-scroller-refresh .km-icon:after {
    content: "\e0f6"; }
  html body.yp .yp-portlet .km-scroller-pull .km-icon:after {
    content: "\e0f2"; }
  html body.yp .yp-portlet .km-icon.km-phone:after, html body.yp .yp-portlet .km-ios7 .km-state-active .km-phone:after {
    content: "\e326"; }
  html body.yp .yp-portlet .km-ios7 .km-detaildisclose:after {
    content: "i"; }
  html body.yp .yp-portlet .km-ios7 .km-action:after {
    content: "\e1ff"; }
  html body.yp .yp-portlet .km-ios7 .km-add:after {
    content: "\e200"; }
  html body.yp .yp-portlet .km-ios7 .km-mostrecent:after {
    content: "\e201"; }
  html body.yp .yp-portlet .km-ios7 .km-battery:after {
    content: "\e203"; }
  html body.yp .yp-portlet .km-ios7 .km-bookmarks:after {
    content: "\e204"; }
  html body.yp .yp-portlet .km-ios7 .km-camera:after {
    content: "\e205"; }
  html body.yp .yp-portlet .km-ios7 .km-cart:after {
    content: "\e206"; }
  html body.yp .yp-portlet .km-ios7 .km-recents:after {
    content: "\e207"; }
  html body.yp .yp-portlet .km-ios7 .km-download:after, html body.yp .yp-portlet .km-ios7 .km-downloads:after {
    content: "\e209"; }
  html body.yp .yp-portlet .km-ios7 .km-edit:after {
    content: "\e20a"; }
  html body.yp .yp-portlet .km-ios7 .km-mostviewed:after {
    content: "\e20b"; }
  html body.yp .yp-portlet .km-ios7 .km-favorites:after, html body.yp .yp-portlet .km-ios7 .km-toprated:after {
    content: "\e20c"; }
  html body.yp .yp-portlet .km-ios7 .km-featured:after {
    content: "\e20d"; }
  html body.yp .yp-portlet .km-ios7 .km-fastforward:after {
    content: "\e20e"; }
  html body.yp .yp-portlet .km-ios7 .km-settings:after {
    content: "\e20f"; }
  html body.yp .yp-portlet .km-ios7 .km-globe:after {
    content: "\e211"; }
  html body.yp .yp-portlet .km-ios7 .km-home:after {
    content: "\e212"; }
  html body.yp .yp-portlet .km-ios7 .km-about:after, html body.yp .yp-portlet .km-ios7 .km-info:after {
    content: "\e213"; }
  html body.yp .yp-portlet .km-ios7 .km-share:after {
    content: "\e214"; }
  html body.yp .yp-portlet .km-ios7 .km-more:after {
    content: "\e215"; }
  html body.yp .yp-portlet .km-ios7 .km-details:after {
    content: "\e217"; }
  html body.yp .yp-portlet .km-ios7 .km-pause:after {
    content: "\e218"; }
  html body.yp .yp-portlet .km-ios7 .km-contacts:after {
    content: "\e219"; }
  html body.yp .yp-portlet .km-ios7 .km-play:after {
    content: "\e21a"; }
  html body.yp .yp-portlet .km-ios7 .km-refresh:after {
    content: "\e21b"; }
  html body.yp .yp-portlet .km-ios7 .km-history:after {
    content: "\e21c"; }
  html body.yp .yp-portlet .km-ios7 .km-rewind:after {
    content: "\e21d"; }
  html body.yp .yp-portlet .km-ios7 .km-search:after {
    content: "\e21e"; }
  html body.yp .yp-portlet .km-ios7 .km-stop:after {
    content: "\e21f"; }
  html body.yp .yp-portlet .km-ios7 .km-organize:after {
    content: "\e220"; }
  html body.yp .yp-portlet .km-ios7 .km-delete:after, html body.yp .yp-portlet .km-ios7 .km-trash:after {
    content: "\e221"; }
  html body.yp .yp-portlet .km-ios7 .km-reply:after {
    content: "\e222"; }
  html body.yp .yp-portlet .km-ios7 .km-forward:after {
    content: "\e223"; }
  html body.yp .yp-portlet .km-ios7 .km-sounds:after, html body.yp .yp-portlet .km-ios7 .km-volume:after {
    content: "\e224"; }
  html body.yp .yp-portlet .km-ios7 .km-wifi:after {
    content: "\e225"; }
  html body.yp .yp-portlet .km-ios7 .km-phone:after {
    content: "\e226"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-action:after {
    content: "\e2ff"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-add:after {
    content: "\e300"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-mostrecent:after {
    content: "\e301"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-battery:after {
    content: "\e303"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-bookmarks:after {
    content: "\e304"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-camera:after {
    content: "\e305"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-cart:after {
    content: "\e306"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-recents:after {
    content: "\e307"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-download:after, html body.yp .yp-portlet .km-ios7 .km-state-active .km-downloads:after {
    content: "\e309"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-edit:after {
    content: "\e30a"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-mostviewed:after {
    content: "\e30b"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-favorites:after, html body.yp .yp-portlet .km-ios7 .km-state-active .km-toprated:after {
    content: "\e30c"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-featured:after {
    content: "\e30d"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-fastforward:after {
    content: "\e30e"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-settings:after {
    content: "\e30f"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-globe:after {
    content: "\e311"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-home:after {
    content: "\e312"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-about:after, html body.yp .yp-portlet .km-ios7 .km-state-active .km-info:after {
    content: "\e313"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-share:after {
    content: "\e314"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-more:after {
    content: "\e315"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-details:after {
    content: "\e317"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-pause:after {
    content: "\e318"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-contacts:after {
    content: "\e319"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-play:after {
    content: "\e31a"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-refresh:after {
    content: "\e31b"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-history:after {
    content: "\e31c"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-rewind:after {
    content: "\e31d"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-search:after {
    content: "\e31e"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-stop:after {
    content: "\e31f"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-organize:after {
    content: "\e320"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-delete:after, html body.yp .yp-portlet .km-ios7 .km-state-active .km-trash:after {
    content: "\e321"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-reply:after {
    content: "\e322"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-forward:after {
    content: "\e323"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-sounds:after, html body.yp .yp-portlet .km-ios7 .km-state-active .km-volume:after {
    content: "\e324"; }
  html body.yp .yp-portlet .km-ios7 .km-state-active .km-wifi:after {
    content: "\e325"; }
  html body.yp .yp-portlet .km-arrowdown:after, html body.yp .yp-portlet .km-arrowdown:before {
    content: "\e002"; }
  html body.yp .yp-portlet .km-wp .km-scroller-pull .km-icon:after {
    content: "\E0D4"; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-filter-wrap:before, html body.yp .yp-portlet .km-on-wp.km-app .km-icon:after, html body.yp .yp-portlet .km-on-wp.km-app .km-state-active .km-icon:after {
    color: transparent;
    background-image: url(images/wp8_icons.png);
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    height: 1em;
    margin-top: 0;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-wp-light.km-app .km-filter-wrap:before, html body.yp .yp-portlet .km-wp-light.km-app .km-icon:after {
    background-image: url(images/wp8_inverseicons.png); }
  html body.yp .yp-portlet .km-on-wp.km-app .km-icon {
    line-height: 1em; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-icon:before {
    display: none; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-action:after {
    background-position-x: 20%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-add:after, html body.yp .yp-portlet .km-on-wp.km-app .km-filter-reset .km-clear:after {
    background-position-x: 22%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-battery:after {
    background-position-x: 24%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-bookmarks:after {
    background-position-x: 26%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-camera:after {
    background-position-x: 28%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-cart:after {
    background-position-x: 30%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-compose:after, html body.yp .yp-portlet .km-on-wp.km-app .km-edit:after {
    background-position-x: 32%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-contacts:after {
    background-position-x: 34%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-delete:after, html body.yp .yp-portlet .km-on-wp.km-app .km-trash:after {
    background-position-x: 36%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-details:after {
    background-position-x: 38%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-download:after, html body.yp .yp-portlet .km-on-wp.km-app .km-downloads:after {
    background-position-x: 40%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-fastforward:after {
    background-position-x: 42%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-favorites:after, html body.yp .yp-portlet .km-on-wp.km-app .km-toprated:after {
    background-position-x: 44%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-featured:after {
    background-position-x: 46%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-globe:after {
    background-position-x: 48%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-history:after {
    background-position-x: 50%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-home:after {
    background-position-x: 52%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-about:after, html body.yp .yp-portlet .km-on-wp.km-app .km-info:after {
    background-position-x: 54%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-more:after {
    background-position-x: 56%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-mostrecent:after {
    background-position-x: 58%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-mostviewed:after {
    background-position-x: 60%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-organize:after {
    background-position-x: 62%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-pause:after {
    background-position-x: 64%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-play:after {
    background-position-x: 66%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-recents:after {
    background-position-x: 68%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-refresh:after {
    background-position-x: 70%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-reply:after {
    background-position-x: 72%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-rewind:after {
    background-position-x: 74%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-filter-wrap:before, html body.yp .yp-portlet .km-on-wp.km-app .km-search:after {
    background-position-x: 76%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-settings:after {
    background-position-x: 78%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-share:after {
    background-position-x: 80%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-sounds:after, html body.yp .yp-portlet .km-on-wp.km-app .km-volume:after {
    background-position-x: 82%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-stop:after {
    background-position-x: 84%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-wifi:after {
    background-position-x: 86%; }
  html body.yp .yp-portlet .km-on-wp.km-app.km-android .km-more:after {
    background-position-x: 88%; }
  html body.yp .yp-portlet .km-on-wp.km-app.km-meego .km-more:after {
    background-position-x: 90%; }
  html body.yp .yp-portlet .km-on-wp.km-app.km-meego .km-load-more .km-icon:after, html body.yp .yp-portlet .km-on-wp.km-app.km-meego .km-loading:after, html body.yp .yp-portlet .km-on-wp.km-app.km-meego .km-scroller-refresh .km-icon:after {
    background-position-x: 94%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-scroller-pull .km-icon:after {
    background-position-x: 100%; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-filter-wrap:before {
    display: inline-block;
    content: "\a0"; }
  html body.yp .yp-portlet .km-on-wp.km-app .km-filter-reset .km-clear:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrow-e:before {
    content: "\E000"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrow-n:before {
    content: "\E001"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrow-s:before {
    content: "\E002"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrow-w:before {
    content: "\E003"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrow-ne:before {
    content: "\E004"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrow-nw:before {
    content: "\E005"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrow-se:before {
    content: "\E006"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrow-sw:before {
    content: "\E007"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-seek-e:before {
    content: "\E008"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-seek-n:before {
    content: "\E009"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-seek-s:before {
    content: "\E00A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-seek-w:before {
    content: "\E00B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sarrow-e:before, html body.yp .yp-portlet .km-list .km-icon-label.k-si-arrow-e:before {
    content: "\E00C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sarrow-n:before, html body.yp .yp-portlet .km-list .km-icon-label.k-si-arrow-n:before {
    content: "\E00D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sarrow-s:before, html body.yp .yp-portlet .km-list .km-icon-label.k-si-arrow-s:before {
    content: "\E00E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sarrow-w:before, html body.yp .yp-portlet .km-list .km-icon-label.k-si-arrow-w:before {
    content: "\E00F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrowhead-e:before {
    content: "\E010"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrowhead-n:before {
    content: "\E011"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrowhead-s:before {
    content: "\E012"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrowhead-w:before {
    content: "\E013"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrowhead-ew:before {
    content: "\E014"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-arrowhead-ns:before {
    content: "\E015"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-move:before {
    content: "\E016"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-resize:before {
    content: "\E017"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-resize-45:before {
    content: "\E018"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-resize-135:before {
    content: "\E019"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-resize-h:before {
    content: "\E01A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-resize-v:before {
    content: "\E01B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-refresh:before {
    content: "\E01C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-refresh-rev:before {
    content: "\E01D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-srefresh:before, html body.yp .yp-portlet .km-list .km-icon-label.k-si-refresh:before {
    content: "\E01E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-s-srefresh-rev:before, html body.yp .yp-portlet .km-list .km-icon-label.k-si-refresh-rev:before {
    content: "\E01F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-turn-en:before {
    content: "\E020"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-turn-es:before {
    content: "\E021"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-turn-ne:before {
    content: "\E022"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-turn-nw:before {
    content: "\E023"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-turn-se:before {
    content: "\E024"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-turn-sw:before {
    content: "\E025"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-turn-wn:before {
    content: "\E026"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-turn-ws:before {
    content: "\E027"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-uturn-e:before {
    content: "\E028"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-uturn-e-rev:before {
    content: "\E029"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-uturn-n:before {
    content: "\E02A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-uturn-n-rev:before {
    content: "\E02B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-uturn-s:before {
    content: "\E02C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-uturn-s-rev:before {
    content: "\E02D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-uturn-w:before {
    content: "\E02E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-uturn-w-rev:before {
    content: "\E02F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-tick-sign:before {
    content: "\E030"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-close-sign:before {
    content: "\E031"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-plus-sign:before {
    content: "\E032"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-minus-sign:before {
    content: "\E033"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-splus-sign:before, html body.yp .yp-portlet .km-list .km-icon-label.k-si-plus-sign:before {
    content: "\E034"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sminus-sign:before, html body.yp .yp-portlet .km-list .km-icon-label.k-si-minus-sign:before {
    content: "\E035"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-cancel:before {
    content: "\E036"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-tick:before {
    content: "\E037"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-close:before {
    content: "\E038"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-plus:before {
    content: "\E039"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-minus:before {
    content: "\E03A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-splus:before, html body.yp .yp-portlet .km-list .km-icon-label.k-si-plus:before {
    content: "\E03B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sminus:before, html body.yp .yp-portlet .km-list .km-icon-label.k-si-minus:before {
    content: "\E03C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-stop:before {
    content: "\E03D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-pause:before {
    content: "\E03E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-eject:before {
    content: "\E03F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-volume-off:before {
    content: "\E040"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-volume-low:before {
    content: "\E041"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-volume-high:before {
    content: "\E042"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-earphones:before {
    content: "\E043"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-heart:before {
    content: "\E044"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-heart-empty:before {
    content: "\E045"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-heart-half:before {
    content: "\E046"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-star:before {
    content: "\E047"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-star-empty:before {
    content: "\E048"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-star-half:before {
    content: "\E049"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-star-half-empty:before {
    content: "\E04A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-chart-column:before {
    content: "\E04B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-chart-bar:before {
    content: "\E04C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-chart-pie:before {
    content: "\E04D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-chart-donut:before {
    content: "\E04E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-chart-line:before {
    content: "\E04F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-chart-area:before {
    content: "\E050"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-chart-donut:before {
    content: "\E051"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-align-left:before {
    content: "\E052"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-align-center:before {
    content: "\E053"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-align-right:before {
    content: "\E054"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-align-justify:before {
    content: "\E055"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-align-clear:before {
    content: "\E056"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-bold:before {
    content: "\E057"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-bold-sans:before {
    content: "\E058"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-italic:before {
    content: "\E059"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-italic-sans:before {
    content: "\E05A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-underline:before {
    content: "\E05B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-underline-sans:before {
    content: "\E05C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-strikethrough:before {
    content: "\E05D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-strikethrough-sans:before {
    content: "\E05E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-font-a:before {
    content: "\E05F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-font-a-sans:before {
    content: "\E060"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-font-t:before {
    content: "\E061"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-font-t-sans:before {
    content: "\E062"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-brightness:before {
    content: "\E063"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-brightness-contrast:before {
    content: "\E064"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-contrast:before {
    content: "\E065"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-crop:before {
    content: "\E066"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-mirror:before {
    content: "\E067"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-flip-h:before {
    content: "\E068"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-flip-v:before {
    content: "\E069"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-rotate:before {
    content: "\E06A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-rotate-rev:before {
    content: "\E06B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-filter:before {
    content: "\E06C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-filter-clear:before {
    content: "\E06D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sort-asc:before {
    content: "\E06E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sort-desc:before {
    content: "\E06F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sort-clear:before {
    content: "\E070"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-indent:before {
    content: "\E071"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-outdent:before {
    content: "\E072"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-hyperlink:before {
    content: "\E073"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-hyperlink-clear:before {
    content: "\E074"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-hyperlink-ext:before {
    content: "\E075"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-si-hyperlink-ext:before {
    content: "\E076"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-ul:before {
    content: "\E077"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-si-ul:before {
    content: "\E078"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-paint:before {
    content: "\E079"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-paste:before {
    content: "\E07A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-pencil:before {
    content: "\E07B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-image:before {
    content: "\E07C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-image-add:before {
    content: "\E07D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-print:before {
    content: "\E07E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-zoom:before {
    content: "\E07F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-zoom-in:before {
    content: "\E080"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-zoom-out:before {
    content: "\E081"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-asterisk:before {
    content: "\E082"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-clip:before {
    content: "\E083"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-clip-45:before {
    content: "\E084"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-qrcode:before {
    content: "\E085"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-book:before {
    content: "\E086"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-bookmark:before {
    content: "\E087"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-briefcase:before {
    content: "\E088"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-calendar:before {
    content: "\E089"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-camera-still:before {
    content: "\E08A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-camera-video:before {
    content: "\E08B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-certificate:before {
    content: "\E08C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-clock:before {
    content: "\E08D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-cloud:before {
    content: "\E08E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-collapse:before {
    content: "\E08F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-columns:before {
    content: "\E090"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-comment:before {
    content: "\E091"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-comment-empty:before {
    content: "\E092"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-comments:before {
    content: "\E093"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-comments-empty:before {
    content: "\E094"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-credit-card:before {
    content: "\E095"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-download:before {
    content: "\E096"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-draghandle:before {
    content: "\E097"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-si-draghandle:before {
    content: "\E098"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-envelop:before {
    content: "\E099"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-envelop-open:before {
    content: "\E09A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-eye:before {
    content: "\E09B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-file:before {
    content: "\E09C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-file-add:before {
    content: "\E09D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-film:before {
    content: "\E09E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-flag:before {
    content: "\E09F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-folder-add:before {
    content: "\E0A0"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-folder:before {
    content: "\E0A1"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-folder-open:before {
    content: "\E0A2"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-folder-up:before {
    content: "\E0A3"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-gear:before {
    content: "\E0A4"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-si-gear:before {
    content: "\E0A5"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-transmit:before {
    content: "\E0A6"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-beer:before {
    content: "\E0A7"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-cocktail:before {
    content: "\E0A8"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-coffee:before {
    content: "\E0A9"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-wine:before {
    content: "\E0AA"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-grid:before {
    content: "\E0AB"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-thumbs:before {
    content: "\E0AC"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-split-h:before {
    content: "\E0AD"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-split-v:before {
    content: "\E0AE"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-home:before {
    content: "\E0AF"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-inbox:before {
    content: "\E0B0"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-key:before {
    content: "\E0B1"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-login:before {
    content: "\E0B2"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-logout:before {
    content: "\E0B3"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-place:before {
    content: "\E0B4"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-megaphone:before {
    content: "\E0B5"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-note:before {
    content: "\E0B6"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-pin:before {
    content: "\E0B7"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-unpin:before {
    content: "\E0B8"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-power:before {
    content: "\E0B9"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-progress-bars:before {
    content: "\E0BA"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-road:before {
    content: "\E0BB"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-rss:before {
    content: "\E0BC"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-floppy:before {
    content: "\E0BD"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sitemap:before {
    content: "\E0BE"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-tag-45:before {
    content: "\E0BF"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-tag-h:before {
    content: "\E0C0"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-thunderbolt:before {
    content: "\E0C1"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-tooltip:before {
    content: "\E0C2"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-trash:before {
    content: "\E0C3"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-trophy:before {
    content: "\E0C4"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-ungroup:before {
    content: "\E0C5"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-upload:before {
    content: "\E0C6"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-window:before {
    content: "\E0C7"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-tiles:before {
    content: "\E0C8"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-wrench:before {
    content: "\E0C9"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-action:before {
    content: "\E0CA"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-add:before {
    content: "\E0CB"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-add-inv:before {
    content: "\E0CC"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-armchair:before {
    content: "\E0CD"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-battery:before {
    content: "\E0CE"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-book-open:before {
    content: "\E0CF"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-camera:before {
    content: "\E0D0"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-cart:before {
    content: "\E0D1"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-time:before {
    content: "\E0D2"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-coffee-card:before {
    content: "\E0D3"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-download-arrow:before {
    content: "\E0D4"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-edit:before {
    content: "\E0D5"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-faves:before {
    content: "\E0D6"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-star:before {
    content: "\E0D7"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-featured:before {
    content: "\E0D8"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-forward:before {
    content: "\E0D9"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-cog:before {
    content: "\E0DA"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-globe:before {
    content: "\E0DB"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-globe-inv:before {
    content: "\E0DC"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-house:before {
    content: "\E0DD"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-info:before {
    content: "\E0DE"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-share:before {
    content: "\E0DF"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-more-h:before {
    content: "\E0E0"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-more-v:before {
    content: "\E0E1"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-next:before {
    content: "\E0E2"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-pause-a:before {
    content: "\E0E3"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-user:before {
    content: "\E0E4"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-play-a:before {
    content: "\E0E5"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-refresh-a:before {
    content: "\E0E6"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-reset:before {
    content: "\E0E7"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-rewind:before {
    content: "\E0E8"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-search-a:before {
    content: "\E0E9"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-stop-a:before {
    content: "\E0EA"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-tiles-a:before {
    content: "\E0EB"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-trash-a:before {
    content: "\E0EC"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-undo:before {
    content: "\E0ED"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-redo:before {
    content: "\E0EE"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-volume-a:before {
    content: "\E0EF"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-wifi:before {
    content: "\E0F0"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-more-lines:before {
    content: "\E0F1"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-pull-to-ref:before {
    content: "\E0F2"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-loading-android:before {
    content: "\E0F3"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-loading-blackberry:before {
    content: "\E0F4"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-loading-meego:before {
    content: "\E0F5"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-loading-custom:before {
    content: "\E0F6"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-loading-ios:before {
    content: "\E0F7"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-bug:before {
    content: "\E0F8"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-info:before {
    content: "\E0F9"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-warning:before {
    content: "\E0FA"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-question:before {
    content: "\E0FB"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-insert-n:before {
    content: "\E0FC"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-insert-m:before {
    content: "\E0FD"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-insert-s:before {
    content: "\E0FE"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-lock:before {
    content: "\E0FF"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-unlock:before {
    content: "\E100"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-phone:before {
    content: "\E101"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-tablet:before {
    content: "\E102"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-ol:before {
    content: "\E103"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-barcode:before {
    content: "\E104"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-html5:before {
    content: "\E105"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-css3:before {
    content: "\E106"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-kendoui:before {
    content: "\E107"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-telerik:before {
    content: "\E108"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-icenium:before {
    content: "\E109"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-sitefinity:before {
    content: "\E10A"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-twitter:before {
    content: "\E10B"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-linkedin:before {
    content: "\E10C"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-facebook:before {
    content: "\E10D"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-pinterest:before {
    content: "\E10E"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-youtube:before {
    content: "\E10F"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-vimeo:before {
    content: "\E110"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-behance:before {
    content: "\E111"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-dribbble:before {
    content: "\E112"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-googleplus:before {
    content: "\E113"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-minimize:before {
    content: "\E114"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-html:before {
    content: "\E115"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-group:before {
    content: "\E116"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-subscript:before {
    content: "\E117"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-superscript:before {
    content: "\E118"; }
  html body.yp .yp-portlet .km-list .km-icon-label.k-i-drophere:before {
    content: "\E119"; }
  html body.yp .yp-portlet .km-button {
    margin: 0;
    padding: .3em .8em;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .km-button:hover {
    text-decoration: none; }
  html body.yp .yp-portlet .km-badge {
    border: 0;
    min-width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 5em; }
  html body.yp .yp-portlet .km-detail {
    border-radius: 5em;
    min-width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .km-detaildisclose {
    min-width: 1.8em;
    height: 1.8em;
    line-height: 1.8em; }
  html body.yp .yp-portlet .km-detaildisclose:after, html body.yp .yp-portlet .km-detaildisclose:before {
    left: .1em;
    top: .35em; }
  html body.yp .yp-portlet .km-detail .km-icon:before {
    display: none; }
  html body.yp .yp-portlet .km-buttongroup {
    vertical-align: middle;
    background: 0 0;
    padding: 0;
    margin: 0; }
  html body.yp .yp-portlet .km-buttongroup > * {
    padding: .36em .8em; }
  html body.yp .yp-portlet .km-buttongroup > :not(:first-child):not(:last-child) {
    border-radius: 0; }
  html body.yp .yp-portlet .km-widget.km-buttongroup > .km-state-active, html body.yp .yp-portlet .km-widget.km-buttongroup > :last-child {
    border-right-width: 1px; }
  html body.yp .yp-portlet .km-widget.km-buttongroup > .km-state-active + * {
    border-left-width: 0; }
  html body.yp .yp-portlet .km-navbar {
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .km-header .km-navbar {
    border-width: 0 0 1px; }
  html body.yp .yp-portlet .km-footer .km-navbar {
    border-width: 1px 0 0; }
  html body.yp .yp-portlet .km-tabstrip {
    padding: 0;
    display: table;
    table-layout: fixed; }
  html body.yp .yp-portlet .km-tabstrip .km-button {
    font-size: .7em;
    display: table-cell;
    border: 0; }
  html body.yp .yp-portlet .km-tabstrip .km-icon:before {
    display: none; }
  html body.yp .yp-portlet .km-switch {
    width: 4.2em;
    height: 1.9em;
    line-height: 1.76em;
    overflow: hidden;
    vertical-align: middle; }
  html body.yp .yp-portlet .km-switch-wrapper {
    overflow: hidden; }
  html body.yp .yp-portlet .km-switch-background {
    width: 118%;
    position: relative;
    left: -95%;
    margin-left: 0;
    background: currentcolor; }
  html body.yp .yp-portlet .km-switch .km-switch-background {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html body.yp .yp-portlet .km-switch-container {
    padding: 1px 0 1px 1px;
    border-width: 0; }
  html body.yp .yp-portlet .km-switch-handle {
    width: 1.6em;
    margin: 0 4px 0 0;
    border: 1px solid transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 0 1px currentcolor,0 -1px 0 1px currentcolor;
    box-shadow: 0 1px 0 1px currentcolor,0 -1px 0 1px currentcolor; }
  html body.yp .yp-portlet .km-switch-label-off {
    left: 101%; }
  html body.yp .yp-portlet .km-switch-label-on {
    left: -171%; }
  html body.yp .yp-portlet .km-switch-label-off, html body.yp .yp-portlet .km-switch-label-on {
    text-shadow: none;
    width: 170%;
    font-size: 1em;
    line-height: 1.76em;
    vertical-align: middle;
    top: -2px; }
  html body.yp .yp-portlet .km-switch-container, html body.yp .yp-portlet .km-switch-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    -webkit-background-clip: content-box;
    background-clip: content-box; }
  html body.yp .yp-portlet .km-list > li {
    border-style: solid;
    border-width: 0 0 1px 0; }
  html body.yp .yp-portlet .km-listgroupinset .km-list > li:first-child, html body.yp .yp-portlet .km-listinset > li:first-child {
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .km-listgroupinset .km-list > li, html body.yp .yp-portlet .km-listinset > li {
    border-width: 0 1px 1px 1px; }
  html body.yp .yp-portlet .km-listgroupinset .km-list > li:last-child, html body.yp .yp-portlet .km-listinset > li:last-child {
    border-style: solid;
    border-width: 0 1px 1px 1px; }
  html body.yp .yp-portlet .km-listgroupinset .km-list > li:first-child:last-child, html body.yp .yp-portlet .km-listinset > li:first-child:last-child {
    border-width: 1px; }
  html body.yp .yp-portlet .km-listview-link:after {
    border-color: currentcolor;
    border-width: .2rem .2rem 0 0; }
  html body.yp .yp-portlet .km-pane:not(.km-on-android) .km-listview-link:after {
    width: .66rem;
    height: .64rem;
    border-width: 0;
    -webkit-box-shadow: inset -.2rem .2rem 0;
    box-shadow: inset -.2rem .2rem 0; }
  html body.yp .yp-portlet .km-listgroupinset li:first-child > .km-listview-label, html body.yp .yp-portlet .km-listgroupinset li:first-child > .km-listview-link, html body.yp .yp-portlet .km-listinset li:first-child > .km-listview-label, html body.yp .yp-portlet .km-listinset li:first-child > .km-listview-link {
    border-radius: 1px 1px 0 0; }
  html body.yp .yp-portlet .km-listgroupinset li:last-child > .km-listview-label, html body.yp .yp-portlet .km-listgroupinset li:last-child > .km-listview-link, html body.yp .yp-portlet .km-listinset li:last-child > .km-listview-label, html body.yp .yp-portlet .km-listinset li:last-child > .km-listview-link {
    border-radius: 0 0 1px 1px; }
  html body.yp .yp-portlet .km-listgroupinset li:first-child:last-child > .km-listview-label, html body.yp .yp-portlet .km-listgroupinset li:first-child:last-child > .km-listview-link, html body.yp .yp-portlet .km-listinset li:first-child:last-child > .km-listview-label, html body.yp .yp-portlet .km-listinset li:first-child:last-child > .km-listview-link {
    border-radius: 1px; }
  html body.yp .yp-portlet .km-group-title {
    border-style: solid;
    border-width: 1px 0; }
  html body.yp .yp-portlet .km-scroll-header .km-group-title {
    border-width: 0 0 1px; }
  html body.yp .yp-portlet .km-listgroupinset .km-group-title {
    border: 0;
    background: 0 0; }
  html body.yp .yp-portlet .km-listview .km-switch {
    margin-top: -.9rem; }
  html body.yp .yp-portlet .km-listview-wrapper form .km-filter-wrap > input {
    font-size: 1.2em;
    padding: .3em 1.8em; }
  html body.yp .yp-portlet .km-widget .km-filter-wrap:before {
    margin: .05em -1.2em 0 .2em; }
  html body.yp .yp-portlet .km-filter-reset {
    margin: .05em 0 0 -2em; }
  html body.yp .yp-portlet .km-filter-reset .km-clear:after {
    content: "\e038"; }
  html body.yp .yp-portlet .km-filter-wrap > input {
    border-width: 1px;
    border-style: solid; }
  html body.yp .yp-portlet .km-load-more {
    height: 3.4em; }
  html body.yp .yp-portlet .km-load-more .km-button {
    margin: 0 .8em;
    display: block; }
  html body.yp .yp-portlet .km-scroller-refresh.km-load-more {
    padding: 0;
    position: relative;
    margin: auto; }
  html body.yp .yp-portlet .km-scroller-pull, html body.yp .yp-portlet .km-scroller-refresh.km-load-more {
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    top: .25em;
    white-space: nowrap; }
  html body.yp .yp-portlet .km-scroller-pull {
    left: 50%;
    margin: 0 0 0 -90px; }
  html body.yp .yp-portlet .km-scroller-pull .km-template {
    position: absolute;
    line-height: 2em;
    font-size: 1.2em;
    min-width: 0;
    top: 0;
    left: 3em; }
  html body.yp .yp-portlet .km-scroller-pull .km-icon {
    margin-right: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1rem;
    margin-top: -1rem; }
  html body.yp .yp-portlet .km-scroller-pull .km-icon:after {
    content: "\e012";
    margin-left: -3px; }
  html body.yp .yp-portlet .km-scroller-refresh .km-icon:after {
    display: none; }
  html body.yp .yp-portlet .km-scroller-refresh .km-loading-left {
    margin-left: -.18em; }
  html body.yp .yp-portlet .km-scroller-refresh .km-loading-right {
    margin-left: .28em; }
  html body.yp .yp-portlet .km-pages {
    padding-top: .5em; }
  html body.yp .yp-portlet .km-pages li {
    border-radius: 1em; }
  html body.yp .yp-portlet .km-list .k-dropdown-wrap, html body.yp .yp-portlet .km-list input[type=color], html body.yp .yp-portlet .km-list input[type=date], html body.yp .yp-portlet .km-list input[type=datetime-local], html body.yp .yp-portlet .km-list input[type=datetime], html body.yp .yp-portlet .km-list input[type=email], html body.yp .yp-portlet .km-list input[type=month], html body.yp .yp-portlet .km-list input[type=number], html body.yp .yp-portlet .km-list input[type=password], html body.yp .yp-portlet .km-list input[type=search], html body.yp .yp-portlet .km-list input[type=tel], html body.yp .yp-portlet .km-list input[type=text]:not(.k-input), html body.yp .yp-portlet .km-list input[type=time], html body.yp .yp-portlet .km-list input[type=url], html body.yp .yp-portlet .km-list input[type=week], html body.yp .yp-portlet .km-list select:not([multiple]), html body.yp .yp-portlet .km-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.1rem;
    min-width: 6em;
    border: 0;
    padding: .4em;
    outline: 0;
    background: 0 0; }
  html body.yp .yp-portlet .km-list .k-dropdown-wrap {
    padding: .2em; }
  html body.yp .yp-portlet .km-list .k-dropdown {
    margin-top: -1.05em;
    font-weight: 400; }
  html body.yp .yp-portlet .km-list .k-dropdown, html body.yp .yp-portlet .km-list input[type=color], html body.yp .yp-portlet .km-list input[type=date], html body.yp .yp-portlet .km-list input[type=datetime-local], html body.yp .yp-portlet .km-list input[type=datetime], html body.yp .yp-portlet .km-list input[type=month], html body.yp .yp-portlet .km-list input[type=time], html body.yp .yp-portlet .km-list input[type=week] {
    text-align: left; }
  html body.yp .yp-portlet .km-list .k-dropdown .k-dropdown-wrap {
    display: block;
    border-radius: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .km-listview-label input[type=checkbox] {
    margin-top: -.7em; }
  html body.yp .yp-portlet .km-listview-label input[type=checkbox], html body.yp .yp-portlet .km-listview-label input[type=radio] {
    border-width: 1px;
    border-style: solid;
    width: 1.4em;
    height: 1.4em; }
  html body.yp .yp-portlet .km-listview-label input[type=radio] {
    width: 1.2em;
    height: 1.2em;
    border-radius: 1em; }
  html body.yp .yp-portlet .km-listview-label input[type=checkbox]:after {
    content: "\a0";
    display: block;
    width: 90%;
    height: 76%;
    -webkit-transform: scale(0.9, 1);
    -ms-transform: scale(0.9, 1);
    transform: scale(0.9, 1);
    -webkit-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    transform-origin: 10% 50%; }
  html body.yp .yp-portlet .km-listview-label input[type=checkbox]:checked:after {
    font-size: 1.4em; }
  html body.yp .yp-portlet .km-listview-label input[type=radio]:after {
    color: transparent; }
  html body.yp .yp-portlet .km-actionsheet > li > a {
    font-size: 1.4em;
    font-weight: 400;
    text-align: center; }
  html body.yp .yp-portlet .km-actionsheet {
    max-height: 80%; }
  html body.yp .yp-portlet .km-actionsheet > li > a {
    display: block; }
  html body.yp .yp-portlet .km-actionsheet > li:last-child > a {
    border: 0; }
  html body.yp .yp-portlet .km-popup li.km-actionsheet-title, html body.yp .yp-portlet .km-shim li.km-actionsheet-title {
    display: none; }
  html body.yp .yp-portlet .km-popup-wrapper {
    padding: 15px; }
  html body.yp .yp-portlet .km-popover-root .km-popup {
    border: 5px solid transparent; }
  html body.yp .yp-portlet .km-popover-root .km-popup .km-navbar, html body.yp .yp-portlet .km-popover-root .km-popup .km-tabstrip, html body.yp .yp-portlet .km-popover-root .km-popup .km-toolbar, html body.yp .yp-portlet .km-popover-root .km-popup .km-view {
    background: 0 0; }
  html body.yp .yp-portlet .km-popover-root .km-popup .km-header {
    padding: 0 5px;
    margin: -5px -5px 2px;
    -webkit-margin-collapse: separate; }
  html body.yp .yp-portlet .km-popup-arrow:after, html body.yp .yp-portlet .km-popup-arrow:before {
    border-style: solid;
    border-width: 0 15px 15px; }
  html body.yp .yp-portlet .km-down .km-popup-arrow:before {
    margin-top: -1px; }
  html body.yp .yp-portlet .km-up .km-popup-arrow:after, html body.yp .yp-portlet .km-up .km-popup-arrow:before {
    border-width: 15px 15px 0 15px; }
  html body.yp .yp-portlet .km-left .km-popup-arrow:after, html body.yp .yp-portlet .km-left .km-popup-arrow:before {
    border-width: 15px 0 15px 15px; }
  html body.yp .yp-portlet .km-right .km-popup-arrow:after, html body.yp .yp-portlet .km-right .km-popup-arrow:before {
    border-width: 15px 15px 15px 0; }
  html body.yp .yp-portlet .km-buttongroup > :first-child {
    border-radius: 2px 0 0 2px; }
  html body.yp .yp-portlet .km-buttongroup > :last-child {
    border-radius: 0 2px 2px 0; }
  html body.yp .yp-portlet .km-listgroupinset .km-list > li:first-child, html body.yp .yp-portlet .km-listinset > li:first-child, html body.yp .yp-portlet .km-popover-root .km-popup .km-header {
    border-radius: 2px 2px 0 0; }
  html body.yp .yp-portlet .km-listgroupinset .km-list > li:last-child, html body.yp .yp-portlet .km-listinset > li:last-child {
    border-radius: 0 0 2px 2px; }
  html body.yp .yp-portlet .km-actionsheet-wrapper.km-popup, html body.yp .yp-portlet .km-button, html body.yp .yp-portlet .km-filter-wrap > input, html body.yp .yp-portlet .km-listgroupinset .km-list > li:first-child:last-child, html body.yp .yp-portlet .km-listinset > li:first-child:last-child, html body.yp .yp-portlet .km-listview-label input[type=checkbox], html body.yp .yp-portlet .km-listview-label input[type=radio], html body.yp .yp-portlet .km-popover-root .km-popup, html body.yp .yp-portlet .km-switch-handle {
    border-radius: 2px; }
  html body.yp .yp-portlet .km-switch-background, html body.yp .yp-portlet .km-switch-container, html body.yp .yp-portlet .km-switch-wrapper {
    border-radius: 3px; }
  html body.yp .yp-portlet .km-actionsheet-wrapper.km-popup {
    padding: 2px 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  html body.yp .yp-portlet .km-content, html body.yp .yp-portlet .km-popover-root .km-content .km-widget, html body.yp .yp-portlet .km-widget {
    color: #444;
    background: #fff; }
  html body.yp .yp-portlet .km-navbar {
    color: #fff;
    background: #3f51b5; }
  html body.yp .yp-portlet .km-view {
    background: 0 0; }
  html body.yp .yp-portlet .km-navbar {
    border-color: rgba(68, 68, 68, 0.2); }
  html body.yp .yp-portlet .km-button {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(68, 68, 68, 0.2); }
  html body.yp .yp-portlet .km-state-active[style*=background] {
    -webkit-box-shadow: inset 0 0 0 1000px rgba(128, 128, 128, 0.4);
    box-shadow: inset 0 0 0 1000px rgba(128, 128, 128, 0.4); }
  html body.yp .yp-portlet .km-detail {
    color: #444;
    border-color: rgba(68, 68, 68, 0.2);
    background-color: #fff; }
  html body.yp .yp-portlet .km-detail:active, html body.yp .yp-portlet .km-state-active .km-detail {
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); }
  html body.yp .yp-portlet .km-switch-wrapper {
    background-color: #bababa; }
  html body.yp .yp-portlet .km-switch-background {
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#bababa));
    background-image: none, -webkit-linear-gradient(top, #bababa, #bababa);
    background-image: none, linear-gradient(to bottom, #bababa, #bababa);
    background-position: 4.3em 0;
    background-repeat: no-repeat;
    background-color: currentcolor; }
  html body.yp .yp-portlet .km-switch-handle {
    background: #fff; }
  html body.yp .yp-portlet .km-switch-off .km-switch-handle {
    -webkit-box-shadow: 0 1px 0 1px #bababa,0 -1px 0 1px #bababa;
    box-shadow: 0 1px 0 1px #bababa,0 -1px 0 1px #bababa; }
  html body.yp .yp-portlet .km-switch-background, html body.yp .yp-portlet .km-switch-container, html body.yp .yp-portlet .km-switch-wrapper {
    border-radius: 3px; }
  html body.yp .yp-portlet .km-switch-handle {
    border-radius: 2px; }
  html body.yp .yp-portlet .km-switch-container, html body.yp .yp-portlet .km-switch-wrapper {
    border-color: #e6e6e6; }
  html body.yp .yp-portlet .km-list > li {
    background: #f2f2f2;
    border-color: rgba(68, 68, 68, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
  html body.yp .yp-portlet .km-listgroupinset .km-list > li:first-child, html body.yp .yp-portlet .km-listinset > li:first-child {
    border-color: rgba(68, 68, 68, 0.2); }
  html body.yp .yp-portlet .km-listgroupinset .km-list > li:last-child, html body.yp .yp-portlet .km-listinset > li:last-child {
    border-color: rgba(68, 68, 68, 0.2); }
  html body.yp .yp-portlet .km-listview-link:after {
    color: #919191; }
  html body.yp .yp-portlet .km-group-title {
    background: #fff;
    border-color: rgba(68, 68, 68, 0.2); }
  html body.yp .yp-portlet .km-pages li {
    background: rgba(68, 68, 68, 0.2); }
  html body.yp .yp-portlet .km-filter-reset .km-clear, html body.yp .yp-portlet .km-filter-wrap:before {
    color: #444; }
  html body.yp .yp-portlet .km-filter-wrap > input {
    color: #444;
    border-color: rgba(68, 68, 68, 0.2); }
  html body.yp .yp-portlet .km-filter-wrap > input:focus {
    border-color: #000; }
  html body.yp .yp-portlet .km-list .k-dropdown-wrap, html body.yp .yp-portlet .km-list input[type=color], html body.yp .yp-portlet .km-list input[type=date], html body.yp .yp-portlet .km-list input[type=datetime-local], html body.yp .yp-portlet .km-list input[type=datetime], html body.yp .yp-portlet .km-list input[type=email], html body.yp .yp-portlet .km-list input[type=month], html body.yp .yp-portlet .km-list input[type=number], html body.yp .yp-portlet .km-list input[type=password], html body.yp .yp-portlet .km-list input[type=search], html body.yp .yp-portlet .km-list input[type=tel], html body.yp .yp-portlet .km-list input[type=text]:not(.k-input), html body.yp .yp-portlet .km-list input[type=time], html body.yp .yp-portlet .km-list input[type=url], html body.yp .yp-portlet .km-list input[type=week], html body.yp .yp-portlet .km-list select:not([multiple]), html body.yp .yp-portlet .km-list textarea {
    color: #444; }
  html body.yp .yp-portlet .km-list .k-dropdown-wrap .k-input {
    color: #444; }
  html body.yp .yp-portlet .km-list select:not([multiple]) option {
    color: #333; }
  html body.yp .yp-portlet .km-list .km-state-active input[type=color], html body.yp .yp-portlet .km-list .km-state-active input[type=date], html body.yp .yp-portlet .km-list .km-state-active input[type=datetime-local], html body.yp .yp-portlet .km-list .km-state-active input[type=datetime], html body.yp .yp-portlet .km-list .km-state-active input[type=email], html body.yp .yp-portlet .km-list .km-state-active input[type=month], html body.yp .yp-portlet .km-list .km-state-active input[type=number], html body.yp .yp-portlet .km-list .km-state-active input[type=password], html body.yp .yp-portlet .km-list .km-state-active input[type=search], html body.yp .yp-portlet .km-list .km-state-active input[type=tel], html body.yp .yp-portlet .km-list .km-state-active input[type=text]:not(.k-input), html body.yp .yp-portlet .km-list .km-state-active input[type=time], html body.yp .yp-portlet .km-list .km-state-active input[type=url], html body.yp .yp-portlet .km-list .km-state-active input[type=week], html body.yp .yp-portlet .km-list .km-state-active select:not([multiple]), html body.yp .yp-portlet .km-list .km-state-active textarea {
    color: #fff; }
  html body.yp .yp-portlet .km-listview-label input[type=checkbox], html body.yp .yp-portlet .km-listview-label input[type=radio] {
    border-color: rgba(68, 68, 68, 0.2);
    background: #fff; }
  html body.yp .yp-portlet .km-listview-label input[type=checkbox]:checked:after {
    color: #eee; }
  html body.yp .yp-portlet .km-shim {
    background: rgba(0, 0, 0, 0.4); }
  html body.yp .yp-portlet .km-popup .k-item, html body.yp .yp-portlet .km-widget.km-actionsheet-wrapper, html body.yp .yp-portlet .km-widget.km-actionsheet > li > a {
    background: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.2); }
  html body.yp .yp-portlet .km-actionsheet-cancel > a {
    color: #bababa;
    -webkit-box-shadow: inset 0 0 300px rgba(128, 128, 128, 0.3);
    box-shadow: inset 0 0 300px rgba(128, 128, 128, 0.3); }
  html body.yp .yp-portlet .km-popup {
    background: rgba(0, 0, 0, 0.4); }
  html body.yp .yp-portlet .km-actionsheet-wrapper, html body.yp .yp-portlet .km-popup .k-list-container {
    background: rgba(0, 0, 0, 0.4);
    border-top-color: rgba(255, 255, 255, 0.2); }
  html body.yp .yp-portlet .km-popup.km-pane {
    border-color: #fff;
    background-color: #fff; }
  html body.yp .yp-portlet .km-popup-arrow:after, html body.yp .yp-portlet .km-popup-arrow:before {
    border-color: rgba(0, 0, 0, 0.5) transparent; }
  html body.yp .yp-portlet .km-popup-arrow:after {
    border-color: #fff transparent; }
  html body.yp .yp-portlet .km-left .km-popup-arrow:after, html body.yp .yp-portlet .km-right .km-popup-arrow:after {
    border-color: transparent #fff; }
  html body.yp .yp-portlet .km-down .km-popup-arrow:after {
    border-color: #fff transparent; }
  html body.yp .yp-portlet .km-loader {
    background: rgba(0, 0, 0, 0.05); }
  html body.yp .yp-portlet .km-loader h1 {
    color: #444; }
  html body.yp .yp-portlet .km-tabstrip {
    background: #fff; }
  html body.yp .yp-portlet .km-actionsheet > li > a, html body.yp .yp-portlet .km-actionsheet > li > a:active, html body.yp .yp-portlet .km-actionsheet > li > a:hover, html body.yp .yp-portlet .km-badge, html body.yp .yp-portlet .km-popover-root .km-widget, html body.yp .yp-portlet .km-popup .k-item, html body.yp .yp-portlet .km-popup .k-state-focused, html body.yp .yp-portlet .km-popup .k-state-hover, html body.yp .yp-portlet .km-popup .k-state-selected, html body.yp .yp-portlet .km-rowdelete, html body.yp .yp-portlet .km-rowinsert, html body.yp .yp-portlet .km-scroller-pull .km-icon, html body.yp .yp-portlet .km-state-active .km-listview-link:after, html body.yp .yp-portlet .km-switch-label-off, html body.yp .yp-portlet .km-switch-label-on, html body.yp .yp-portlet .km-tabstrip .km-button, html body.yp .yp-portlet .km-tabstrip .km-state-active, html body.yp .yp-portlet html .km-state-active, html body.yp .yp-portlet li.km-state-active .km-listview-label, html body.yp .yp-portlet li.km-state-active .km-listview-link {
    color: #3f51b5; }
  html body.yp .yp-portlet .km-filter-wrap > input, html body.yp .yp-portlet .km-loader > :not(h1), html body.yp .yp-portlet .km-root .km-scroller-refresh span:not(.km-template) {
    background-color: #3f51b5; }
  html body.yp .yp-portlet .km-switch-handle.km-state-active {
    background-color: #fff; }
  html body.yp .yp-portlet .km-switch-background, html body.yp .yp-portlet .km-switch-handle {
    color: #fff; }
  html body.yp .yp-portlet .km-actionsheet > li > a:active, html body.yp .yp-portlet .km-actionsheet > li > a:hover, html body.yp .yp-portlet .km-listview-label input[type=checkbox]:checked, html body.yp .yp-portlet .km-listview-label input[type=radio]:checked, html body.yp .yp-portlet .km-loader:before, html body.yp .yp-portlet .km-pages .km-current-page, html body.yp .yp-portlet .km-popup .k-state-focused, html body.yp .yp-portlet .km-popup .k-state-hover, html body.yp .yp-portlet .km-popup .k-state-selected, html body.yp .yp-portlet .km-rowinsert, html body.yp .yp-portlet .km-scroller-pull, html body.yp .yp-portlet .km-scroller-refresh.km-load-more, html body.yp .yp-portlet .km-state-active, html body.yp .yp-portlet .km-tabstrip .km-state-active, html body.yp .yp-portlet .km-touch-scrollbar, html body.yp .yp-portlet li.km-state-active .km-listview-label, html body.yp .yp-portlet li.km-state-active .km-listview-link {
    background: #fff; }
  html body.yp .yp-portlet .km-filter-wrap > input:focus {
    border-color: #fff; }
  html body.yp .yp-portlet .km-badge, html body.yp .yp-portlet .km-rowdelete {
    background: #da2228; }
  html body.yp .yp-portlet .daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    border-radius: 4px; }
  html body.yp .yp-portlet .daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  html body.yp .yp-portlet .daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''; }
  html body.yp .yp-portlet .daterangepicker.openscenter:before {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  html body.yp .yp-portlet .daterangepicker.openscenter:after {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''; }
  html body.yp .yp-portlet .daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  html body.yp .yp-portlet .daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''; }
  html body.yp .yp-portlet .daterangepicker.dropup {
    margin-top: -5px; }
  html body.yp .yp-portlet .daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc; }
  html body.yp .yp-portlet .daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff; }
  html body.yp .yp-portlet .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000; }
  html body.yp .yp-portlet .daterangepicker .ranges, html body.yp .yp-portlet .daterangepicker .calendar {
    float: left; }
  html body.yp .yp-portlet .daterangepicker.single .ranges, html body.yp .yp-portlet .daterangepicker.single .calendar {
    float: none; }
  html body.yp .yp-portlet .daterangepicker .ranges {
    margin: 4px;
    text-align: left; }
  html body.yp .yp-portlet .daterangepicker .calendar {
    display: none;
    max-width: 270px; }
  html body.yp .yp-portlet .daterangepicker.show-calendar .calendar {
    display: block; }
  html body.yp .yp-portlet .daterangepicker .calendar.single .calendar-table {
    border: none; }
  html body.yp .yp-portlet .daterangepicker .calendar th, html body.yp .yp-portlet .daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px; }
  html body.yp .yp-portlet .daterangepicker .calendar-table {
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 4px;
    background: #fff; }
  html body.yp .yp-portlet .daterangepicker .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html body.yp .yp-portlet .daterangepicker .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  html body.yp .yp-portlet .daterangepicker .calendar.left {
    margin: 4px 0 4px 4px; }
  html body.yp .yp-portlet .daterangepicker .calendar.right {
    margin: 4px 4px 4px 0; }
  html body.yp .yp-portlet .daterangepicker .calendar.left .calendar-table {
    padding-right: 12px; }
  html body.yp .yp-portlet .daterangepicker table {
    width: 100%;
    margin: 0; }
  html body.yp .yp-portlet .daterangepicker td, html body.yp .yp-portlet .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer; }
  html body.yp .yp-portlet .daterangepicker td.off, html body.yp .yp-portlet .daterangepicker td.off.in-range, html body.yp .yp-portlet .daterangepicker td.off.start-date, html body.yp .yp-portlet .daterangepicker td.off.end-date {
    color: #999;
    background: #fff; }
  html body.yp .yp-portlet .daterangepicker td.disabled, html body.yp .yp-portlet .daterangepicker option.disabled {
    color: #999; }
  html body.yp .yp-portlet .daterangepicker td.available:hover, html body.yp .yp-portlet .daterangepicker th.available:hover {
    background: #eee; }
  html body.yp .yp-portlet .daterangepicker td.in-range {
    background: #ebf4f8;
    border-radius: 0; }
  html body.yp .yp-portlet .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  html body.yp .yp-portlet .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  html body.yp .yp-portlet .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  html body.yp .yp-portlet .daterangepicker td.active, html body.yp .yp-portlet .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: #3071a9;
    color: #fff; }
  html body.yp .yp-portlet .daterangepicker td.week, html body.yp .yp-portlet .daterangepicker th.week {
    font-size: 80%;
    color: #ccc; }
  html body.yp .yp-portlet .daterangepicker select.monthselect, html body.yp .yp-portlet .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  html body.yp .yp-portlet .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  html body.yp .yp-portlet .daterangepicker select.yearselect {
    width: 40%; }
  html body.yp .yp-portlet .daterangepicker select.hourselect, html body.yp .yp-portlet .daterangepicker select.minuteselect, html body.yp .yp-portlet .daterangepicker select.secondselect, html body.yp .yp-portlet .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  html body.yp .yp-portlet .daterangepicker th.month {
    width: auto; }
  html body.yp .yp-portlet .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
  html body.yp .yp-portlet .daterangepicker .input-mini.active {
    border: 1px solid #357ebd; }
  html body.yp .yp-portlet .daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px; }
  html body.yp .yp-portlet .daterangepicker .left .daterangepicker_input {
    padding-right: 12px; }
  html body.yp .yp-portlet .daterangepicker .daterangepicker_input {
    position: relative; }
  html body.yp .yp-portlet .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
  html body.yp .yp-portlet .daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed; }
  html body.yp .yp-portlet .daterangepicker .ranges {
    font-size: 11px; }
  html body.yp .yp-portlet .daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 160px; }
  html body.yp .yp-portlet .daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    border-radius: 5px;
    cursor: pointer; }
  html body.yp .yp-portlet .daterangepicker .ranges li.active, html body.yp .yp-portlet .daterangepicker .ranges li:hover {
    background: #08c;
    border: 1px solid #08c;
    color: #fff; }
  html body.yp .yp-portlet .ladda-button {
    position: relative; }
  html body.yp .yp-portlet .ladda-button .ladda-spinner {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    opacity: 0;
    pointer-events: none; }
  html body.yp .yp-portlet .ladda-button .ladda-label {
    position: relative;
    z-index: 3; }
  html body.yp .yp-portlet .ladda-button .ladda-progress {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.1s linear all !important;
    -moz-transition: 0.1s linear all !important;
    -ms-transition: 0.1s linear all !important;
    -o-transition: 0.1s linear all !important;
    transition: 0.1s linear all !important; }
  html body.yp .yp-portlet .ladda-button[data-loading] .ladda-progress {
    opacity: 1;
    visibility: visible; }
  html body.yp .yp-portlet .ladda-button,
  html body.yp .yp-portlet .ladda-button .ladda-spinner,
  html body.yp .yp-portlet .ladda-button .ladda-label {
    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-in],
  html body.yp .yp-portlet .ladda-button[data-style=zoom-in] .ladda-spinner,
  html body.yp .yp-portlet .ladda-button[data-style=zoom-in] .ladda-label,
  html body.yp .yp-portlet .ladda-button[data-style=zoom-out],
  html body.yp .yp-portlet .ladda-button[data-style=zoom-out] .ladda-spinner,
  html body.yp .yp-portlet .ladda-button[data-style=zoom-out] .ladda-label {
    -webkit-transition: 0.3s ease all !important;
    -moz-transition: 0.3s ease all !important;
    -ms-transition: 0.3s ease all !important;
    -o-transition: 0.3s ease all !important;
    transition: 0.3s ease all !important; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 14px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, html body.yp .yp-portlet .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
    right: 4px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-right][data-loading] {
    padding-right: 56px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
    opacity: 1; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-right][data-loading][data-size="s"], html body.yp .yp-portlet .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
    padding-right: 40px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-left] .ladda-spinner {
    left: 14px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, html body.yp .yp-portlet .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
    left: 4px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-left][data-loading] {
    padding-left: 56px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
    opacity: 1; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-left][data-loading][data-size="s"], html body.yp .yp-portlet .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
    padding-left: 40px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-up] {
    overflow: hidden; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-up] .ladda-spinner {
    top: -32px;
    left: 50%;
    margin-left: -16px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-up][data-loading] {
    padding-top: 54px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
    opacity: 1;
    top: 14px;
    margin-top: 0; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-up][data-loading][data-size="s"], html body.yp .yp-portlet .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
    padding-top: 32px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, html body.yp .yp-portlet .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
    top: 4px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-down] {
    overflow: hidden; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-down] .ladda-spinner {
    top: 62px;
    left: 50%;
    margin-left: -16px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, html body.yp .yp-portlet .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
    top: 40px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-down][data-loading] {
    padding-bottom: 54px; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
    opacity: 1; }
  html body.yp .yp-portlet .ladda-button[data-style=expand-down][data-loading][data-size="s"], html body.yp .yp-portlet .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
    padding-bottom: 32px; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-left] {
    overflow: hidden; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-left] .ladda-label {
    position: relative; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-left] .ladda-spinner {
    left: 100%;
    margin-left: -16px; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-left][data-loading] .ladda-label {
    opacity: 0;
    left: -100%; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-right] {
    overflow: hidden; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-right] .ladda-label {
    position: relative; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-right] .ladda-spinner {
    right: 100%;
    margin-left: -16px; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-right][data-loading] .ladda-label {
    opacity: 0;
    left: 100%; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-up] {
    overflow: hidden; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-up] .ladda-label {
    position: relative; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-up] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    margin-top: 1em; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-up][data-loading] .ladda-label {
    opacity: 0;
    top: -1em; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: -16px; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-down] {
    overflow: hidden; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-down] .ladda-label {
    position: relative; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-down] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    margin-top: -2em; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-down][data-loading] .ladda-label {
    opacity: 0;
    top: 1em; }
  html body.yp .yp-portlet .ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: -16px; }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-out] {
    overflow: hidden; }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-out] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5); }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-out] .ladda-label {
    position: relative;
    display: inline-block; }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-out][data-loading] .ladda-label {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-in] {
    overflow: hidden; }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-in] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2); }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-in] .ladda-label {
    position: relative;
    display: inline-block; }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-in][data-loading] .ladda-label {
    opacity: 0;
    -webkit-transform: scale(2.2);
    -moz-transform: scale(2.2);
    -ms-transform: scale(2.2);
    -o-transform: scale(2.2);
    transform: scale(2.2); }
  html body.yp .yp-portlet .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  html body.yp .yp-portlet .ladda-button[data-style=contract] {
    overflow: hidden;
    width: 100px; }
  html body.yp .yp-portlet .ladda-button[data-style=contract] .ladda-spinner {
    left: 50%;
    margin-left: -16px; }
  html body.yp .yp-portlet .ladda-button[data-style=contract][data-loading] {
    border-radius: 50%;
    width: 52px; }
  html body.yp .yp-portlet .ladda-button[data-style=contract][data-loading] .ladda-label {
    opacity: 0; }
  html body.yp .yp-portlet .ladda-button[data-style=contract][data-loading] .ladda-spinner {
    opacity: 1; }
  html body.yp .yp-portlet .ladda-button[data-style=contract-overlay] {
    overflow: hidden;
    width: 100px;
    box-shadow: 0px 0px 0px 3000px transparent; }
  html body.yp .yp-portlet .ladda-button[data-style=contract-overlay] .ladda-spinner {
    left: 50%;
    margin-left: -16px; }
  html body.yp .yp-portlet .ladda-button[data-style=contract-overlay][data-loading] {
    border-radius: 50%;
    width: 52px;
    /*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/
    box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0.8); }
  html body.yp .yp-portlet .ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
    opacity: 0; }
  html body.yp .yp-portlet .ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
    opacity: 1; }
  html body.yp .yp-portlet .simplebar, html body.yp .yp-portlet [data-simplebar-direction] {
    position: relative;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    /* Trigger native scrolling for mobile, if not supported, plugin is used. */ }
  html body.yp .yp-portlet .simplebar .simplebar-scroll-content,
  html body.yp .yp-portlet [data-simplebar-direction] .simplebar-scroll-content {
    overflow-y: scroll;
    overflow-x: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -ms-overflow-style: none;
    /* hide browser scrollbar on IE10+ */ }
  html body.yp .yp-portlet .simplebar-scroll-content::-webkit-scrollbar {
    display: none; }
  html body.yp .yp-portlet [data-simplebar-direction="horizontal"] .simplebar-scroll-content,
  html body.yp .yp-portlet .simplebar.horizontal .simplebar-scroll-content {
    overflow-x: scroll;
    overflow-y: auto; }
  html body.yp .yp-portlet .simplebar-track {
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 11px; }
  html body.yp .yp-portlet .simplebar-track .simplebar-scrollbar {
    position: absolute;
    right: 2px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    min-height: 10px;
    width: 7px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background: #6c6e71;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding; }
  html body.yp .yp-portlet .simplebar-track:hover .simplebar-scrollbar {
    /* When hovered, remove all transitions from drag handle */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
    -webkit-transition: opacity 0 linear;
    -moz-transition: opacity 0 linear;
    -o-transition: opacity 0 linear;
    -ms-transition: opacity 0 linear;
    transition: opacity 0 linear; }
  html body.yp .yp-portlet .simplebar-track .simplebar-scrollbar.visible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7; }
  html body.yp .yp-portlet [data-simplebar-direction="horizontal"] .simplebar-track,
  html body.yp .yp-portlet .simplebar.horizontal .simplebar-track {
    top: auto;
    left: 0;
    width: auto;
    height: 11px; }
  html body.yp .yp-portlet [data-simplebar-direction="horizontal"] .simplebar-track .simplebar-scrollbar,
  html body.yp .yp-portlet .simplebar.horizontal .simplebar-track .simplebar-scrollbar {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto; }
  html body.yp .yp-portlet input[type="text"], html body.yp .yp-portlet input[type="password"], html body.yp .yp-portlet input[type="url"], html body.yp .yp-portlet input[type="email"], html body.yp .yp-portlet textbox[type="text"], html body.yp .yp-portlet textarea {
    width: 100%; }
  html body.yp .yp-portlet .k-numerictextbox, html body.yp .yp-portlet .k-textbox {
    width: 100%; }
  html body.yp .yp-portlet label, html body.yp .yp-portlet .control-label {
    width: auto; }
  html body.yp .yp-portlet input[type="number"] {
    padding-right: 0px; }
  html body.yp .yp-portlet input[type="radio"].aligned {
    margin-top: 0; }
  html body.yp .yp-portlet .fieldError {
    border-color: #d9534f;
    box-shadow: 0px 1px 1px #dbc59e; }
  html body.yp .yp-portlet .combobox-container span {
    cursor: pointer; }
  html body.yp .yp-portlet .form-group.error .controls .k-widget.k-datepicker {
    height: 100%; }
  html body.yp .yp-portlet .datepicker table tr td, html body.yp .yp-portlet .datepicker table tr th {
    height: 12px;
    width: 15px; }
  html body.yp .yp-portlet .datepicker > div {
    font-size: 12px;
    line-height: 10px; }
  html body.yp .yp-portlet .dropdown-menu {
    z-index: 1100;
    /* to override the tooltip of the slider */ }
  html body.yp .yp-portlet .input-append .add-on, html body.yp .yp-portlet #wrapper .input-prepend .add-on {
    padding: 0 5px; }
  html body.yp .yp-portlet div.daterangepickerWrapper {
    position: relative; }
  html body.yp .yp-portlet div.daterangepickerWrapper > i {
    bottom: 10px;
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: auto; }
  html body.yp .yp-portlet .clearDatesButton {
    margin-top: 10px;
    text-align: left;
    width: 100%; }
  html body.yp .yp-portlet form.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px; }
  html body.yp .yp-portlet form.form-horizontal {
    border-radius: 6px;
    background-color: #F4F4F4;
    margin: 0px; }
  html body.yp .yp-portlet form.form-horizontal .controls {
    margin-left: 0px; }
  html body.yp .yp-portlet span.input-group-addon.bootstrap-touchspin-prefix.bold {
    font-weight: bold; }
  html body.yp .yp-portlet .form-group.success input {
    color: #5cb85c; }
  html body.yp .yp-portlet .form-group.success input:focus {
    border-color: #5cb85c; }
  html body.yp .yp-portlet .form-group.success input:focus, html body.yp .yp-portlet html .form-group.success select:focus, html body.yp .yp-portlet html .form-group.success textarea:focus {
    border-color: #5cb85c;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #5cb85c; }
  html body.yp .yp-portlet .form-group.error input, html body.yp .yp-portlet .form-group.error select, html body.yp .yp-portlet .form-group.error textarea {
    color: #d9534f;
    border-color: #d9534f; }
  html body.yp .yp-portlet .form-group.error > label, html body.yp .yp-portlet .form-group.error .help-block, html body.yp .yp-portlet .form-group.error .help-inline {
    color: #d9534f; }
  html body.yp .yp-portlet input:focus:required:invalid:focus, html body.yp .yp-portlet textarea:focus:required:invalid:focus, html body.yp .yp-portlet select:focus:required:invalid:focus {
    border-color: #d9534f;
    -webkit-box-shadow: 0 0 6px #d9534f;
    -moz-box-shadow: 0 0 6px #d9534f;
    box-shadow: 0 0 6px #d9534f; }
  html body.yp .yp-portlet .form-group.warning input:focus, html body.yp .yp-portlet .form-group.warning select:focus, html body.yp .yp-portlet .form-group.warning textarea:focus {
    border-color: #f0ad4e;
    -webkit-box-shadow: 0 0 6px #f0ad4e;
    -moz-box-shadow: 0 0 6px #f0ad4e;
    box-shadow: 0 0 6px #f0ad4e; }
  html body.yp .yp-portlet .form-group.warning input, html body.yp .yp-portlet .form-group.warning select, html body.yp .yp-portlet .form-group.warning textarea {
    border-color: #f0ad4e;
    color: #f0ad4e; }
  html body.yp .yp-portlet .slider.slider-horizontal.mySliderFullWidth {
    width: 100%;
    margin-bottom: 20px; }
  html body.yp .yp-portlet .slider.slider-horizontal.mySliderWithLabels {
    width: 100%;
    margin-bottom: 25px; }
  html body.yp .yp-portlet .sliderDualLeftSpan {
    font-weight: bold;
    text-align: right;
    white-space: nowrap; }
  html body.yp .yp-portlet .sliderDualRightSpan {
    font-weight: bold;
    /* 	margin-left: 20px;  */
    white-space: nowrap; }
  html body.yp .yp-portlet .slider.slider-horizontal .slider-track-high {
    background: #39ADD2;
    /* TCH: default blue color for bootstrap */ }
  html body.yp .yp-portlet .slider.slider-horizontal .slider-track-low {
    background: #39ADD2; }
  html body.yp .yp-portlet .sliderCb {
    float: left; }
  html body.yp .yp-portlet .sliderDualCb {
    float: left; }
  html body.yp .yp-portlet .amount {
    padding: 0 0 0 10px; }
  html body.yp .yp-portlet .yp-help-block {
    color: #bf7900; }
  html body.yp .yp-portlet .formButtons {
    padding: 20px 30px; }
  html body.yp .yp-portlet .formButtons .submit {
    background-color: #FF7E14;
    color: white;
    width: auto; }
  @media (max-width: 979px) {
    html body.yp .yp-portlet .formButtons {
      padding: 20px 15px 15px; } }
  @media screen and (max-width: 360px) and (orientation: portrait) {
    html body.yp .yp-portlet .sliderDualCb {
      display: inline-block;
      margin: 10px;
      float: left; } }
  html body.yp .yp-portlet .form-horizontal .form-group {
    margin-bottom: 0px; }
  html body.yp .yp-portlet .typeahead.typeahead-long.dropdown-menu {
    width: 100%; }
  html body.yp .yp-portlet .ypTablePrev {
    margin: 0 0.25em 0 3rem;
    background: #aaa;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #aaa, #ddd);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #aaa, #ddd);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #aaa, #ddd);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #aaa, #ddd);
    /* Standard syntax */
    width: 6rem; }
  html body.yp .yp-portlet .ypTableNext {
    background: #ddd;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #ddd, #aaa);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ddd, #aaa);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ddd, #aaa);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ddd, #aaa);
    /* Standard syntax */
    width: 6rem; }
  html body.yp .yp-portlet .operationsCell {
    white-space: nowrap; }
  html body.yp .yp-portlet .globalError {
    margin-left: 25px;
    margin-right: 25px;
    padding: 10px 20px;
    color: white;
    background-color: #d9534f;
    font-size: 18px;
    margin-bottom: -10px; }
  @media (max-width: 991px) {
    html body.yp .yp-portlet .form-horizontal .control-label {
      text-align: left;
      float: none;
      /*this rule is forbidding the label on mobile to focus the input*/ } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .form-horizontal .control-label {
      text-align: left; } }
  html body.yp .yp-portlet .modal {
    top: 10%;
    bottom: inherit;
    left: inherit;
    right: inherit;
    background-color: inherit;
    overflow: inherit;
    margin-left: inherit; }
  html body.yp .yp-portlet .navbar {
    min-height: 40px; }
  html body.yp .yp-portlet .navbar-nav > li > a {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px; }
  html body.yp .yp-portlet .navbar-nav > li > a:first-child {
    width: 100%; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .navbar-nav .open .dropdown-menu {
      position: relative; } }
  html body.yp .yp-portlet .navbar-nav > li.dropdown > a:first-child {
    padding-right: 45px; }
  html body.yp .yp-portlet .navbar-nav > li > a.dropdown-toggle {
    position: absolute;
    top: 0px;
    right: -30px;
    margin-right: 30px;
    margin-left: -15px; }
  html body.yp .yp-portlet .navbar-nav > li > a.dropdown-toggle:hover,
  html body.yp .yp-portlet .navbar-nav > li > a.dropdown-toggle:focus {
    color: black; }
  html body.yp .yp-portlet .form-control {
    border: 0 none;
    padding: 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb; }
  html body.yp .yp-portlet .form-control:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .current-slider {
    background-color: #FFF;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -14px;
    /*visibility: hidden;*/ }
  html body.yp .yp-portlet .k-slider-input-label {
    size: 18px;
    /*color: red;*/
    margin-top: 7px; }
  html body.yp .yp-portlet .k-slider-input {
    width: 100px;
    margin-left: 3px;
    margin-right: 3px; }
  html body.yp .yp-portlet .min-slider,
  html body.yp .yp-portlet .max-slider {
    line-height: 35px;
    float: left;
    min-width: 70px;
    text-align: left;
    color: #666666; }
  html body.yp .yp-portlet .max-slider {
    text-align: right; }
  html body.yp .yp-portlet .k-slider {
    float: left;
    margin: 0 5px;
    height: 35px;
    width: calc(100% - 150px); }
  html body.yp .yp-portlet .k-slider-wrap {
    position: relative; }
  html body.yp .yp-portlet .k-slider-track {
    height: 7px;
    background-color: #d7d7d7;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    width: 100%; }
  html body.yp .yp-portlet .k-slider-selection {
    height: 7px !important;
    margin-top: 0;
    top: 0;
    background-color: #666666;
    border-color: #666666; }
  html body.yp .yp-portlet .form-control .k-slider .k-slider-wrap .k-widget.k-slider,
  html body.yp .yp-portlet .k-slider .k-slider-wrap .k-widget.k-slider {
    width: 100%;
    display: block !important; }
  html body.yp .yp-portlet .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle, html body.yp .yp-portlet .k-slider .k-slider-wrap .k-slider-track .k-draghandle {
    border: 3px solid white;
    background-color: #333333;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    outline: 0; }
  html body.yp .yp-portlet .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle:hover, html body.yp .yp-portlet .k-slider .k-slider-wrap .k-slider-track .k-draghandle:hover {
    -webkit-box-shadow: 0 0 3px 8px rgba(51, 51, 51, 0.3);
    -moz-box-shadow: 0 0 3px 8px rgba(51, 51, 51, 0.3);
    box-shadow: 0 0 3px 8px rgba(51, 51, 51, 0.3); }
  html body.yp .yp-portlet .form-control .k-slider .k-draghandle, html body.yp .yp-portlet .k-slider .k-draghandle {
    -o-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  html body.yp .yp-portlet .slider-displayed-input {
    float: left;
    margin: 1em; }
  html body.yp .yp-portlet .element-action-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    height: 25px;
    cursor: pointer; }
  html body.yp .yp-portlet .element-action-wrapper .action-icon {
    position: absolute;
    left: 50%;
    top: 0;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25px;
    height: 25px;
    text-align: center;
    z-index: 3;
    line-height: 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -o-transition: background-color 350ms;
    -webkit-transition: background-color 350ms;
    -moz-transition: background-color 350ms;
    transition: background-color 350ms; }
  html body.yp .yp-portlet .element-action-wrapper .action-icon .zmdi {
    color: #CCC;
    font-size: 26px; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .element-action-wrapper .action-icon:hover {
      background-color: #999;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms; } }
  html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper {
    position: absolute;
    width: 128px;
    padding: 55px 0 20px;
    right: -20px;
    left: auto;
    top: -13px;
    background-color: #FFF;
    z-index: 2;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -o-transition: transform 350ms;
    -webkit-transition: transform 350ms;
    -moz-transition: transform 350ms;
    transition: transform 350ms;
    -webkit-box-shadow: 0 0 18px rgba(204, 204, 204, 0.62);
    -moz-box-shadow: 0 0 18px rgba(204, 204, 204, 0.62);
    box-shadow: 0 0 18px rgba(204, 204, 204, 0.62); }
  html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper .options {
    opacity: 0;
    -o-transition: opacity 350ms 350ms;
    -webkit-transition: opacity 350ms 350ms;
    -moz-transition: opacity 350ms 350ms;
    transition: opacity 350ms 350ms; }
  html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper .options .option {
    height: 32px;
    color: #666;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
    padding: 0 22px;
    line-height: 32px; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper .options .option:hover {
      background-color: #EDEDED; } }
  html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper .options .option .link, html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper .options .option .label-email {
    text-decoration: none !important;
    color: inherit !important;
    display: block; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper {
      right: -16px !important; } }
  html body.yp .yp-portlet .element-action-wrapper.open {
    z-index: 5; }
  html body.yp .yp-portlet .element-action-wrapper.open .action-options-wrapper {
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -o-transition: transform 350ms;
    -webkit-transition: transform 350ms;
    -moz-transition: transform 350ms;
    transition: transform 350ms; }
  html body.yp .yp-portlet .element-action-wrapper.open .action-options-wrapper .options {
    opacity: 1;
    -o-transition: opacity 350ms 250ms;
    -webkit-transition: opacity 350ms 250ms;
    -moz-transition: opacity 350ms 250ms;
    transition: opacity 350ms 250ms; }
  html body.yp .yp-portlet .element-action-wrapper:not(.open) .action-options-wrapper {
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -o-transition: transform 350ms 250ms;
    -webkit-transition: transform 350ms 250ms;
    -moz-transition: transform 350ms 250ms;
    transition: transform 350ms 250ms; }
  html body.yp .yp-portlet .element-action-wrapper:not(.open) .action-options-wrapper .options {
    opacity: 0;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .yp-portlet .k-grid td:LAST-CHILD {
    overflow: visible; }
  html body.yp .yp-portlet .k-grid-overlay-div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #C3C3C3;
    opacity: 0.3; }
  html body.yp .yp-portlet .k-grid-overlay {
    position: relative; }
  html body.yp .yp-portlet .yp-table-inlineEdit.dateRange-wrapper .k-datepicker .k-picker-wrap .k-input {
    width: 100%;
    background-color: white;
    box-shadow: none;
    cursor: pointer;
    margin-bottom: 1px; }
  html body.yp .yp-portlet .yp-table-inlineEdit.dateRange-wrapper .k-datepicker .k-picker-wrap .k-select {
    border-left: 0px;
    background-color: white; }
  html body.yp .yp-portlet .yp-table-inlineEdit.dateRange-wrapper .k-datepicker .k-picker-wrap .k-icon {
    background: none;
    opacity: 1; }
  html body.yp .yp-portlet .yp-table-inlineEdit.dateRange-wrapper .k-datepicker .k-picker-wrap .k-icon:before {
    content: "\f133";
    color: #2B3A61;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 12px; }
  html body.yp .yp-portlet .uploader-form-control {
    width: 100%;
    min-height: 40px;
    float: left;
    padding-bottom: 43px;
    position: relative;
    max-width: none; }
  html body.yp .yp-portlet .uploader-form-control .dragFilesContainer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: #F4F4F4;
    padding: 10px 20px; }
  html body.yp .yp-portlet .uploader-form-control .dragFilesContainer:after {
    width: 100%;
    height: 1px;
    background-color: #d7d7d7;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute; }
  html body.yp .yp-portlet .uploader-form-control .dragFilesContainer .instructions {
    float: left;
    color: #666666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .uploader-form-control .dragFilesContainer .recommendations {
    float: right;
    color: #999999;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer {
    width: 100%; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload {
    height: auto; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper {
    height: 40px;
    background-color: #f5f5f5;
    position: relative; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper:after {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .progress {
    height: 100%;
    width: auto;
    background-color: #7EB643 !important; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .progress .bar {
    background-color: #7EB643 !important;
    height: 100%; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .progress, html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .ui-progressbar .ui-progressbar-value {
    background-color: transparent !important; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-info {
    color: #FFF;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
    z-index: 1;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    left: 15px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-actions {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 15px;
    z-index: 1; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-actions .cancel-upload {
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-actions .cancel-upload .zmdi {
    font-size: 18px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError {
    padding: 10px 20px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message {
    float: left;
    color: #a94442;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    margin-right: 10px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message .zmdi {
    font-size: 18px;
    color: #a94442;
    margin-right: 10px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .filename {
    float: left; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel {
    float: right; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 15px;
    text-align: center;
    margin: 0;
    background-color: transparent; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn .zmdi {
    font-size: 18px;
    color: #999;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn:hover .zmdi {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message, html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .filename {
      float: left; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError {
      height: auto; }
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel, html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message, html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .filename {
      float: none;
      width: 100%; }
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn {
      margin-left: auto; } }
  html body.yp .yp-portlet .form-group.upload.non-blocking-warning .uploader-form-group {
    border: 1px solid #D9A300; }
  html body.yp .yp-portlet .form-group.upload.non-blocking-warning .help-block ul {
    padding-left: 0;
    list-style: none; }
  html body.yp .yp-portlet .form-group.upload.non-blocking-warning .help-block ul:only-child {
    margin-bottom: 0; }
  html body.yp .yp-portlet .form-group.upload.non-blocking-warning .help-block ul li:before {
    background-color: #d9a300; }
  html body.yp .yp-portlet .form-group.upload.non-blocking-warning .help-block ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    float: left;
    background-color: #EF6262;
    margin: 10px 14px 0 0; }
  html body.yp .yp-portlet .form-group.upload.non-blocking-warning .help-block {
    padding: 4px;
    background-color: #f8f8f8;
    border: 1px solid #D9A300;
    color: #666666; }
  html body.yp .yp-portlet .yp-format-bold {
    font-weight: bold; }
  html body.yp .yp-portlet .yp-format-italic {
    font-style: italic; }
  html body.yp .yp-portlet .yp-format-line-break::before {
    content: "\A";
    white-space: pre; }
  html body.yp .yp-portlet .yp-format-badge {
    background-color: #67a9e0;
    color: white; }
  html body.yp .yp-portlet .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  html body.yp .yp-portlet .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  html body.yp .yp-portlet .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  html body.yp .yp-portlet .animated.bounceIn, html body.yp .yp-portlet .animated.bounceOut, html body.yp .yp-portlet .animated.flipOutX, html body.yp .yp-portlet .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
  html body.yp .yp-portlet .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
  html body.yp .yp-portlet .flash {
    -webkit-animation-name: flash;
    animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  html body.yp .yp-portlet .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  html body.yp .yp-portlet .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
  html body.yp .yp-portlet .shake {
    -webkit-animation-name: shake;
    animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
  html body.yp .yp-portlet .headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
  html body.yp .yp-portlet .swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  html body.yp .yp-portlet .tada {
    -webkit-animation-name: tada;
    animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble; }

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
  html body.yp .yp-portlet .jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  html body.yp .yp-portlet .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  html body.yp .yp-portlet .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
  html body.yp .yp-portlet .bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
  html body.yp .yp-portlet .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
  html body.yp .yp-portlet .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
  html body.yp .yp-portlet .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
  html body.yp .yp-portlet .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
  html body.yp .yp-portlet .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
  html body.yp .yp-portlet .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
  html body.yp .yp-portlet .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
  html body.yp .yp-portlet .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
  html body.yp .yp-portlet .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
  html body.yp .yp-portlet .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
  html body.yp .yp-portlet .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
  html body.yp .yp-portlet .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
  html body.yp .yp-portlet .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
  html body.yp .yp-portlet .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
  html body.yp .yp-portlet .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
  html body.yp .yp-portlet .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
  html body.yp .yp-portlet .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
  html body.yp .yp-portlet .flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
  html body.yp .yp-portlet .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% {
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% {
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .yp-portlet .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
  html body.yp .yp-portlet .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .yp-portlet .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .yp-portlet .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .yp-portlet .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .yp-portlet .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
  html body.yp .yp-portlet .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
  html body.yp .yp-portlet .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
  html body.yp .yp-portlet .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
  html body.yp .yp-portlet .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
  html body.yp .yp-portlet .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
  html body.yp .yp-portlet .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    transform-origin: top left; }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    transform-origin: top left; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    transform-origin: top left; }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    transform-origin: top left; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
  html body.yp .yp-portlet .hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
  html body.yp .yp-portlet .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
  html body.yp .yp-portlet .rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
  html body.yp .yp-portlet .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .yp-portlet .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .yp-portlet .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .yp-portlet .zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .yp-portlet .zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to {
    opacity: 0; } }
  html body.yp .yp-portlet .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .yp-portlet .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
  html body.yp .yp-portlet .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
  html body.yp .yp-portlet .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  html body.yp .yp-portlet .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  html body.yp .yp-portlet .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  html body.yp .yp-portlet .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  html body.yp .yp-portlet .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  html body.yp .yp-portlet .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
  html body.yp .yp-portlet .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
  html body.yp .yp-portlet .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
  html body.yp .yp-portlet .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
  html body.yp .yp-portlet .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp; }

@font-face {
  html body.yp .yp-portlet {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.6.1);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.6.1) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.6.1) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.6.1) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal; } }
  html body.yp .yp-portlet .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  html body.yp .yp-portlet .fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%; }
  html body.yp .yp-portlet .fa-2x {
    font-size: 2em; }
  html body.yp .yp-portlet .fa-3x {
    font-size: 3em; }
  html body.yp .yp-portlet .fa-4x {
    font-size: 4em; }
  html body.yp .yp-portlet .fa-5x {
    font-size: 5em; }
  html body.yp .yp-portlet .fa-fw {
    width: 1.28571429em;
    text-align: center; }
  html body.yp .yp-portlet .fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none; }
  html body.yp .yp-portlet .fa-ul > li {
    position: relative; }
  html body.yp .yp-portlet .fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center; }
  html body.yp .yp-portlet .fa-li.fa-lg {
    left: -1.85714286em; }
  html body.yp .yp-portlet .fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em; }
  html body.yp .yp-portlet .fa-pull-left {
    float: left; }
  html body.yp .yp-portlet .fa-pull-right {
    float: right; }
  html body.yp .yp-portlet .fa.fa-pull-left {
    margin-right: .3em; }
  html body.yp .yp-portlet .fa.fa-pull-right {
    margin-left: .3em; }
  html body.yp .yp-portlet .pull-right {
    float: right; }
  html body.yp .yp-portlet .pull-left {
    float: left; }
  html body.yp .yp-portlet .fa.pull-left {
    margin-right: .3em; }
  html body.yp .yp-portlet .fa.pull-right {
    margin-left: .3em; }
  html body.yp .yp-portlet .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear; }
  html body.yp .yp-portlet .fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
  html body.yp .yp-portlet .fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  html body.yp .yp-portlet .fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  html body.yp .yp-portlet .fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  html body.yp .yp-portlet .fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  html body.yp .yp-portlet .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1); }
  html body.yp .yp-portlet :root .fa-flip-horizontal, html body.yp .yp-portlet :root .fa-flip-vertical, html body.yp .yp-portlet :root .fa-rotate-180, html body.yp .yp-portlet :root .fa-rotate-270, html body.yp .yp-portlet :root .fa-rotate-90 {
    filter: none; }
  html body.yp .yp-portlet .fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle; }
  html body.yp .yp-portlet .fa-stack-1x, html body.yp .yp-portlet .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center; }
  html body.yp .yp-portlet .fa-stack-1x {
    line-height: inherit; }
  html body.yp .yp-portlet .fa-stack-2x {
    font-size: 2em; }
  html body.yp .yp-portlet .fa-inverse {
    color: #fff; }
  html body.yp .yp-portlet .fa-glass:before {
    content: "\f000"; }
  html body.yp .yp-portlet .fa-music:before {
    content: "\f001"; }
  html body.yp .yp-portlet .fa-search:before {
    content: "\f002"; }
  html body.yp .yp-portlet .fa-envelope-o:before {
    content: "\f003"; }
  html body.yp .yp-portlet .fa-heart:before {
    content: "\f004"; }
  html body.yp .yp-portlet .fa-star:before {
    content: "\f005"; }
  html body.yp .yp-portlet .fa-star-o:before {
    content: "\f006"; }
  html body.yp .yp-portlet .fa-user:before {
    content: "\f007"; }
  html body.yp .yp-portlet .fa-film:before {
    content: "\f008"; }
  html body.yp .yp-portlet .fa-th-large:before {
    content: "\f009"; }
  html body.yp .yp-portlet .fa-th:before {
    content: "\f00a"; }
  html body.yp .yp-portlet .fa-th-list:before {
    content: "\f00b"; }
  html body.yp .yp-portlet .fa-check:before {
    content: "\f00c"; }
  html body.yp .yp-portlet .fa-close:before, html body.yp .yp-portlet .fa-remove:before, html body.yp .yp-portlet .fa-times:before {
    content: "\f00d"; }
  html body.yp .yp-portlet .fa-search-plus:before {
    content: "\f00e"; }
  html body.yp .yp-portlet .fa-search-minus:before {
    content: "\f010"; }
  html body.yp .yp-portlet .fa-power-off:before {
    content: "\f011"; }
  html body.yp .yp-portlet .fa-signal:before {
    content: "\f012"; }
  html body.yp .yp-portlet .fa-cog:before, html body.yp .yp-portlet .fa-gear:before {
    content: "\f013"; }
  html body.yp .yp-portlet .fa-trash-o:before {
    content: "\f014"; }
  html body.yp .yp-portlet .fa-home:before {
    content: "\f015"; }
  html body.yp .yp-portlet .fa-file-o:before {
    content: "\f016"; }
  html body.yp .yp-portlet .fa-clock-o:before {
    content: "\f017"; }
  html body.yp .yp-portlet .fa-road:before {
    content: "\f018"; }
  html body.yp .yp-portlet .fa-download:before {
    content: "\f019"; }
  html body.yp .yp-portlet .fa-arrow-circle-o-down:before {
    content: "\f01a"; }
  html body.yp .yp-portlet .fa-arrow-circle-o-up:before {
    content: "\f01b"; }
  html body.yp .yp-portlet .fa-inbox:before {
    content: "\f01c"; }
  html body.yp .yp-portlet .fa-play-circle-o:before {
    content: "\f01d"; }
  html body.yp .yp-portlet .fa-repeat:before, html body.yp .yp-portlet .fa-rotate-right:before {
    content: "\f01e"; }
  html body.yp .yp-portlet .fa-refresh:before {
    content: "\f021"; }
  html body.yp .yp-portlet .fa-list-alt:before {
    content: "\f022"; }
  html body.yp .yp-portlet .fa-lock:before {
    content: "\f023"; }
  html body.yp .yp-portlet .fa-flag:before {
    content: "\f024"; }
  html body.yp .yp-portlet .fa-headphones:before {
    content: "\f025"; }
  html body.yp .yp-portlet .fa-volume-off:before {
    content: "\f026"; }
  html body.yp .yp-portlet .fa-volume-down:before {
    content: "\f027"; }
  html body.yp .yp-portlet .fa-volume-up:before {
    content: "\f028"; }
  html body.yp .yp-portlet .fa-qrcode:before {
    content: "\f029"; }
  html body.yp .yp-portlet .fa-barcode:before {
    content: "\f02a"; }
  html body.yp .yp-portlet .fa-tag:before {
    content: "\f02b"; }
  html body.yp .yp-portlet .fa-tags:before {
    content: "\f02c"; }
  html body.yp .yp-portlet .fa-book:before {
    content: "\f02d"; }
  html body.yp .yp-portlet .fa-bookmark:before {
    content: "\f02e"; }
  html body.yp .yp-portlet .fa-print:before {
    content: "\f02f"; }
  html body.yp .yp-portlet .fa-camera:before {
    content: "\f030"; }
  html body.yp .yp-portlet .fa-font:before {
    content: "\f031"; }
  html body.yp .yp-portlet .fa-bold:before {
    content: "\f032"; }
  html body.yp .yp-portlet .fa-italic:before {
    content: "\f033"; }
  html body.yp .yp-portlet .fa-text-height:before {
    content: "\f034"; }
  html body.yp .yp-portlet .fa-text-width:before {
    content: "\f035"; }
  html body.yp .yp-portlet .fa-align-left:before {
    content: "\f036"; }
  html body.yp .yp-portlet .fa-align-center:before {
    content: "\f037"; }
  html body.yp .yp-portlet .fa-align-right:before {
    content: "\f038"; }
  html body.yp .yp-portlet .fa-align-justify:before {
    content: "\f039"; }
  html body.yp .yp-portlet .fa-list:before {
    content: "\f03a"; }
  html body.yp .yp-portlet .fa-dedent:before, html body.yp .yp-portlet .fa-outdent:before {
    content: "\f03b"; }
  html body.yp .yp-portlet .fa-indent:before {
    content: "\f03c"; }
  html body.yp .yp-portlet .fa-video-camera:before {
    content: "\f03d"; }
  html body.yp .yp-portlet .fa-image:before, html body.yp .yp-portlet .fa-photo:before, html body.yp .yp-portlet .fa-picture-o:before {
    content: "\f03e"; }
  html body.yp .yp-portlet .fa-pencil:before {
    content: "\f040"; }
  html body.yp .yp-portlet .fa-map-marker:before {
    content: "\f041"; }
  html body.yp .yp-portlet .fa-adjust:before {
    content: "\f042"; }
  html body.yp .yp-portlet .fa-tint:before {
    content: "\f043"; }
  html body.yp .yp-portlet .fa-edit:before, html body.yp .yp-portlet .fa-pencil-square-o:before {
    content: "\f044"; }
  html body.yp .yp-portlet .fa-share-square-o:before {
    content: "\f045"; }
  html body.yp .yp-portlet .fa-check-square-o:before {
    content: "\f046"; }
  html body.yp .yp-portlet .fa-arrows:before {
    content: "\f047"; }
  html body.yp .yp-portlet .fa-step-backward:before {
    content: "\f048"; }
  html body.yp .yp-portlet .fa-fast-backward:before {
    content: "\f049"; }
  html body.yp .yp-portlet .fa-backward:before {
    content: "\f04a"; }
  html body.yp .yp-portlet .fa-play:before {
    content: "\f04b"; }
  html body.yp .yp-portlet .fa-pause:before {
    content: "\f04c"; }
  html body.yp .yp-portlet .fa-stop:before {
    content: "\f04d"; }
  html body.yp .yp-portlet .fa-forward:before {
    content: "\f04e"; }
  html body.yp .yp-portlet .fa-fast-forward:before {
    content: "\f050"; }
  html body.yp .yp-portlet .fa-step-forward:before {
    content: "\f051"; }
  html body.yp .yp-portlet .fa-eject:before {
    content: "\f052"; }
  html body.yp .yp-portlet .fa-chevron-left:before {
    content: "\f053"; }
  html body.yp .yp-portlet .fa-chevron-right:before {
    content: "\f054"; }
  html body.yp .yp-portlet .fa-plus-circle:before {
    content: "\f055"; }
  html body.yp .yp-portlet .fa-minus-circle:before {
    content: "\f056"; }
  html body.yp .yp-portlet .fa-times-circle:before {
    content: "\f057"; }
  html body.yp .yp-portlet .fa-check-circle:before {
    content: "\f058"; }
  html body.yp .yp-portlet .fa-question-circle:before {
    content: "\f059"; }
  html body.yp .yp-portlet .fa-info-circle:before {
    content: "\f05a"; }
  html body.yp .yp-portlet .fa-crosshairs:before {
    content: "\f05b"; }
  html body.yp .yp-portlet .fa-times-circle-o:before {
    content: "\f05c"; }
  html body.yp .yp-portlet .fa-check-circle-o:before {
    content: "\f05d"; }
  html body.yp .yp-portlet .fa-ban:before {
    content: "\f05e"; }
  html body.yp .yp-portlet .fa-arrow-left:before {
    content: "\f060"; }
  html body.yp .yp-portlet .fa-arrow-right:before {
    content: "\f061"; }
  html body.yp .yp-portlet .fa-arrow-up:before {
    content: "\f062"; }
  html body.yp .yp-portlet .fa-arrow-down:before {
    content: "\f063"; }
  html body.yp .yp-portlet .fa-mail-forward:before, html body.yp .yp-portlet .fa-share:before {
    content: "\f064"; }
  html body.yp .yp-portlet .fa-expand:before {
    content: "\f065"; }
  html body.yp .yp-portlet .fa-compress:before {
    content: "\f066"; }
  html body.yp .yp-portlet .fa-plus:before {
    content: "\f067"; }
  html body.yp .yp-portlet .fa-minus:before {
    content: "\f068"; }
  html body.yp .yp-portlet .fa-asterisk:before {
    content: "\f069"; }
  html body.yp .yp-portlet .fa-exclamation-circle:before {
    content: "\f06a"; }
  html body.yp .yp-portlet .fa-gift:before {
    content: "\f06b"; }
  html body.yp .yp-portlet .fa-leaf:before {
    content: "\f06c"; }
  html body.yp .yp-portlet .fa-fire:before {
    content: "\f06d"; }
  html body.yp .yp-portlet .fa-eye:before {
    content: "\f06e"; }
  html body.yp .yp-portlet .fa-eye-slash:before {
    content: "\f070"; }
  html body.yp .yp-portlet .fa-exclamation-triangle:before, html body.yp .yp-portlet .fa-warning:before {
    content: "\f071"; }
  html body.yp .yp-portlet .fa-plane:before {
    content: "\f072"; }
  html body.yp .yp-portlet .fa-calendar:before {
    content: "\f073"; }
  html body.yp .yp-portlet .fa-random:before {
    content: "\f074"; }
  html body.yp .yp-portlet .fa-comment:before {
    content: "\f075"; }
  html body.yp .yp-portlet .fa-magnet:before {
    content: "\f076"; }
  html body.yp .yp-portlet .fa-chevron-up:before {
    content: "\f077"; }
  html body.yp .yp-portlet .fa-chevron-down:before {
    content: "\f078"; }
  html body.yp .yp-portlet .fa-retweet:before {
    content: "\f079"; }
  html body.yp .yp-portlet .fa-shopping-cart:before {
    content: "\f07a"; }
  html body.yp .yp-portlet .fa-folder:before {
    content: "\f07b"; }
  html body.yp .yp-portlet .fa-folder-open:before {
    content: "\f07c"; }
  html body.yp .yp-portlet .fa-arrows-v:before {
    content: "\f07d"; }
  html body.yp .yp-portlet .fa-arrows-h:before {
    content: "\f07e"; }
  html body.yp .yp-portlet .fa-bar-chart-o:before, html body.yp .yp-portlet .fa-bar-chart:before {
    content: "\f080"; }
  html body.yp .yp-portlet .fa-twitter-square:before {
    content: "\f081"; }
  html body.yp .yp-portlet .fa-facebook-square:before {
    content: "\f082"; }
  html body.yp .yp-portlet .fa-camera-retro:before {
    content: "\f083"; }
  html body.yp .yp-portlet .fa-key:before {
    content: "\f084"; }
  html body.yp .yp-portlet .fa-cogs:before, html body.yp .yp-portlet .fa-gears:before {
    content: "\f085"; }
  html body.yp .yp-portlet .fa-comments:before {
    content: "\f086"; }
  html body.yp .yp-portlet .fa-thumbs-o-up:before {
    content: "\f087"; }
  html body.yp .yp-portlet .fa-thumbs-o-down:before {
    content: "\f088"; }
  html body.yp .yp-portlet .fa-star-half:before {
    content: "\f089"; }
  html body.yp .yp-portlet .fa-heart-o:before {
    content: "\f08a"; }
  html body.yp .yp-portlet .fa-sign-out:before {
    content: "\f08b"; }
  html body.yp .yp-portlet .fa-linkedin-square:before {
    content: "\f08c"; }
  html body.yp .yp-portlet .fa-thumb-tack:before {
    content: "\f08d"; }
  html body.yp .yp-portlet .fa-external-link:before {
    content: "\f08e"; }
  html body.yp .yp-portlet .fa-sign-in:before {
    content: "\f090"; }
  html body.yp .yp-portlet .fa-trophy:before {
    content: "\f091"; }
  html body.yp .yp-portlet .fa-github-square:before {
    content: "\f092"; }
  html body.yp .yp-portlet .fa-upload:before {
    content: "\f093"; }
  html body.yp .yp-portlet .fa-lemon-o:before {
    content: "\f094"; }
  html body.yp .yp-portlet .fa-phone:before {
    content: "\f095"; }
  html body.yp .yp-portlet .fa-square-o:before {
    content: "\f096"; }
  html body.yp .yp-portlet .fa-bookmark-o:before {
    content: "\f097"; }
  html body.yp .yp-portlet .fa-phone-square:before {
    content: "\f098"; }
  html body.yp .yp-portlet .fa-twitter:before {
    content: "\f099"; }
  html body.yp .yp-portlet .fa-facebook-f:before, html body.yp .yp-portlet .fa-facebook:before {
    content: "\f09a"; }
  html body.yp .yp-portlet .fa-github:before {
    content: "\f09b"; }
  html body.yp .yp-portlet .fa-unlock:before {
    content: "\f09c"; }
  html body.yp .yp-portlet .fa-credit-card:before {
    content: "\f09d"; }
  html body.yp .yp-portlet .fa-feed:before, html body.yp .yp-portlet .fa-rss:before {
    content: "\f09e"; }
  html body.yp .yp-portlet .fa-hdd-o:before {
    content: "\f0a0"; }
  html body.yp .yp-portlet .fa-bullhorn:before {
    content: "\f0a1"; }
  html body.yp .yp-portlet .fa-bell:before {
    content: "\f0f3"; }
  html body.yp .yp-portlet .fa-certificate:before {
    content: "\f0a3"; }
  html body.yp .yp-portlet .fa-hand-o-right:before {
    content: "\f0a4"; }
  html body.yp .yp-portlet .fa-hand-o-left:before {
    content: "\f0a5"; }
  html body.yp .yp-portlet .fa-hand-o-up:before {
    content: "\f0a6"; }
  html body.yp .yp-portlet .fa-hand-o-down:before {
    content: "\f0a7"; }
  html body.yp .yp-portlet .fa-arrow-circle-left:before {
    content: "\f0a8"; }
  html body.yp .yp-portlet .fa-arrow-circle-right:before {
    content: "\f0a9"; }
  html body.yp .yp-portlet .fa-arrow-circle-up:before {
    content: "\f0aa"; }
  html body.yp .yp-portlet .fa-arrow-circle-down:before {
    content: "\f0ab"; }
  html body.yp .yp-portlet .fa-globe:before {
    content: "\f0ac"; }
  html body.yp .yp-portlet .fa-wrench:before {
    content: "\f0ad"; }
  html body.yp .yp-portlet .fa-tasks:before {
    content: "\f0ae"; }
  html body.yp .yp-portlet .fa-filter:before {
    content: "\f0b0"; }
  html body.yp .yp-portlet .fa-briefcase:before {
    content: "\f0b1"; }
  html body.yp .yp-portlet .fa-arrows-alt:before {
    content: "\f0b2"; }
  html body.yp .yp-portlet .fa-group:before, html body.yp .yp-portlet .fa-users:before {
    content: "\f0c0"; }
  html body.yp .yp-portlet .fa-chain:before, html body.yp .yp-portlet .fa-link:before {
    content: "\f0c1"; }
  html body.yp .yp-portlet .fa-cloud:before {
    content: "\f0c2"; }
  html body.yp .yp-portlet .fa-flask:before {
    content: "\f0c3"; }
  html body.yp .yp-portlet .fa-cut:before, html body.yp .yp-portlet .fa-scissors:before {
    content: "\f0c4"; }
  html body.yp .yp-portlet .fa-copy:before, html body.yp .yp-portlet .fa-files-o:before {
    content: "\f0c5"; }
  html body.yp .yp-portlet .fa-paperclip:before {
    content: "\f0c6"; }
  html body.yp .yp-portlet .fa-floppy-o:before, html body.yp .yp-portlet .fa-save:before {
    content: "\f0c7"; }
  html body.yp .yp-portlet .fa-square:before {
    content: "\f0c8"; }
  html body.yp .yp-portlet .fa-bars:before, html body.yp .yp-portlet .fa-navicon:before, html body.yp .yp-portlet .fa-reorder:before {
    content: "\f0c9"; }
  html body.yp .yp-portlet .fa-list-ul:before {
    content: "\f0ca"; }
  html body.yp .yp-portlet .fa-list-ol:before {
    content: "\f0cb"; }
  html body.yp .yp-portlet .fa-strikethrough:before {
    content: "\f0cc"; }
  html body.yp .yp-portlet .fa-underline:before {
    content: "\f0cd"; }
  html body.yp .yp-portlet .fa-table:before {
    content: "\f0ce"; }
  html body.yp .yp-portlet .fa-magic:before {
    content: "\f0d0"; }
  html body.yp .yp-portlet .fa-truck:before {
    content: "\f0d1"; }
  html body.yp .yp-portlet .fa-pinterest:before {
    content: "\f0d2"; }
  html body.yp .yp-portlet .fa-pinterest-square:before {
    content: "\f0d3"; }
  html body.yp .yp-portlet .fa-google-plus-square:before {
    content: "\f0d4"; }
  html body.yp .yp-portlet .fa-google-plus:before {
    content: "\f0d5"; }
  html body.yp .yp-portlet .fa-money:before {
    content: "\f0d6"; }
  html body.yp .yp-portlet .fa-caret-down:before {
    content: "\f0d7"; }
  html body.yp .yp-portlet .fa-caret-up:before {
    content: "\f0d8"; }
  html body.yp .yp-portlet .fa-caret-left:before {
    content: "\f0d9"; }
  html body.yp .yp-portlet .fa-caret-right:before {
    content: "\f0da"; }
  html body.yp .yp-portlet .fa-columns:before {
    content: "\f0db"; }
  html body.yp .yp-portlet .fa-sort:before, html body.yp .yp-portlet .fa-unsorted:before {
    content: "\f0dc"; }
  html body.yp .yp-portlet .fa-sort-desc:before, html body.yp .yp-portlet .fa-sort-down:before {
    content: "\f0dd"; }
  html body.yp .yp-portlet .fa-sort-asc:before, html body.yp .yp-portlet .fa-sort-up:before {
    content: "\f0de"; }
  html body.yp .yp-portlet .fa-envelope:before {
    content: "\f0e0"; }
  html body.yp .yp-portlet .fa-linkedin:before {
    content: "\f0e1"; }
  html body.yp .yp-portlet .fa-rotate-left:before, html body.yp .yp-portlet .fa-undo:before {
    content: "\f0e2"; }
  html body.yp .yp-portlet .fa-gavel:before, html body.yp .yp-portlet .fa-legal:before {
    content: "\f0e3"; }
  html body.yp .yp-portlet .fa-dashboard:before, html body.yp .yp-portlet .fa-tachometer:before {
    content: "\f0e4"; }
  html body.yp .yp-portlet .fa-comment-o:before {
    content: "\f0e5"; }
  html body.yp .yp-portlet .fa-comments-o:before {
    content: "\f0e6"; }
  html body.yp .yp-portlet .fa-bolt:before, html body.yp .yp-portlet .fa-flash:before {
    content: "\f0e7"; }
  html body.yp .yp-portlet .fa-sitemap:before {
    content: "\f0e8"; }
  html body.yp .yp-portlet .fa-umbrella:before {
    content: "\f0e9"; }
  html body.yp .yp-portlet .fa-clipboard:before, html body.yp .yp-portlet .fa-paste:before {
    content: "\f0ea"; }
  html body.yp .yp-portlet .fa-lightbulb-o:before {
    content: "\f0eb"; }
  html body.yp .yp-portlet .fa-exchange:before {
    content: "\f0ec"; }
  html body.yp .yp-portlet .fa-cloud-download:before {
    content: "\f0ed"; }
  html body.yp .yp-portlet .fa-cloud-upload:before {
    content: "\f0ee"; }
  html body.yp .yp-portlet .fa-user-md:before {
    content: "\f0f0"; }
  html body.yp .yp-portlet .fa-stethoscope:before {
    content: "\f0f1"; }
  html body.yp .yp-portlet .fa-suitcase:before {
    content: "\f0f2"; }
  html body.yp .yp-portlet .fa-bell-o:before {
    content: "\f0a2"; }
  html body.yp .yp-portlet .fa-coffee:before {
    content: "\f0f4"; }
  html body.yp .yp-portlet .fa-cutlery:before {
    content: "\f0f5"; }
  html body.yp .yp-portlet .fa-file-text-o:before {
    content: "\f0f6"; }
  html body.yp .yp-portlet .fa-building-o:before {
    content: "\f0f7"; }
  html body.yp .yp-portlet .fa-hospital-o:before {
    content: "\f0f8"; }
  html body.yp .yp-portlet .fa-ambulance:before {
    content: "\f0f9"; }
  html body.yp .yp-portlet .fa-medkit:before {
    content: "\f0fa"; }
  html body.yp .yp-portlet .fa-fighter-jet:before {
    content: "\f0fb"; }
  html body.yp .yp-portlet .fa-beer:before {
    content: "\f0fc"; }
  html body.yp .yp-portlet .fa-h-square:before {
    content: "\f0fd"; }
  html body.yp .yp-portlet .fa-plus-square:before {
    content: "\f0fe"; }
  html body.yp .yp-portlet .fa-angle-double-left:before {
    content: "\f100"; }
  html body.yp .yp-portlet .fa-angle-double-right:before {
    content: "\f101"; }
  html body.yp .yp-portlet .fa-angle-double-up:before {
    content: "\f102"; }
  html body.yp .yp-portlet .fa-angle-double-down:before {
    content: "\f103"; }
  html body.yp .yp-portlet .fa-angle-left:before {
    content: "\f104"; }
  html body.yp .yp-portlet .fa-angle-right:before {
    content: "\f105"; }
  html body.yp .yp-portlet .fa-angle-up:before {
    content: "\f106"; }
  html body.yp .yp-portlet .fa-angle-down:before {
    content: "\f107"; }
  html body.yp .yp-portlet .fa-desktop:before {
    content: "\f108"; }
  html body.yp .yp-portlet .fa-laptop:before {
    content: "\f109"; }
  html body.yp .yp-portlet .fa-tablet:before {
    content: "\f10a"; }
  html body.yp .yp-portlet .fa-mobile-phone:before, html body.yp .yp-portlet .fa-mobile:before {
    content: "\f10b"; }
  html body.yp .yp-portlet .fa-circle-o:before {
    content: "\f10c"; }
  html body.yp .yp-portlet .fa-quote-left:before {
    content: "\f10d"; }
  html body.yp .yp-portlet .fa-quote-right:before {
    content: "\f10e"; }
  html body.yp .yp-portlet .fa-spinner:before {
    content: "\f110"; }
  html body.yp .yp-portlet .fa-circle:before {
    content: "\f111"; }
  html body.yp .yp-portlet .fa-mail-reply:before, html body.yp .yp-portlet .fa-reply:before {
    content: "\f112"; }
  html body.yp .yp-portlet .fa-github-alt:before {
    content: "\f113"; }
  html body.yp .yp-portlet .fa-folder-o:before {
    content: "\f114"; }
  html body.yp .yp-portlet .fa-folder-open-o:before {
    content: "\f115"; }
  html body.yp .yp-portlet .fa-smile-o:before {
    content: "\f118"; }
  html body.yp .yp-portlet .fa-frown-o:before {
    content: "\f119"; }
  html body.yp .yp-portlet .fa-meh-o:before {
    content: "\f11a"; }
  html body.yp .yp-portlet .fa-gamepad:before {
    content: "\f11b"; }
  html body.yp .yp-portlet .fa-keyboard-o:before {
    content: "\f11c"; }
  html body.yp .yp-portlet .fa-flag-o:before {
    content: "\f11d"; }
  html body.yp .yp-portlet .fa-flag-checkered:before {
    content: "\f11e"; }
  html body.yp .yp-portlet .fa-terminal:before {
    content: "\f120"; }
  html body.yp .yp-portlet .fa-code:before {
    content: "\f121"; }
  html body.yp .yp-portlet .fa-mail-reply-all:before, html body.yp .yp-portlet .fa-reply-all:before {
    content: "\f122"; }
  html body.yp .yp-portlet .fa-star-half-empty:before, html body.yp .yp-portlet .fa-star-half-full:before, html body.yp .yp-portlet .fa-star-half-o:before {
    content: "\f123"; }
  html body.yp .yp-portlet .fa-location-arrow:before {
    content: "\f124"; }
  html body.yp .yp-portlet .fa-crop:before {
    content: "\f125"; }
  html body.yp .yp-portlet .fa-code-fork:before {
    content: "\f126"; }
  html body.yp .yp-portlet .fa-chain-broken:before, html body.yp .yp-portlet .fa-unlink:before {
    content: "\f127"; }
  html body.yp .yp-portlet .fa-question:before {
    content: "\f128"; }
  html body.yp .yp-portlet .fa-info:before {
    content: "\f129"; }
  html body.yp .yp-portlet .fa-exclamation:before {
    content: "\f12a"; }
  html body.yp .yp-portlet .fa-superscript:before {
    content: "\f12b"; }
  html body.yp .yp-portlet .fa-subscript:before {
    content: "\f12c"; }
  html body.yp .yp-portlet .fa-eraser:before {
    content: "\f12d"; }
  html body.yp .yp-portlet .fa-puzzle-piece:before {
    content: "\f12e"; }
  html body.yp .yp-portlet .fa-microphone:before {
    content: "\f130"; }
  html body.yp .yp-portlet .fa-microphone-slash:before {
    content: "\f131"; }
  html body.yp .yp-portlet .fa-shield:before {
    content: "\f132"; }
  html body.yp .yp-portlet .fa-calendar-o:before {
    content: "\f133"; }
  html body.yp .yp-portlet .fa-fire-extinguisher:before {
    content: "\f134"; }
  html body.yp .yp-portlet .fa-rocket:before {
    content: "\f135"; }
  html body.yp .yp-portlet .fa-maxcdn:before {
    content: "\f136"; }
  html body.yp .yp-portlet .fa-chevron-circle-left:before {
    content: "\f137"; }
  html body.yp .yp-portlet .fa-chevron-circle-right:before {
    content: "\f138"; }
  html body.yp .yp-portlet .fa-chevron-circle-up:before {
    content: "\f139"; }
  html body.yp .yp-portlet .fa-chevron-circle-down:before {
    content: "\f13a"; }
  html body.yp .yp-portlet .fa-html5:before {
    content: "\f13b"; }
  html body.yp .yp-portlet .fa-css3:before {
    content: "\f13c"; }
  html body.yp .yp-portlet .fa-anchor:before {
    content: "\f13d"; }
  html body.yp .yp-portlet .fa-unlock-alt:before {
    content: "\f13e"; }
  html body.yp .yp-portlet .fa-bullseye:before {
    content: "\f140"; }
  html body.yp .yp-portlet .fa-ellipsis-h:before {
    content: "\f141"; }
  html body.yp .yp-portlet .fa-ellipsis-v:before {
    content: "\f142"; }
  html body.yp .yp-portlet .fa-rss-square:before {
    content: "\f143"; }
  html body.yp .yp-portlet .fa-play-circle:before {
    content: "\f144"; }
  html body.yp .yp-portlet .fa-ticket:before {
    content: "\f145"; }
  html body.yp .yp-portlet .fa-minus-square:before {
    content: "\f146"; }
  html body.yp .yp-portlet .fa-minus-square-o:before {
    content: "\f147"; }
  html body.yp .yp-portlet .fa-level-up:before {
    content: "\f148"; }
  html body.yp .yp-portlet .fa-level-down:before {
    content: "\f149"; }
  html body.yp .yp-portlet .fa-check-square:before {
    content: "\f14a"; }
  html body.yp .yp-portlet .fa-pencil-square:before {
    content: "\f14b"; }
  html body.yp .yp-portlet .fa-external-link-square:before {
    content: "\f14c"; }
  html body.yp .yp-portlet .fa-share-square:before {
    content: "\f14d"; }
  html body.yp .yp-portlet .fa-compass:before {
    content: "\f14e"; }
  html body.yp .yp-portlet .fa-caret-square-o-down:before, html body.yp .yp-portlet .fa-toggle-down:before {
    content: "\f150"; }
  html body.yp .yp-portlet .fa-caret-square-o-up:before, html body.yp .yp-portlet .fa-toggle-up:before {
    content: "\f151"; }
  html body.yp .yp-portlet .fa-caret-square-o-right:before, html body.yp .yp-portlet .fa-toggle-right:before {
    content: "\f152"; }
  html body.yp .yp-portlet .fa-eur:before, html body.yp .yp-portlet .fa-euro:before {
    content: "\f153"; }
  html body.yp .yp-portlet .fa-gbp:before {
    content: "\f154"; }
  html body.yp .yp-portlet .fa-dollar:before, html body.yp .yp-portlet .fa-usd:before {
    content: "\f155"; }
  html body.yp .yp-portlet .fa-inr:before, html body.yp .yp-portlet .fa-rupee:before {
    content: "\f156"; }
  html body.yp .yp-portlet .fa-cny:before, html body.yp .yp-portlet .fa-jpy:before, html body.yp .yp-portlet .fa-rmb:before, html body.yp .yp-portlet .fa-yen:before {
    content: "\f157"; }
  html body.yp .yp-portlet .fa-rouble:before, html body.yp .yp-portlet .fa-rub:before, html body.yp .yp-portlet .fa-ruble:before {
    content: "\f158"; }
  html body.yp .yp-portlet .fa-krw:before, html body.yp .yp-portlet .fa-won:before {
    content: "\f159"; }
  html body.yp .yp-portlet .fa-bitcoin:before, html body.yp .yp-portlet .fa-btc:before {
    content: "\f15a"; }
  html body.yp .yp-portlet .fa-file:before {
    content: "\f15b"; }
  html body.yp .yp-portlet .fa-file-text:before {
    content: "\f15c"; }
  html body.yp .yp-portlet .fa-sort-alpha-asc:before {
    content: "\f15d"; }
  html body.yp .yp-portlet .fa-sort-alpha-desc:before {
    content: "\f15e"; }
  html body.yp .yp-portlet .fa-sort-amount-asc:before {
    content: "\f160"; }
  html body.yp .yp-portlet .fa-sort-amount-desc:before {
    content: "\f161"; }
  html body.yp .yp-portlet .fa-sort-numeric-asc:before {
    content: "\f162"; }
  html body.yp .yp-portlet .fa-sort-numeric-desc:before {
    content: "\f163"; }
  html body.yp .yp-portlet .fa-thumbs-up:before {
    content: "\f164"; }
  html body.yp .yp-portlet .fa-thumbs-down:before {
    content: "\f165"; }
  html body.yp .yp-portlet .fa-youtube-square:before {
    content: "\f166"; }
  html body.yp .yp-portlet .fa-youtube:before {
    content: "\f167"; }
  html body.yp .yp-portlet .fa-xing:before {
    content: "\f168"; }
  html body.yp .yp-portlet .fa-xing-square:before {
    content: "\f169"; }
  html body.yp .yp-portlet .fa-youtube-play:before {
    content: "\f16a"; }
  html body.yp .yp-portlet .fa-dropbox:before {
    content: "\f16b"; }
  html body.yp .yp-portlet .fa-stack-overflow:before {
    content: "\f16c"; }
  html body.yp .yp-portlet .fa-instagram:before {
    content: "\f16d"; }
  html body.yp .yp-portlet .fa-flickr:before {
    content: "\f16e"; }
  html body.yp .yp-portlet .fa-adn:before {
    content: "\f170"; }
  html body.yp .yp-portlet .fa-bitbucket:before {
    content: "\f171"; }
  html body.yp .yp-portlet .fa-bitbucket-square:before {
    content: "\f172"; }
  html body.yp .yp-portlet .fa-tumblr:before {
    content: "\f173"; }
  html body.yp .yp-portlet .fa-tumblr-square:before {
    content: "\f174"; }
  html body.yp .yp-portlet .fa-long-arrow-down:before {
    content: "\f175"; }
  html body.yp .yp-portlet .fa-long-arrow-up:before {
    content: "\f176"; }
  html body.yp .yp-portlet .fa-long-arrow-left:before {
    content: "\f177"; }
  html body.yp .yp-portlet .fa-long-arrow-right:before {
    content: "\f178"; }
  html body.yp .yp-portlet .fa-apple:before {
    content: "\f179"; }
  html body.yp .yp-portlet .fa-windows:before {
    content: "\f17a"; }
  html body.yp .yp-portlet .fa-android:before {
    content: "\f17b"; }
  html body.yp .yp-portlet .fa-linux:before {
    content: "\f17c"; }
  html body.yp .yp-portlet .fa-dribbble:before {
    content: "\f17d"; }
  html body.yp .yp-portlet .fa-skype:before {
    content: "\f17e"; }
  html body.yp .yp-portlet .fa-foursquare:before {
    content: "\f180"; }
  html body.yp .yp-portlet .fa-trello:before {
    content: "\f181"; }
  html body.yp .yp-portlet .fa-female:before {
    content: "\f182"; }
  html body.yp .yp-portlet .fa-male:before {
    content: "\f183"; }
  html body.yp .yp-portlet .fa-gittip:before, html body.yp .yp-portlet .fa-gratipay:before {
    content: "\f184"; }
  html body.yp .yp-portlet .fa-sun-o:before {
    content: "\f185"; }
  html body.yp .yp-portlet .fa-moon-o:before {
    content: "\f186"; }
  html body.yp .yp-portlet .fa-archive:before {
    content: "\f187"; }
  html body.yp .yp-portlet .fa-bug:before {
    content: "\f188"; }
  html body.yp .yp-portlet .fa-vk:before {
    content: "\f189"; }
  html body.yp .yp-portlet .fa-weibo:before {
    content: "\f18a"; }
  html body.yp .yp-portlet .fa-renren:before {
    content: "\f18b"; }
  html body.yp .yp-portlet .fa-pagelines:before {
    content: "\f18c"; }
  html body.yp .yp-portlet .fa-stack-exchange:before {
    content: "\f18d"; }
  html body.yp .yp-portlet .fa-arrow-circle-o-right:before {
    content: "\f18e"; }
  html body.yp .yp-portlet .fa-arrow-circle-o-left:before {
    content: "\f190"; }
  html body.yp .yp-portlet .fa-caret-square-o-left:before, html body.yp .yp-portlet .fa-toggle-left:before {
    content: "\f191"; }
  html body.yp .yp-portlet .fa-dot-circle-o:before {
    content: "\f192"; }
  html body.yp .yp-portlet .fa-wheelchair:before {
    content: "\f193"; }
  html body.yp .yp-portlet .fa-vimeo-square:before {
    content: "\f194"; }
  html body.yp .yp-portlet .fa-try:before, html body.yp .yp-portlet .fa-turkish-lira:before {
    content: "\f195"; }
  html body.yp .yp-portlet .fa-plus-square-o:before {
    content: "\f196"; }
  html body.yp .yp-portlet .fa-space-shuttle:before {
    content: "\f197"; }
  html body.yp .yp-portlet .fa-slack:before {
    content: "\f198"; }
  html body.yp .yp-portlet .fa-envelope-square:before {
    content: "\f199"; }
  html body.yp .yp-portlet .fa-wordpress:before {
    content: "\f19a"; }
  html body.yp .yp-portlet .fa-openid:before {
    content: "\f19b"; }
  html body.yp .yp-portlet .fa-bank:before, html body.yp .yp-portlet .fa-institution:before, html body.yp .yp-portlet .fa-university:before {
    content: "\f19c"; }
  html body.yp .yp-portlet .fa-graduation-cap:before, html body.yp .yp-portlet .fa-mortar-board:before {
    content: "\f19d"; }
  html body.yp .yp-portlet .fa-yahoo:before {
    content: "\f19e"; }
  html body.yp .yp-portlet .fa-google:before {
    content: "\f1a0"; }
  html body.yp .yp-portlet .fa-reddit:before {
    content: "\f1a1"; }
  html body.yp .yp-portlet .fa-reddit-square:before {
    content: "\f1a2"; }
  html body.yp .yp-portlet .fa-stumbleupon-circle:before {
    content: "\f1a3"; }
  html body.yp .yp-portlet .fa-stumbleupon:before {
    content: "\f1a4"; }
  html body.yp .yp-portlet .fa-delicious:before {
    content: "\f1a5"; }
  html body.yp .yp-portlet .fa-digg:before {
    content: "\f1a6"; }
  html body.yp .yp-portlet .fa-pied-piper:before {
    content: "\f1a7"; }
  html body.yp .yp-portlet .fa-pied-piper-alt:before {
    content: "\f1a8"; }
  html body.yp .yp-portlet .fa-drupal:before {
    content: "\f1a9"; }
  html body.yp .yp-portlet .fa-joomla:before {
    content: "\f1aa"; }
  html body.yp .yp-portlet .fa-language:before {
    content: "\f1ab"; }
  html body.yp .yp-portlet .fa-fax:before {
    content: "\f1ac"; }
  html body.yp .yp-portlet .fa-building:before {
    content: "\f1ad"; }
  html body.yp .yp-portlet .fa-child:before {
    content: "\f1ae"; }
  html body.yp .yp-portlet .fa-paw:before {
    content: "\f1b0"; }
  html body.yp .yp-portlet .fa-spoon:before {
    content: "\f1b1"; }
  html body.yp .yp-portlet .fa-cube:before {
    content: "\f1b2"; }
  html body.yp .yp-portlet .fa-cubes:before {
    content: "\f1b3"; }
  html body.yp .yp-portlet .fa-behance:before {
    content: "\f1b4"; }
  html body.yp .yp-portlet .fa-behance-square:before {
    content: "\f1b5"; }
  html body.yp .yp-portlet .fa-steam:before {
    content: "\f1b6"; }
  html body.yp .yp-portlet .fa-steam-square:before {
    content: "\f1b7"; }
  html body.yp .yp-portlet .fa-recycle:before {
    content: "\f1b8"; }
  html body.yp .yp-portlet .fa-automobile:before, html body.yp .yp-portlet .fa-car:before {
    content: "\f1b9"; }
  html body.yp .yp-portlet .fa-cab:before, html body.yp .yp-portlet .fa-taxi:before {
    content: "\f1ba"; }
  html body.yp .yp-portlet .fa-tree:before {
    content: "\f1bb"; }
  html body.yp .yp-portlet .fa-spotify:before {
    content: "\f1bc"; }
  html body.yp .yp-portlet .fa-deviantart:before {
    content: "\f1bd"; }
  html body.yp .yp-portlet .fa-soundcloud:before {
    content: "\f1be"; }
  html body.yp .yp-portlet .fa-database:before {
    content: "\f1c0"; }
  html body.yp .yp-portlet .fa-file-pdf-o:before {
    content: "\f1c1"; }
  html body.yp .yp-portlet .fa-file-word-o:before {
    content: "\f1c2"; }
  html body.yp .yp-portlet .fa-file-excel-o:before {
    content: "\f1c3"; }
  html body.yp .yp-portlet .fa-file-powerpoint-o:before {
    content: "\f1c4"; }
  html body.yp .yp-portlet .fa-file-image-o:before, html body.yp .yp-portlet .fa-file-photo-o:before, html body.yp .yp-portlet .fa-file-picture-o:before {
    content: "\f1c5"; }
  html body.yp .yp-portlet .fa-file-archive-o:before, html body.yp .yp-portlet .fa-file-zip-o:before {
    content: "\f1c6"; }
  html body.yp .yp-portlet .fa-file-audio-o:before, html body.yp .yp-portlet .fa-file-sound-o:before {
    content: "\f1c7"; }
  html body.yp .yp-portlet .fa-file-movie-o:before, html body.yp .yp-portlet .fa-file-video-o:before {
    content: "\f1c8"; }
  html body.yp .yp-portlet .fa-file-code-o:before {
    content: "\f1c9"; }
  html body.yp .yp-portlet .fa-vine:before {
    content: "\f1ca"; }
  html body.yp .yp-portlet .fa-codepen:before {
    content: "\f1cb"; }
  html body.yp .yp-portlet .fa-jsfiddle:before {
    content: "\f1cc"; }
  html body.yp .yp-portlet .fa-life-bouy:before, html body.yp .yp-portlet .fa-life-buoy:before, html body.yp .yp-portlet .fa-life-ring:before, html body.yp .yp-portlet .fa-life-saver:before, html body.yp .yp-portlet .fa-support:before {
    content: "\f1cd"; }
  html body.yp .yp-portlet .fa-circle-o-notch:before {
    content: "\f1ce"; }
  html body.yp .yp-portlet .fa-ra:before, html body.yp .yp-portlet .fa-rebel:before {
    content: "\f1d0"; }
  html body.yp .yp-portlet .fa-empire:before, html body.yp .yp-portlet .fa-ge:before {
    content: "\f1d1"; }
  html body.yp .yp-portlet .fa-git-square:before {
    content: "\f1d2"; }
  html body.yp .yp-portlet .fa-git:before {
    content: "\f1d3"; }
  html body.yp .yp-portlet .fa-hacker-news:before, html body.yp .yp-portlet .fa-y-combinator-square:before, html body.yp .yp-portlet .fa-yc-square:before {
    content: "\f1d4"; }
  html body.yp .yp-portlet .fa-tencent-weibo:before {
    content: "\f1d5"; }
  html body.yp .yp-portlet .fa-qq:before {
    content: "\f1d6"; }
  html body.yp .yp-portlet .fa-wechat:before, html body.yp .yp-portlet .fa-weixin:before {
    content: "\f1d7"; }
  html body.yp .yp-portlet .fa-paper-plane:before, html body.yp .yp-portlet .fa-send:before {
    content: "\f1d8"; }
  html body.yp .yp-portlet .fa-paper-plane-o:before, html body.yp .yp-portlet .fa-send-o:before {
    content: "\f1d9"; }
  html body.yp .yp-portlet .fa-history:before {
    content: "\f1da"; }
  html body.yp .yp-portlet .fa-circle-thin:before {
    content: "\f1db"; }
  html body.yp .yp-portlet .fa-header:before {
    content: "\f1dc"; }
  html body.yp .yp-portlet .fa-paragraph:before {
    content: "\f1dd"; }
  html body.yp .yp-portlet .fa-sliders:before {
    content: "\f1de"; }
  html body.yp .yp-portlet .fa-share-alt:before {
    content: "\f1e0"; }
  html body.yp .yp-portlet .fa-share-alt-square:before {
    content: "\f1e1"; }
  html body.yp .yp-portlet .fa-bomb:before {
    content: "\f1e2"; }
  html body.yp .yp-portlet .fa-futbol-o:before, html body.yp .yp-portlet .fa-soccer-ball-o:before {
    content: "\f1e3"; }
  html body.yp .yp-portlet .fa-tty:before {
    content: "\f1e4"; }
  html body.yp .yp-portlet .fa-binoculars:before {
    content: "\f1e5"; }
  html body.yp .yp-portlet .fa-plug:before {
    content: "\f1e6"; }
  html body.yp .yp-portlet .fa-slideshare:before {
    content: "\f1e7"; }
  html body.yp .yp-portlet .fa-twitch:before {
    content: "\f1e8"; }
  html body.yp .yp-portlet .fa-yelp:before {
    content: "\f1e9"; }
  html body.yp .yp-portlet .fa-newspaper-o:before {
    content: "\f1ea"; }
  html body.yp .yp-portlet .fa-wifi:before {
    content: "\f1eb"; }
  html body.yp .yp-portlet .fa-calculator:before {
    content: "\f1ec"; }
  html body.yp .yp-portlet .fa-paypal:before {
    content: "\f1ed"; }
  html body.yp .yp-portlet .fa-google-wallet:before {
    content: "\f1ee"; }
  html body.yp .yp-portlet .fa-cc-visa:before {
    content: "\f1f0"; }
  html body.yp .yp-portlet .fa-cc-mastercard:before {
    content: "\f1f1"; }
  html body.yp .yp-portlet .fa-cc-discover:before {
    content: "\f1f2"; }
  html body.yp .yp-portlet .fa-cc-amex:before {
    content: "\f1f3"; }
  html body.yp .yp-portlet .fa-cc-paypal:before {
    content: "\f1f4"; }
  html body.yp .yp-portlet .fa-cc-stripe:before {
    content: "\f1f5"; }
  html body.yp .yp-portlet .fa-bell-slash:before {
    content: "\f1f6"; }
  html body.yp .yp-portlet .fa-bell-slash-o:before {
    content: "\f1f7"; }
  html body.yp .yp-portlet .fa-trash:before {
    content: "\f1f8"; }
  html body.yp .yp-portlet .fa-copyright:before {
    content: "\f1f9"; }
  html body.yp .yp-portlet .fa-at:before {
    content: "\f1fa"; }
  html body.yp .yp-portlet .fa-eyedropper:before {
    content: "\f1fb"; }
  html body.yp .yp-portlet .fa-paint-brush:before {
    content: "\f1fc"; }
  html body.yp .yp-portlet .fa-birthday-cake:before {
    content: "\f1fd"; }
  html body.yp .yp-portlet .fa-area-chart:before {
    content: "\f1fe"; }
  html body.yp .yp-portlet .fa-pie-chart:before {
    content: "\f200"; }
  html body.yp .yp-portlet .fa-line-chart:before {
    content: "\f201"; }
  html body.yp .yp-portlet .fa-lastfm:before {
    content: "\f202"; }
  html body.yp .yp-portlet .fa-lastfm-square:before {
    content: "\f203"; }
  html body.yp .yp-portlet .fa-toggle-off:before {
    content: "\f204"; }
  html body.yp .yp-portlet .fa-toggle-on:before {
    content: "\f205"; }
  html body.yp .yp-portlet .fa-bicycle:before {
    content: "\f206"; }
  html body.yp .yp-portlet .fa-bus:before {
    content: "\f207"; }
  html body.yp .yp-portlet .fa-ioxhost:before {
    content: "\f208"; }
  html body.yp .yp-portlet .fa-angellist:before {
    content: "\f209"; }
  html body.yp .yp-portlet .fa-cc:before {
    content: "\f20a"; }
  html body.yp .yp-portlet .fa-ils:before, html body.yp .yp-portlet .fa-shekel:before, html body.yp .yp-portlet .fa-sheqel:before {
    content: "\f20b"; }
  html body.yp .yp-portlet .fa-meanpath:before {
    content: "\f20c"; }
  html body.yp .yp-portlet .fa-buysellads:before {
    content: "\f20d"; }
  html body.yp .yp-portlet .fa-connectdevelop:before {
    content: "\f20e"; }
  html body.yp .yp-portlet .fa-dashcube:before {
    content: "\f210"; }
  html body.yp .yp-portlet .fa-forumbee:before {
    content: "\f211"; }
  html body.yp .yp-portlet .fa-leanpub:before {
    content: "\f212"; }
  html body.yp .yp-portlet .fa-sellsy:before {
    content: "\f213"; }
  html body.yp .yp-portlet .fa-shirtsinbulk:before {
    content: "\f214"; }
  html body.yp .yp-portlet .fa-simplybuilt:before {
    content: "\f215"; }
  html body.yp .yp-portlet .fa-skyatlas:before {
    content: "\f216"; }
  html body.yp .yp-portlet .fa-cart-plus:before {
    content: "\f217"; }
  html body.yp .yp-portlet .fa-cart-arrow-down:before {
    content: "\f218"; }
  html body.yp .yp-portlet .fa-diamond:before {
    content: "\f219"; }
  html body.yp .yp-portlet .fa-ship:before {
    content: "\f21a"; }
  html body.yp .yp-portlet .fa-user-secret:before {
    content: "\f21b"; }
  html body.yp .yp-portlet .fa-motorcycle:before {
    content: "\f21c"; }
  html body.yp .yp-portlet .fa-street-view:before {
    content: "\f21d"; }
  html body.yp .yp-portlet .fa-heartbeat:before {
    content: "\f21e"; }
  html body.yp .yp-portlet .fa-venus:before {
    content: "\f221"; }
  html body.yp .yp-portlet .fa-mars:before {
    content: "\f222"; }
  html body.yp .yp-portlet .fa-mercury:before {
    content: "\f223"; }
  html body.yp .yp-portlet .fa-intersex:before, html body.yp .yp-portlet .fa-transgender:before {
    content: "\f224"; }
  html body.yp .yp-portlet .fa-transgender-alt:before {
    content: "\f225"; }
  html body.yp .yp-portlet .fa-venus-double:before {
    content: "\f226"; }
  html body.yp .yp-portlet .fa-mars-double:before {
    content: "\f227"; }
  html body.yp .yp-portlet .fa-venus-mars:before {
    content: "\f228"; }
  html body.yp .yp-portlet .fa-mars-stroke:before {
    content: "\f229"; }
  html body.yp .yp-portlet .fa-mars-stroke-v:before {
    content: "\f22a"; }
  html body.yp .yp-portlet .fa-mars-stroke-h:before {
    content: "\f22b"; }
  html body.yp .yp-portlet .fa-neuter:before {
    content: "\f22c"; }
  html body.yp .yp-portlet .fa-genderless:before {
    content: "\f22d"; }
  html body.yp .yp-portlet .fa-facebook-official:before {
    content: "\f230"; }
  html body.yp .yp-portlet .fa-pinterest-p:before {
    content: "\f231"; }
  html body.yp .yp-portlet .fa-whatsapp:before {
    content: "\f232"; }
  html body.yp .yp-portlet .fa-server:before {
    content: "\f233"; }
  html body.yp .yp-portlet .fa-user-plus:before {
    content: "\f234"; }
  html body.yp .yp-portlet .fa-user-times:before {
    content: "\f235"; }
  html body.yp .yp-portlet .fa-bed:before, html body.yp .yp-portlet .fa-hotel:before {
    content: "\f236"; }
  html body.yp .yp-portlet .fa-viacoin:before {
    content: "\f237"; }
  html body.yp .yp-portlet .fa-train:before {
    content: "\f238"; }
  html body.yp .yp-portlet .fa-subway:before {
    content: "\f239"; }
  html body.yp .yp-portlet .fa-medium:before {
    content: "\f23a"; }
  html body.yp .yp-portlet .fa-y-combinator:before, html body.yp .yp-portlet .fa-yc:before {
    content: "\f23b"; }
  html body.yp .yp-portlet .fa-optin-monster:before {
    content: "\f23c"; }
  html body.yp .yp-portlet .fa-opencart:before {
    content: "\f23d"; }
  html body.yp .yp-portlet .fa-expeditedssl:before {
    content: "\f23e"; }
  html body.yp .yp-portlet .fa-battery-4:before, html body.yp .yp-portlet .fa-battery-full:before {
    content: "\f240"; }
  html body.yp .yp-portlet .fa-battery-3:before, html body.yp .yp-portlet .fa-battery-three-quarters:before {
    content: "\f241"; }
  html body.yp .yp-portlet .fa-battery-2:before, html body.yp .yp-portlet .fa-battery-half:before {
    content: "\f242"; }
  html body.yp .yp-portlet .fa-battery-1:before, html body.yp .yp-portlet .fa-battery-quarter:before {
    content: "\f243"; }
  html body.yp .yp-portlet .fa-battery-0:before, html body.yp .yp-portlet .fa-battery-empty:before {
    content: "\f244"; }
  html body.yp .yp-portlet .fa-mouse-pointer:before {
    content: "\f245"; }
  html body.yp .yp-portlet .fa-i-cursor:before {
    content: "\f246"; }
  html body.yp .yp-portlet .fa-object-group:before {
    content: "\f247"; }
  html body.yp .yp-portlet .fa-object-ungroup:before {
    content: "\f248"; }
  html body.yp .yp-portlet .fa-sticky-note:before {
    content: "\f249"; }
  html body.yp .yp-portlet .fa-sticky-note-o:before {
    content: "\f24a"; }
  html body.yp .yp-portlet .fa-cc-jcb:before {
    content: "\f24b"; }
  html body.yp .yp-portlet .fa-cc-diners-club:before {
    content: "\f24c"; }
  html body.yp .yp-portlet .fa-clone:before {
    content: "\f24d"; }
  html body.yp .yp-portlet .fa-balance-scale:before {
    content: "\f24e"; }
  html body.yp .yp-portlet .fa-hourglass-o:before {
    content: "\f250"; }
  html body.yp .yp-portlet .fa-hourglass-1:before, html body.yp .yp-portlet .fa-hourglass-start:before {
    content: "\f251"; }
  html body.yp .yp-portlet .fa-hourglass-2:before, html body.yp .yp-portlet .fa-hourglass-half:before {
    content: "\f252"; }
  html body.yp .yp-portlet .fa-hourglass-3:before, html body.yp .yp-portlet .fa-hourglass-end:before {
    content: "\f253"; }
  html body.yp .yp-portlet .fa-hourglass:before {
    content: "\f254"; }
  html body.yp .yp-portlet .fa-hand-grab-o:before, html body.yp .yp-portlet .fa-hand-rock-o:before {
    content: "\f255"; }
  html body.yp .yp-portlet .fa-hand-paper-o:before, html body.yp .yp-portlet .fa-hand-stop-o:before {
    content: "\f256"; }
  html body.yp .yp-portlet .fa-hand-scissors-o:before {
    content: "\f257"; }
  html body.yp .yp-portlet .fa-hand-lizard-o:before {
    content: "\f258"; }
  html body.yp .yp-portlet .fa-hand-spock-o:before {
    content: "\f259"; }
  html body.yp .yp-portlet .fa-hand-pointer-o:before {
    content: "\f25a"; }
  html body.yp .yp-portlet .fa-hand-peace-o:before {
    content: "\f25b"; }
  html body.yp .yp-portlet .fa-trademark:before {
    content: "\f25c"; }
  html body.yp .yp-portlet .fa-registered:before {
    content: "\f25d"; }
  html body.yp .yp-portlet .fa-creative-commons:before {
    content: "\f25e"; }
  html body.yp .yp-portlet .fa-gg:before {
    content: "\f260"; }
  html body.yp .yp-portlet .fa-gg-circle:before {
    content: "\f261"; }
  html body.yp .yp-portlet .fa-tripadvisor:before {
    content: "\f262"; }
  html body.yp .yp-portlet .fa-odnoklassniki:before {
    content: "\f263"; }
  html body.yp .yp-portlet .fa-odnoklassniki-square:before {
    content: "\f264"; }
  html body.yp .yp-portlet .fa-get-pocket:before {
    content: "\f265"; }
  html body.yp .yp-portlet .fa-wikipedia-w:before {
    content: "\f266"; }
  html body.yp .yp-portlet .fa-safari:before {
    content: "\f267"; }
  html body.yp .yp-portlet .fa-chrome:before {
    content: "\f268"; }
  html body.yp .yp-portlet .fa-firefox:before {
    content: "\f269"; }
  html body.yp .yp-portlet .fa-opera:before {
    content: "\f26a"; }
  html body.yp .yp-portlet .fa-internet-explorer:before {
    content: "\f26b"; }
  html body.yp .yp-portlet .fa-television:before, html body.yp .yp-portlet .fa-tv:before {
    content: "\f26c"; }
  html body.yp .yp-portlet .fa-contao:before {
    content: "\f26d"; }
  html body.yp .yp-portlet .fa-500px:before {
    content: "\f26e"; }
  html body.yp .yp-portlet .fa-amazon:before {
    content: "\f270"; }
  html body.yp .yp-portlet .fa-calendar-plus-o:before {
    content: "\f271"; }
  html body.yp .yp-portlet .fa-calendar-minus-o:before {
    content: "\f272"; }
  html body.yp .yp-portlet .fa-calendar-times-o:before {
    content: "\f273"; }
  html body.yp .yp-portlet .fa-calendar-check-o:before {
    content: "\f274"; }
  html body.yp .yp-portlet .fa-industry:before {
    content: "\f275"; }
  html body.yp .yp-portlet .fa-map-pin:before {
    content: "\f276"; }
  html body.yp .yp-portlet .fa-map-signs:before {
    content: "\f277"; }
  html body.yp .yp-portlet .fa-map-o:before {
    content: "\f278"; }
  html body.yp .yp-portlet .fa-map:before {
    content: "\f279"; }
  html body.yp .yp-portlet .fa-commenting:before {
    content: "\f27a"; }
  html body.yp .yp-portlet .fa-commenting-o:before {
    content: "\f27b"; }
  html body.yp .yp-portlet .fa-houzz:before {
    content: "\f27c"; }
  html body.yp .yp-portlet .fa-vimeo:before {
    content: "\f27d"; }
  html body.yp .yp-portlet .fa-black-tie:before {
    content: "\f27e"; }
  html body.yp .yp-portlet .fa-fonticons:before {
    content: "\f280"; }
  html body.yp .yp-portlet .fa-reddit-alien:before {
    content: "\f281"; }
  html body.yp .yp-portlet .fa-edge:before {
    content: "\f282"; }
  html body.yp .yp-portlet .fa-credit-card-alt:before {
    content: "\f283"; }
  html body.yp .yp-portlet .fa-codiepie:before {
    content: "\f284"; }
  html body.yp .yp-portlet .fa-modx:before {
    content: "\f285"; }
  html body.yp .yp-portlet .fa-fort-awesome:before {
    content: "\f286"; }
  html body.yp .yp-portlet .fa-usb:before {
    content: "\f287"; }
  html body.yp .yp-portlet .fa-product-hunt:before {
    content: "\f288"; }
  html body.yp .yp-portlet .fa-mixcloud:before {
    content: "\f289"; }
  html body.yp .yp-portlet .fa-scribd:before {
    content: "\f28a"; }
  html body.yp .yp-portlet .fa-pause-circle:before {
    content: "\f28b"; }
  html body.yp .yp-portlet .fa-pause-circle-o:before {
    content: "\f28c"; }
  html body.yp .yp-portlet .fa-stop-circle:before {
    content: "\f28d"; }
  html body.yp .yp-portlet .fa-stop-circle-o:before {
    content: "\f28e"; }
  html body.yp .yp-portlet .fa-shopping-bag:before {
    content: "\f290"; }
  html body.yp .yp-portlet .fa-shopping-basket:before {
    content: "\f291"; }
  html body.yp .yp-portlet .fa-hashtag:before {
    content: "\f292"; }
  html body.yp .yp-portlet .fa-bluetooth:before {
    content: "\f293"; }
  html body.yp .yp-portlet .fa-bluetooth-b:before {
    content: "\f294"; }
  html body.yp .yp-portlet .fa-percent:before {
    content: "\f295"; }
  html body.yp .yp-portlet .fa-gitlab:before {
    content: "\f296"; }
  html body.yp .yp-portlet .fa-wpbeginner:before {
    content: "\f297"; }
  html body.yp .yp-portlet .fa-wpforms:before {
    content: "\f298"; }
  html body.yp .yp-portlet .fa-envira:before {
    content: "\f299"; }
  html body.yp .yp-portlet .fa-universal-access:before {
    content: "\f29a"; }
  html body.yp .yp-portlet .fa-wheelchair-alt:before {
    content: "\f29b"; }
  html body.yp .yp-portlet .fa-question-circle-o:before {
    content: "\f29c"; }
  html body.yp .yp-portlet .fa-blind:before {
    content: "\f29d"; }
  html body.yp .yp-portlet .fa-audio-description:before {
    content: "\f29e"; }
  html body.yp .yp-portlet .fa-volume-control-phone:before {
    content: "\f2a0"; }
  html body.yp .yp-portlet .fa-braille:before {
    content: "\f2a1"; }
  html body.yp .yp-portlet .fa-assistive-listening-systems:before {
    content: "\f2a2"; }
  html body.yp .yp-portlet .fa-american-sign-language-interpreting:before, html body.yp .yp-portlet .fa-asl-interpreting:before {
    content: "\f2a3"; }
  html body.yp .yp-portlet .fa-deaf:before, html body.yp .yp-portlet .fa-deafness:before, html body.yp .yp-portlet .fa-hard-of-hearing:before {
    content: "\f2a4"; }
  html body.yp .yp-portlet .fa-glide:before {
    content: "\f2a5"; }
  html body.yp .yp-portlet .fa-glide-g:before {
    content: "\f2a6"; }
  html body.yp .yp-portlet .fa-sign-language:before, html body.yp .yp-portlet .fa-signing:before {
    content: "\f2a7"; }
  html body.yp .yp-portlet .fa-low-vision:before {
    content: "\f2a8"; }
  html body.yp .yp-portlet .fa-viadeo:before {
    content: "\f2a9"; }
  html body.yp .yp-portlet .fa-viadeo-square:before {
    content: "\f2aa"; }
  html body.yp .yp-portlet .fa-snapchat:before {
    content: "\f2ab"; }
  html body.yp .yp-portlet .fa-snapchat-ghost:before {
    content: "\f2ac"; }
  html body.yp .yp-portlet .fa-snapchat-square:before {
    content: "\f2ad"; }
  html body.yp .yp-portlet .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  html body.yp .yp-portlet .sr-only-focusable:active, html body.yp .yp-portlet .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto; }
  html body.yp .yp-portlet .p-t-100 {
    padding-top: 100px !important; }
  html body.yp .yp-portlet .p-b-100 {
    padding-bottom: 100px !important; }
  html body.yp .yp-portlet .p-l-100 {
    padding-left: 100px !important; }
  html body.yp .yp-portlet .p-r-100 {
    padding-right: 100px !important; }
  html body.yp .yp-portlet .p-t-95 {
    padding-top: 95px !important; }
  html body.yp .yp-portlet .p-b-95 {
    padding-bottom: 95px !important; }
  html body.yp .yp-portlet .p-l-95 {
    padding-left: 95px !important; }
  html body.yp .yp-portlet .p-r-95 {
    padding-right: 95px !important; }
  html body.yp .yp-portlet .p-t-90 {
    padding-top: 90px !important; }
  html body.yp .yp-portlet .p-b-90 {
    padding-bottom: 90px !important; }
  html body.yp .yp-portlet .p-l-90 {
    padding-left: 90px !important; }
  html body.yp .yp-portlet .p-r-90 {
    padding-right: 90px !important; }
  html body.yp .yp-portlet .p-t-85 {
    padding-top: 85px !important; }
  html body.yp .yp-portlet .p-b-85 {
    padding-bottom: 85px !important; }
  html body.yp .yp-portlet .p-l-85 {
    padding-left: 85px !important; }
  html body.yp .yp-portlet .p-r-85 {
    padding-right: 85px !important; }
  html body.yp .yp-portlet .p-t-80 {
    padding-top: 80px !important; }
  html body.yp .yp-portlet .p-b-80 {
    padding-bottom: 80px !important; }
  html body.yp .yp-portlet .p-l-80 {
    padding-left: 80px !important; }
  html body.yp .yp-portlet .p-r-80 {
    padding-right: 80px !important; }
  html body.yp .yp-portlet .p-t-75 {
    padding-top: 75px !important; }
  html body.yp .yp-portlet .p-b-75 {
    padding-bottom: 75px !important; }
  html body.yp .yp-portlet .p-l-75 {
    padding-left: 75px !important; }
  html body.yp .yp-portlet .p-r-75 {
    padding-right: 75px !important; }
  html body.yp .yp-portlet .p-t-70 {
    padding-top: 70px !important; }
  html body.yp .yp-portlet .p-b-70 {
    padding-bottom: 70px !important; }
  html body.yp .yp-portlet .p-l-70 {
    padding-left: 70px !important; }
  html body.yp .yp-portlet .p-r-70 {
    padding-right: 70px !important; }
  html body.yp .yp-portlet .p-t-65 {
    padding-top: 65px !important; }
  html body.yp .yp-portlet .p-b-65 {
    padding-bottom: 65px !important; }
  html body.yp .yp-portlet .p-l-65 {
    padding-left: 65px !important; }
  html body.yp .yp-portlet .p-r-65 {
    padding-right: 65px !important; }
  html body.yp .yp-portlet .p-t-60 {
    padding-top: 60px !important; }
  html body.yp .yp-portlet .p-b-60 {
    padding-bottom: 60px !important; }
  html body.yp .yp-portlet .p-l-60 {
    padding-left: 60px !important; }
  html body.yp .yp-portlet .p-r-60 {
    padding-right: 60px !important; }
  html body.yp .yp-portlet .p-t-55 {
    padding-top: 55px !important; }
  html body.yp .yp-portlet .p-b-55 {
    padding-bottom: 55px !important; }
  html body.yp .yp-portlet .p-l-55 {
    padding-left: 55px !important; }
  html body.yp .yp-portlet .p-r-55 {
    padding-right: 55px !important; }
  html body.yp .yp-portlet .p-t-50 {
    padding-top: 50px !important; }
  html body.yp .yp-portlet .p-b-50 {
    padding-bottom: 50px !important; }
  html body.yp .yp-portlet .p-l-50 {
    padding-left: 50px !important; }
  html body.yp .yp-portlet .p-r-50 {
    padding-right: 50px !important; }
  html body.yp .yp-portlet .p-t-45 {
    padding-top: 45px !important; }
  html body.yp .yp-portlet .p-b-45 {
    padding-bottom: 45px !important; }
  html body.yp .yp-portlet .p-l-45 {
    padding-left: 45px !important; }
  html body.yp .yp-portlet .p-r-45 {
    padding-right: 45px !important; }
  html body.yp .yp-portlet .p-t-40 {
    padding-top: 40px !important; }
  html body.yp .yp-portlet .p-b-40 {
    padding-bottom: 40px !important; }
  html body.yp .yp-portlet .p-l-40 {
    padding-left: 40px !important; }
  html body.yp .yp-portlet .p-r-40 {
    padding-right: 40px !important; }
  html body.yp .yp-portlet .p-t-35 {
    padding-top: 35px !important; }
  html body.yp .yp-portlet .p-b-35 {
    padding-bottom: 35px !important; }
  html body.yp .yp-portlet .p-l-35 {
    padding-left: 35px !important; }
  html body.yp .yp-portlet .p-r-35 {
    padding-right: 35px !important; }
  html body.yp .yp-portlet .p-t-30 {
    padding-top: 30px !important; }
  html body.yp .yp-portlet .p-b-30 {
    padding-bottom: 30px !important; }
  html body.yp .yp-portlet .p-l-30 {
    padding-left: 30px !important; }
  html body.yp .yp-portlet .p-r-30 {
    padding-right: 30px !important; }
  html body.yp .yp-portlet .p-t-25 {
    padding-top: 25px !important; }
  html body.yp .yp-portlet .p-b-25 {
    padding-bottom: 25px !important; }
  html body.yp .yp-portlet .p-l-25 {
    padding-left: 25px !important; }
  html body.yp .yp-portlet .p-r-25 {
    padding-right: 25px !important; }
  html body.yp .yp-portlet .p-t-20 {
    padding-top: 20px !important; }
  html body.yp .yp-portlet .p-b-20 {
    padding-bottom: 20px !important; }
  html body.yp .yp-portlet .p-l-20 {
    padding-left: 20px !important; }
  html body.yp .yp-portlet .p-r-20 {
    padding-right: 20px !important; }
  html body.yp .yp-portlet .p-t-15 {
    padding-top: 15px !important; }
  html body.yp .yp-portlet .p-b-15 {
    padding-bottom: 15px !important; }
  html body.yp .yp-portlet .p-l-15 {
    padding-left: 15px !important; }
  html body.yp .yp-portlet .p-r-15 {
    padding-right: 15px !important; }
  html body.yp .yp-portlet .p-t-10 {
    padding-top: 10px !important; }
  html body.yp .yp-portlet .p-b-10 {
    padding-bottom: 10px !important; }
  html body.yp .yp-portlet .p-l-10 {
    padding-left: 10px !important; }
  html body.yp .yp-portlet .p-r-10 {
    padding-right: 10px !important; }
  html body.yp .yp-portlet .p-t-5 {
    padding-top: 5px !important; }
  html body.yp .yp-portlet .p-b-5 {
    padding-bottom: 5px !important; }
  html body.yp .yp-portlet .p-l-5 {
    padding-left: 5px !important; }
  html body.yp .yp-portlet .p-r-5 {
    padding-right: 5px !important; }
  html body.yp .yp-portlet .p-t-0 {
    padding-top: 0 !important; }
  html body.yp .yp-portlet .p-b-0 {
    padding-bottom: 0 !important; }
  html body.yp .yp-portlet .p-l-0 {
    padding-left: 0 !important; }
  html body.yp .yp-portlet .p-r-0 {
    padding-right: 0 !important; }
  html body.yp .yp-portlet .m-t-100 {
    margin-top: 100px !important; }
  html body.yp .yp-portlet .m-b-100 {
    margin-bottom: 100px !important; }
  html body.yp .yp-portlet .m-l-100 {
    margin-left: 100px !important; }
  html body.yp .yp-portlet .m-r-100 {
    margin-right: 100px !important; }
  html body.yp .yp-portlet .m-t-95 {
    margin-top: 95px !important; }
  html body.yp .yp-portlet .m-b-95 {
    margin-bottom: 95px !important; }
  html body.yp .yp-portlet .m-l-95 {
    margin-left: 95px !important; }
  html body.yp .yp-portlet .m-r-95 {
    margin-right: 95px !important; }
  html body.yp .yp-portlet .m-t-90 {
    margin-top: 90px !important; }
  html body.yp .yp-portlet .m-b-90 {
    margin-bottom: 90px !important; }
  html body.yp .yp-portlet .m-l-90 {
    margin-left: 90px !important; }
  html body.yp .yp-portlet .m-r-90 {
    margin-right: 90px !important; }
  html body.yp .yp-portlet .m-t-85 {
    margin-top: 85px !important; }
  html body.yp .yp-portlet .m-b-85 {
    margin-bottom: 85px !important; }
  html body.yp .yp-portlet .m-l-85 {
    margin-left: 85px !important; }
  html body.yp .yp-portlet .m-r-85 {
    margin-right: 85px !important; }
  html body.yp .yp-portlet .m-t-80 {
    margin-top: 80px !important; }
  html body.yp .yp-portlet .m-b-80 {
    margin-bottom: 80px !important; }
  html body.yp .yp-portlet .m-l-80 {
    margin-left: 80px !important; }
  html body.yp .yp-portlet .m-r-80 {
    margin-right: 80px !important; }
  html body.yp .yp-portlet .m-t-75 {
    margin-top: 75px !important; }
  html body.yp .yp-portlet .m-b-75 {
    margin-bottom: 75px !important; }
  html body.yp .yp-portlet .m-l-75 {
    margin-left: 75px !important; }
  html body.yp .yp-portlet .m-r-75 {
    margin-right: 75px !important; }
  html body.yp .yp-portlet .m-t-70 {
    margin-top: 70px !important; }
  html body.yp .yp-portlet .m-b-70 {
    margin-bottom: 70px !important; }
  html body.yp .yp-portlet .m-l-70 {
    margin-left: 70px !important; }
  html body.yp .yp-portlet .m-r-70 {
    margin-right: 70px !important; }
  html body.yp .yp-portlet .m-t-65 {
    margin-top: 65px !important; }
  html body.yp .yp-portlet .m-b-65 {
    margin-bottom: 65px !important; }
  html body.yp .yp-portlet .m-l-65 {
    margin-left: 65px !important; }
  html body.yp .yp-portlet .m-r-65 {
    margin-right: 65px !important; }
  html body.yp .yp-portlet .m-t-60 {
    margin-top: 60px !important; }
  html body.yp .yp-portlet .m-b-60 {
    margin-bottom: 60px !important; }
  html body.yp .yp-portlet .m-l-60 {
    margin-left: 60px !important; }
  html body.yp .yp-portlet .m-r-60 {
    margin-right: 60px !important; }
  html body.yp .yp-portlet .m-t-55 {
    margin-top: 55px !important; }
  html body.yp .yp-portlet .m-b-55 {
    margin-bottom: 55px !important; }
  html body.yp .yp-portlet .m-l-55 {
    margin-left: 55px !important; }
  html body.yp .yp-portlet .m-r-55 {
    margin-right: 55px !important; }
  html body.yp .yp-portlet .m-t-50 {
    margin-top: 50px !important; }
  html body.yp .yp-portlet .m-b-50 {
    margin-bottom: 50px !important; }
  html body.yp .yp-portlet .m-l-50 {
    margin-left: 50px !important; }
  html body.yp .yp-portlet .m-r-50 {
    margin-right: 50px !important; }
  html body.yp .yp-portlet .m-t-45 {
    margin-top: 45px !important; }
  html body.yp .yp-portlet .m-b-45 {
    margin-bottom: 45px !important; }
  html body.yp .yp-portlet .m-l-45 {
    margin-left: 45px !important; }
  html body.yp .yp-portlet .m-r-45 {
    margin-right: 45px !important; }
  html body.yp .yp-portlet .m-t-40 {
    margin-top: 40px !important; }
  html body.yp .yp-portlet .m-b-40 {
    margin-bottom: 40px !important; }
  html body.yp .yp-portlet .m-l-40 {
    margin-left: 40px !important; }
  html body.yp .yp-portlet .m-r-40 {
    margin-right: 40px !important; }
  html body.yp .yp-portlet .m-t-35 {
    margin-top: 35px !important; }
  html body.yp .yp-portlet .m-b-35 {
    margin-bottom: 35px !important; }
  html body.yp .yp-portlet .m-l-35 {
    margin-left: 35px !important; }
  html body.yp .yp-portlet .m-r-35 {
    margin-right: 35px !important; }
  html body.yp .yp-portlet .m-t-30 {
    margin-top: 30px !important; }
  html body.yp .yp-portlet .m-b-30 {
    margin-bottom: 30px !important; }
  html body.yp .yp-portlet .m-l-30 {
    margin-left: 30px !important; }
  html body.yp .yp-portlet .m-r-30 {
    margin-right: 30px !important; }
  html body.yp .yp-portlet .m-t-25 {
    margin-top: 25px !important; }
  html body.yp .yp-portlet .m-b-25 {
    margin-bottom: 25px !important; }
  html body.yp .yp-portlet .m-l-25 {
    margin-left: 25px !important; }
  html body.yp .yp-portlet .m-r-25 {
    margin-right: 25px !important; }
  html body.yp .yp-portlet .m-t-20 {
    margin-top: 20px !important; }
  html body.yp .yp-portlet .m-b-20 {
    margin-bottom: 20px !important; }
  html body.yp .yp-portlet .m-l-20 {
    margin-left: 20px !important; }
  html body.yp .yp-portlet .m-r-20 {
    margin-right: 20px !important; }
  html body.yp .yp-portlet .m-t-15 {
    margin-top: 15px !important; }
  html body.yp .yp-portlet .m-b-15 {
    margin-bottom: 15px !important; }
  html body.yp .yp-portlet .m-l-15 {
    margin-left: 15px !important; }
  html body.yp .yp-portlet .m-r-15 {
    margin-right: 15px !important; }
  html body.yp .yp-portlet .m-t-10 {
    margin-top: 10px !important; }
  html body.yp .yp-portlet .m-b-10 {
    margin-bottom: 10px !important; }
  html body.yp .yp-portlet .m-l-10 {
    margin-left: 10px !important; }
  html body.yp .yp-portlet .m-r-10 {
    margin-right: 10px !important; }
  html body.yp .yp-portlet .m-t-5 {
    margin-top: 5px !important; }
  html body.yp .yp-portlet .m-b-5 {
    margin-bottom: 5px !important; }
  html body.yp .yp-portlet .m-l-5 {
    margin-left: 5px !important; }
  html body.yp .yp-portlet .m-r-5 {
    margin-right: 5px !important; }
  html body.yp .yp-portlet .m-t-0 {
    margin-top: 0 !important; }
  html body.yp .yp-portlet .m-b-0 {
    margin-bottom: 0 !important; }
  html body.yp .yp-portlet .m-l-0 {
    margin-left: 0 !important; }
  html body.yp .yp-portlet .m-r-0 {
    margin-right: 0 !important; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-100 {
      margin-top: 100px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-100 {
      margin-bottom: 100px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-100 {
      margin-left: 100px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-100 {
      margin-right: 100px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-95 {
      margin-top: 95px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-95 {
      margin-bottom: 95px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-95 {
      margin-left: 95px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-95 {
      margin-right: 95px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-90 {
      margin-top: 90px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-90 {
      margin-bottom: 90px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-90 {
      margin-left: 90px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-90 {
      margin-right: 90px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-85 {
      margin-top: 85px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-85 {
      margin-bottom: 85px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-85 {
      margin-left: 85px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-85 {
      margin-right: 85px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-80 {
      margin-top: 80px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-80 {
      margin-bottom: 80px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-80 {
      margin-left: 80px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-80 {
      margin-right: 80px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-75 {
      margin-top: 75px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-75 {
      margin-bottom: 75px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-75 {
      margin-left: 75px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-75 {
      margin-right: 75px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-70 {
      margin-top: 70px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-70 {
      margin-bottom: 70px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-70 {
      margin-left: 70px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-70 {
      margin-right: 70px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-65 {
      margin-top: 65px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-65 {
      margin-bottom: 65px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-65 {
      margin-left: 65px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-65 {
      margin-right: 65px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-60 {
      margin-top: 60px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-60 {
      margin-bottom: 60px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-60 {
      margin-left: 60px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-60 {
      margin-right: 60px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-55 {
      margin-top: 55px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-55 {
      margin-bottom: 55px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-55 {
      margin-left: 55px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-55 {
      margin-right: 55px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-50 {
      margin-top: 50px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-50 {
      margin-bottom: 50px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-50 {
      margin-left: 50px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-50 {
      margin-right: 50px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-45 {
      margin-top: 45px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-45 {
      margin-bottom: 45px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-45 {
      margin-left: 45px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-45 {
      margin-right: 45px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-40 {
      margin-top: 40px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-40 {
      margin-bottom: 40px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-40 {
      margin-left: 40px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-40 {
      margin-right: 40px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-35 {
      margin-top: 35px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-35 {
      margin-bottom: 35px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-35 {
      margin-left: 35px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-35 {
      margin-right: 35px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-30 {
      margin-top: 30px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-30 {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-30 {
      margin-left: 30px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-30 {
      margin-right: 30px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-25 {
      margin-top: 25px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-25 {
      margin-bottom: 25px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-25 {
      margin-left: 25px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-25 {
      margin-right: 25px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-20 {
      margin-top: 20px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-20 {
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-20 {
      margin-left: 20px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-20 {
      margin-right: 20px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-15 {
      margin-top: 15px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-15 {
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-15 {
      margin-left: 15px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-15 {
      margin-right: 15px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-10 {
      margin-top: 10px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-10 {
      margin-bottom: 10px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-10 {
      margin-left: 10px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-10 {
      margin-right: 10px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-5 {
      margin-top: 5px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-5 {
      margin-bottom: 5px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-5 {
      margin-left: 5px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-5 {
      margin-right: 5px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-t-0 {
      margin-top: 0; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-b-0 {
      margin-bottom: 0; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-l-0 {
      margin-left: 0; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .mobile-m-r-0 {
      margin-right: 0; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-100 {
      margin-top: 100px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-100 {
      margin-bottom: 100px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-100 {
      margin-left: 100px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-100 {
      margin-right: 100px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-95 {
      margin-top: 95px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-95 {
      margin-bottom: 95px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-95 {
      margin-left: 95px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-95 {
      margin-right: 95px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-90 {
      margin-top: 90px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-90 {
      margin-bottom: 90px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-90 {
      margin-left: 90px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-90 {
      margin-right: 90px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-85 {
      margin-top: 85px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-85 {
      margin-bottom: 85px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-85 {
      margin-left: 85px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-85 {
      margin-right: 85px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-80 {
      margin-top: 80px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-80 {
      margin-bottom: 80px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-80 {
      margin-left: 80px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-80 {
      margin-right: 80px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-75 {
      margin-top: 75px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-75 {
      margin-bottom: 75px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-75 {
      margin-left: 75px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-75 {
      margin-right: 75px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-70 {
      margin-top: 70px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-70 {
      margin-bottom: 70px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-70 {
      margin-left: 70px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-70 {
      margin-right: 70px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-65 {
      margin-top: 65px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-65 {
      margin-bottom: 65px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-65 {
      margin-left: 65px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-65 {
      margin-right: 65px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-60 {
      margin-top: 60px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-60 {
      margin-bottom: 60px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-60 {
      margin-left: 60px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-60 {
      margin-right: 60px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-55 {
      margin-top: 55px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-55 {
      margin-bottom: 55px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-55 {
      margin-left: 55px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-55 {
      margin-right: 55px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-50 {
      margin-top: 50px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-50 {
      margin-bottom: 50px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-50 {
      margin-left: 50px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-50 {
      margin-right: 50px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-45 {
      margin-top: 45px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-45 {
      margin-bottom: 45px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-45 {
      margin-left: 45px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-45 {
      margin-right: 45px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-40 {
      margin-top: 40px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-40 {
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-40 {
      margin-left: 40px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-40 {
      margin-right: 40px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-35 {
      margin-top: 35px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-35 {
      margin-bottom: 35px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-35 {
      margin-left: 35px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-35 {
      margin-right: 35px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-30 {
      margin-top: 30px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-30 {
      margin-bottom: 30px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-30 {
      margin-left: 30px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-30 {
      margin-right: 30px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-25 {
      margin-top: 25px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-25 {
      margin-bottom: 25px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-25 {
      margin-left: 25px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-25 {
      margin-right: 25px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-20 {
      margin-top: 20px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-20 {
      margin-bottom: 20px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-20 {
      margin-left: 20px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-20 {
      margin-right: 20px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-15 {
      margin-top: 15px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-15 {
      margin-bottom: 15px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-15 {
      margin-left: 15px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-15 {
      margin-right: 15px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-10 {
      margin-top: 10px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-10 {
      margin-bottom: 10px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-10 {
      margin-left: 10px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-10 {
      margin-right: 10px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-5 {
      margin-top: 5px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-5 {
      margin-bottom: 5px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-5 {
      margin-left: 5px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-5 {
      margin-right: 5px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-t-0 {
      margin-top: 0; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-b-0 {
      margin-bottom: 0; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-l-0 {
      margin-left: 0; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .desktop-m-r-0 {
      margin-right: 0; } }
  html body.yp .yp-portlet html body {
    background-color: #F4F4F4; }
  html body.yp .yp-portlet html body.homepage {
    height: 100vh;
    padding-top: 0; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet html body.homepage {
      height: auto; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet html body.homepage .wrapper .header {
      height: 80px; }
    html body.yp .yp-portlet html body.homepage .wrapper .header .navbar {
      top: 0; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet html body.homepage .wrapper .content {
      min-height: calc(100vh - 80px); } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet html body.homepage .wrapper .content {
      min-height: calc(100vh - 80px); } }
  html body.yp .yp-portlet html body.homepage .wrapper .content .linkBoxWrapper {
    height: 290px; }
  html body.yp .yp-portlet html body:not(.homepage):not(.signin) .wrapper {
    padding-bottom: 109px; }
  html body.yp .yp-portlet html body .wrapper {
    height: 100%;
    position: relative;
    min-height: 100vh; }
  html body.yp .yp-portlet html body .wrapper .content .contentWrapper {
    max-width: 100%;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px; }
  html body.yp .yp-portlet html body .wrapper .content .contentWrapper .row + .row {
    margin-top: 25px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet html body .wrapper .content .contentWrapper .row [class^=col-]:nth-child(n+1) {
      margin-top: 15px; } }
  html body.yp .yp-portlet html body .wrapper .content .contentMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(244, 244, 244, 0.61);
    display: none;
    z-index: 500; }
  html body.yp .yp-portlet html body.overflowHidden {
    overflow: hidden; }
  html body.yp .yp-portlet html body.fixedBody, html body.yp .yp-portlet html body.overflowHidden_GridFilter {
    position: fixed; }
  html body.yp .yp-portlet html body .body-mask {
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 49;
    display: none;
    overflow: hidden; }
  html body.yp .yp-portlet html body .body-mask.showing {
    display: block; }
  html body.yp .yp-portlet html.k-webkit .btn:focus, html body.yp .yp-portlet html.k-webkit div:focus {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .yp-portlet html.k-webkit div:focus[role=dialog], html body.yp .yp-portlet html.k-webkit div:focus[role=tablist] {
    outline: 0 !important; }
  html body.yp .yp-portlet html.k-webkit .checkbox-elt-wrapper > input:focus + label > span, html body.yp .yp-portlet html.k-webkit .radio-elt-wrapper > input:focus + label > span, html body.yp .yp-portlet html.k-webkit i:focus {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .yp-portlet .tableOfContent .tableOfContent-list li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    display: block; }
  html body.yp .yp-portlet .tableOfContent .tableOfContent-list li a {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    color: #000; }
  html body.yp .yp-portlet .tableOfContent .tableOfContent-list li ul {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table; }
  html body.yp .yp-portlet .components {
    padding: 10px 0;
    width: calc(100% - 20px); }
  html body.yp .yp-portlet .components .hiddenAnchor {
    display: block;
    position: relative;
    top: -64px;
    visibility: hidden; }
  html body.yp .yp-portlet .components .components-title {
    position: relative; }
  html body.yp .yp-portlet .components .components-title:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .yp-portlet .components .components-title h2 {
    padding-bottom: 5px; }
  html body.yp .yp-portlet .components .components-title a {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  html body.yp .yp-portlet .components .components-title a i {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #333;
    font-size: 19px;
    line-height: 49px; }
  html body.yp .yp-portlet .components .components-wrapper .component .component-description, html body.yp .yp-portlet .components .components-wrapper .component .component-type {
    margin-bottom: 15px; }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation {
    width: 90%;
    height: auto !important;
    margin: auto;
    padding: 20px 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    box-sizing: content-box; }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation[data-container-title] {
    margin-top: 40px !important; }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation:before {
    content: attr(data-container-title);
    position: absolute;
    top: -30px;
    left: 0;
    font-weight: 700; }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation + .component-simulation {
    margin-top: 20px; }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation.mobile-container {
    max-width: 320px;
    margin-left: 0; }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation.tablet-container {
    max-width: 768px;
    margin-left: 0; }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation.desktop-container {
    margin-left: 0; }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation.resizable_component_simulation {
    width: calc(100% - 7px);
    box-sizing: border-box;
    margin-left: 0; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .components .components-wrapper .component .component-simulation.resizable_component_simulation {
      width: 100%; } }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation.coloredBg {
    background-color: rgba(57, 173, 210, 0.08); }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation .ui-resizable-handle.ui-resizable-e {
    background-color: #999;
    opacity: .8;
    z-index: 1 !important; }
  html body.yp .yp-portlet .components .components-wrapper .component .component-simulation .ui-resizable-handle.ui-resizable-se {
    display: none !important; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .components .components-wrapper .component .component-simulation .ui-resizable-handle {
      display: none; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .components .components-wrapper .component .component-simulation[data-container-title="Small Breakpoint"] {
      width: 100% !important; }
    html body.yp .yp-portlet .components .components-wrapper .component .component-simulation[data-container-title="Small Breakpoint"]:before {
      content: none; }
    html body.yp .yp-portlet .components .components-wrapper .component .component-simulation[data-container-title="Small Breakpoint"] .ui-resizable-handle {
      display: none; }
    html body.yp .yp-portlet .components .components-wrapper .component .component-simulation[data-container-title="Medium Breakpoint"], html body.yp .yp-portlet .components .components-wrapper .component .component-simulation[data-container-title="Large Breakpoint"] {
      position: absolute;
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      -o-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0); } }
  html body.yp .yp-portlet .components .components-wrapper .component + .component {
    margin-top: 50px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .components .components-wrapper .component .component-simulation {
      width: calc(100% - 20px); } }
  html body.yp .yp-portlet .components + .components {
    margin-top: 30px; }
  html body.yp .yp-portlet .ui-resizable-helper {
    border: 2px dotted #333; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet html body {
      padding-top: 45px; }
    html body.yp .yp-portlet html body .row > div[class^=col-]:nth-child(n+2) {
      margin-top: 12px !important; }
    html body.yp .yp-portlet html body .row > div[class^=col-]:first-child {
      margin-top: 0 !important; } }
  @media (max-width: 991px) {
    html body.yp .yp-portlet html body .row > div:nth-child(n+2)[class^=col-] {
      margin-top: 12px; } }
  html body.yp .yp-portlet .unMaskedItem {
    position: relative;
    z-index: 600 !important; }
  html body.yp .yp-portlet .k-loading, html body.yp .yp-portlet .k-state-hover .k-loading {
    background-image: url(vendors/kendo/Material/loading-image.gif);
    background-size: contain; }
  html body.yp .yp-portlet #componentPage {
    padding: 64px 45px 30px; }
  html body.yp .yp-portlet #componentPage > .header {
    position: fixed;
    width: 100%;
    height: 64px;
    top: 0;
    left: 0;
    z-index: 48; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet #componentPage {
      padding: 64px 10px 30px; } }
  html body.yp .yp-portlet #componentPage .pageTitle {
    font-size: 35px;
    text-align: center; }
  html body.yp .yp-portlet #componentPage .pageContent {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; }
  html body.yp .yp-portlet #componentPage .pageContent .componentsListWrapper {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }
  html body.yp .yp-portlet #componentPage .pageContent .componentsListWrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet #componentPage .pageContent .componentsListWrapper .componentsTitle {
    float: left;
    width: 100%; }
  html body.yp .yp-portlet #componentPage .pageContent .componentsListWrapper .componentsList:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet #componentPage .pageContent .componentsListWrapper .componentsList > a {
    float: left;
    clear: both; }
  html body.yp .yp-portlet #mainComponentPage {
    padding: 30px; }
  html body.yp .yp-portlet #mainComponentPage .pageTitle {
    font-size: 35px;
    text-align: center;
    margin-bottom: 20px;
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet #mainComponentPage .pageContent {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    background-color: #FFF;
    padding: 20px;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3); }
  html body.yp .yp-portlet #mainComponentPage .pageContent .componentsListWrapper {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }
  html body.yp .yp-portlet #mainComponentPage .pageContent .componentsListWrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet #mainComponentPage .pageContent .componentsListWrapper .componentsTitle {
    float: left;
    width: 100%;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 14px; }
  html body.yp .yp-portlet #mainComponentPage .pageContent .componentsListWrapper .componentsList:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet #mainComponentPage .pageContent .componentsListWrapper .componentsList > a {
    float: left;
    clear: both;
    color: #666 !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    -o-transition: color 350ms;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    transition: color 350ms; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet #mainComponentPage .pageContent .componentsListWrapper .componentsList > a:hover {
      text-decoration: none !important;
      opacity: .6;
      -o-transition: color 350ms;
      -webkit-transition: color 350ms;
      -moz-transition: color 350ms;
      transition: color 350ms; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet #mainComponentPage {
      padding: 15px; }
    html body.yp .yp-portlet #mainComponentPage .pageContent {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1; }
    html body.yp .yp-portlet #mainComponentPage .pageContent .componentsListWrapper + .componentsListWrapper {
      margin-top: 25px; } }
  html body.yp .yp-portlet .demo-container {
    margin-top: 20px;
    position: relative; }
  html body.yp .yp-portlet .demo-container:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .demo-container .yp-responsive {
    margin: 20px;
    position: relative;
    float: left;
    background-color: transparent; }
  html body.yp .yp-portlet .demo-container .yp-responsive:first-child {
    width: calc(70% - 40px); }
  html body.yp .yp-portlet .demo-container .yp-responsive:last-child {
    width: calc(30% - 40px); }
  html body.yp .yp-portlet .demo-container .yp-responsive:only-child {
    width: calc(100% - 40px); }
  html body.yp .yp-portlet .group:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .header {
      height: auto; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .header {
      height: 45px;
      position: relative; }
    html body.yp .yp-portlet .header > .navbar .nav.navbar-nav {
      max-height: calc(100vh - 64px);
      overflow: scroll; }
    html body.yp .yp-portlet body:not(.homepage) .header {
      height: 100px; } }
  html body.yp .yp-portlet .navbar.levelOne {
    margin-bottom: 0;
    box-shadow: none; }
  html body.yp .yp-portlet .navbar.levelOne .container-fluid {
    max-width: 1200px;
    padding: 0 15px !important; }
  html body.yp .yp-portlet .navbar.levelOne .container-fluid:after {
    display: table;
    clear: both; }
  html body.yp .yp-portlet .navbar.levelOne .container-fluid:after, html body.yp .yp-portlet .navbar.levelOne .container-fluid:before {
    content: none; }
  html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-toggle {
    margin-top: 4px;
    margin-bottom: 4px; }
  html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-toggle .icon-bar {
    height: 3px;
    background-color: #777; }
  html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav li a {
    font-size: 14px;
    color: rgba(18, 43, 74, 0.88);
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav li a .zmdi {
    color: #96BE0F;
    font-size: 15px;
    margin-left: 5px; }
  html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav li a.btn {
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.846;
    color: #fff;
    padding: 6px 16px; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav li a.btn:hover {
      color: #fff;
      background-color: rgba(150, 190, 15, 0.7) !important;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms; } }
  html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:hover {
      color: rgba(18, 43, 74, 0.6);
      -o-transition: 350ms color;
      -webkit-transition: 350ms color;
      -moz-transition: 350ms color;
      transition: 350ms color; } }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li ul.dropdown-menu li a:hover {
      color: rgba(18, 43, 74, 0.5);
      -o-transition: 350ms color;
      -webkit-transition: 350ms color;
      -moz-transition: 350ms color;
      transition: 350ms color; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .navbar.levelOne {
      position: relative;
      height: 80px;
      display: block; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid {
      padding: 0; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-header {
      display: block !important; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 26px 15px;
      height: 80px; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav .btn {
      margin: 23px 0; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a {
      padding-top: 29px;
      padding-bottom: 28px; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li > ul {
      opacity: 0;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms;
      display: block;
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      -o-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0);
      -moz-transform-origin: top;
      -o-transform-origin: top;
      -webkit-transform-origin: top;
      -ms-transform-origin: top;
      transform-origin: top; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li > ul li {
      opacity: 0;
      -o-transition: opacity 350ms 350ms;
      -webkit-transition: opacity 350ms 350ms;
      -moz-transition: opacity 350ms 350ms;
      transition: opacity 350ms 350ms; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li.open > ul {
      opacity: 1;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms;
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      -o-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1); }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav > li.open > ul li {
      opacity: 1;
      -o-transition: opacity 350ms 250ms;
      -webkit-transition: opacity 350ms 250ms;
      -moz-transition: opacity 350ms 250ms;
      transition: opacity 350ms 250ms; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .navbar.levelOne {
      min-height: 45px;
      position: fixed;
      width: 100%;
      left: 0;
      top: 0;
      z-index: 601; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid {
      background-color: #fff; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      height: auto;
      padding: 12px 15px; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-header .navbar-toggle {
      padding-right: 0;
      border-right: 0 none; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav {
      max-height: 80vh;
      overflow-y: scroll; }
    html body.yp .yp-portlet .navbar.levelOne .container-fluid .navbar-collapse .nav .btn {
      margin: 0 15px; } }
  html body.yp .yp-portlet .subNavbar {
    background-image: url(../images/subMenuLevelTwoBg.png);
    background-size: cover;
    background-position: top;
    width: 100%; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper {
    max-width: 100%;
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar {
    top: auto;
    margin-bottom: 0; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar .container-fluid:after, html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar .container-fluid:before, html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar:after, html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar:before {
    content: none; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 880px;
    width: 74%;
    float: left; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a {
    color: rgba(255, 255, 255, 0.8);
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a .counter {
    display: none; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li:not(.active) a:hover {
      -o-transition: all 350ms;
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      transition: all 350ms;
      color: #122b4a; } }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 320px;
    width: 26%;
    float: right; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger {
    float: left;
    float: right; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn {
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #ebebf0;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    padding: 33px 20px;
    padding-left: 0; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn .zmdi-account {
    margin-right: 5px;
    font-size: 20px;
    line-height: 24px;
    vertical-align: bottom; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn .zmdi-chevron-down {
    margin-left: 5px;
    font-size: 20px;
    line-height: 24px;
    vertical-align: bottom; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu {
    padding-top: 15px;
    padding-bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li * {
    text-align: center; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li a, html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li div {
    padding: 12px 0;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li a:hover, html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li div:hover {
    background-color: transparent;
    opacity: .8;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li a.logout, html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li div.logout {
    background-color: #eaeaea; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li.divider {
    margin: 0 15px;
    background-color: rgba(195, 195, 195, 0.56); }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li.divider.hideDesktop {
    display: none; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
    float: left;
    float: right;
    padding: 33px 20px;
    padding-top: 32px !important; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper .zmdi {
    color: #ebecf0;
    font-size: 20px;
    cursor: pointer; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper .zmdi.zmdi-power {
    color: #96BE0F; }
  html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper:first-child {
    padding-right: 0 !important; }
  html body.yp .yp-portlet .subNavbar.stick {
    position: fixed;
    top: 0;
    margin-top: 0;
    z-index: 20; }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .subNavbar .navbar-brand {
      display: none; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper {
      padding: 0 15px; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse {
      padding: 13px 0;
      padding-bottom: 0; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a {
      padding: 4px 8px;
      margin: 16px 0; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li.active.dropdown a {
      background-color: rgba(0, 0, 0, 0.19); }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li.active:not(.dropdown) a {
      border: 1px solid #FFF; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li + li {
      margin-left: 20px; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu {
      top: calc(100% - 18px); } }
  @media (min-width: 768px) and (min-width: 769px) {
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li.active:not(.dropdown) a:hover {
      border: 1px solid #FFF;
      -o-transition: all 350ms;
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      transition: all 350ms;
      color: #122b4a; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li.active:not(.dropdown) a:hover:after {
      opacity: 0;
      -o-transition: all 350ms;
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      transition: all 350ms; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .subNavbar {
      position: fixed;
      z-index: 600;
      top: 45px;
      margin-top: 0;
      background-image: url(../images/subMenuLevelTwoBgMobile.png); }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper {
      padding-top: 50px; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo {
      height: 50px;
      padding: 0 15px;
      width: 100%;
      min-height: 0; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-header {
      height: 33px;
      background-color: rgba(255, 255, 255, 0.15);
      -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-header .navbar-toggle {
      padding: 5px 10px;
      margin: 0;
      border: 0;
      color: #fff; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-header .navbar-toggle .zmdi {
      line-height: 26px; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-header .navbar-brand {
      font-family: Roboto,sans-serif;
      font-weight: 700;
      font-size: 9px;
      color: #FFF;
      padding: 5px 10px;
      height: auto;
      line-height: 26px; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse {
      padding: 0;
      overflow: visible;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav {
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      background-color: #f5f5f5;
      border: 2px solid #fff;
      width: calc(100% + 10px);
      margin: 3px 0 0 -5px; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a {
      font-family: Roboto,sans-serif;
      font-weight: 700;
      color: #666;
      font-size: 13px;
      position: relative;
      margin: 0 15px;
      padding-left: 0;
      padding-right: 0; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a .counter {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      height: 21px;
      color: #fff;
      min-width: 38px;
      width: auto;
      display: inline;
      padding: 2px 10px;
      line-height: 17px;
      font-size: 11px;
      font-family: Roboto,sans-serif;
      font-weight: 400;
      position: absolute;
      right: 0;
      text-align: center; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a .counter.tertiaryCounter {
      background-color: #959cb0; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a .counter.secondaryCounter {
      background-color: #39acd2; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a .counter.primaryCounter {
      background-color: #96be0d; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a:after {
      content: "";
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      margin: 0;
      height: 1px;
      background-color: #FFF;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li:last-child a:after {
      content: none; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree {
      position: absolute;
      top: 0;
      width: 100%;
      padding: 0 15px;
      max-width: none; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger {
      position: static;
      float: left; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn {
      padding-top: 15px;
      padding-bottom: 11px; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn .accountName {
      display: none; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .btn .zmdi.zmdi-chevron-down {
      margin-left: 0; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger.open .btn {
      color: #96BE0F; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu {
      width: calc(100% - 10px);
      margin: -23px 5px 0;
      left: 0;
      -ms-transform: none;
      -webkit-transform: none;
      -o-transform: none;
      -moz-transform: none;
      transform: none;
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      background-color: #f5f5f5;
      border: 2px solid #fff;
      padding-left: 15px;
      padding-right: 15px; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li a, html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li div {
      color: #666;
      text-align: left;
      font-family: Roboto,sans-serif;
      font-weight: 700; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li a.logout, html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li div.logout {
      background-color: transparent; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li.divider {
      margin: 0;
      height: 1px;
      background-color: #FFF;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree #accountTrigger .dropdown-menu li.divider.hideDesktop {
      display: block; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow {
      float: right; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
      padding-top: 15px !important;
      padding: 10px 15px;
      height: 25px;
      box-sizing: content-box; } }
  @media (min-width: 768px) and (max-width: 1180px) {
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo {
      width: 60%; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelTwo .navbar-collapse .nav li a {
      padding-left: 5px;
      padding-right: 5px; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree {
      width: 40%; } }
  html body.yp .yp-portlet .subNavbarInner {
    background-color: rgba(0, 0, 0, 0.19);
    width: 100%;
    height: 80px;
    margin-top: -13px; }
  html body.yp .yp-portlet .subNavbarInner .navbar.levelFour {
    margin-bottom: 0;
    box-shadow: none;
    max-width: 100%;
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse {
    padding-left: 0; }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour {
      height: 80px; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse {
      padding: 23px 0; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a {
      font-family: Roboto,sans-serif;
      font-weight: 400;
      position: relative;
      font-size: 13px;
      color: rgba(250, 250, 250, 0.88);
      border: 1px solid transparent;
      padding: 4px 8px; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li:not(.active) a:after {
      content: "";
      width: calc(100% - 16px);
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 8px;
      background-color: rgba(153, 153, 153, 0.62); }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li.active a {
      border: 1px solid #FFF; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li + li {
      margin-left: 20px; } }
  @media (min-width: 768px) and (min-width: 769px) {
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a:hover {
      border: 1px solid #FFF;
      -o-transition: all 350ms;
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      transition: all 350ms;
      color: #122b4a; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a:hover:after {
      opacity: 0;
      -o-transition: all 350ms;
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      transition: all 350ms; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .subNavbarInner {
      background-color: transparent; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-header {
      height: 33px;
      background-color: rgba(255, 255, 255, 0.15);
      -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-header .navbar-toggle {
      padding: 5px 10px;
      margin: 0;
      border: 0;
      color: #fff; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-header .navbar-brand {
      font-family: Roboto,sans-serif;
      font-weight: 700;
      font-size: 9px;
      color: #FFF;
      padding: 5px 10px;
      height: auto;
      text-transform: uppercase; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse {
      padding: 0;
      overflow: visible;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav {
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      background-color: #f5f5f5;
      border: 2px solid #fff;
      width: calc(100% + 10px);
      margin: 3px 0 0 -5px; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a {
      font-family: Roboto,sans-serif;
      font-weight: 700;
      color: #666;
      font-size: 13px;
      position: relative;
      margin: 0 15px;
      padding-left: 0;
      padding-right: 0;
      text-transform: uppercase; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a .counter {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      height: 21px;
      color: #fff;
      min-width: 38px;
      width: auto;
      display: inline;
      padding: 2px 10px;
      line-height: 17px;
      font-size: 11px;
      font-family: Roboto,sans-serif;
      font-weight: 400;
      position: absolute;
      right: 0;
      text-align: center; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a .counter.tertiaryCounter {
      background-color: #959cb0; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a .counter.secondaryCounter {
      background-color: #39acd2; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a .counter.primaryCounter {
      background-color: #96be0d; }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li a:after {
      content: "";
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      margin: 0;
      height: 1px;
      background-color: #FFF;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
    html body.yp .yp-portlet .subNavbarInner .navbar.levelFour .navbar-collapse .nav li:last-child a:after {
      content: none; }
    html body.yp .yp-portlet .subNavbarInner:before {
      content: "\203a\203a";
      position: absolute;
      left: -11px;
      color: rgba(243, 243, 243, 0.51);
      text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.07);
      font-size: 13px;
      top: 4px; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .subNavbar.has-LevelTwo .subNavbarWrapper {
      height: 77px; }
    html body.yp .yp-portlet .subNavbar.has-LevelTwo .subNavbarWrapper .navbar.levelThree #accountTrigger .btn {
      padding: 32px 20px;
      padding-left: 0; }
    html body.yp .yp-portlet .subNavbar.has-LevelTwo .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
      padding: 33px 19px; }
    html body.yp .yp-portlet .subNavbar.has-LevelTwo .subNavbarInner {
      margin-top: 0;
      padding: 0 15px; }
    html body.yp .yp-portlet .subNavbar .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
      padding: 33px 19px; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .subNavbar.has-LevelTwo .subNavbarWrapper .navbar.levelTwo {
      width: 50%; }
    html body.yp .yp-portlet .subNavbar.has-LevelTwo .subNavbarInner {
      width: calc(50% - 15px);
      position: absolute;
      right: 15px;
      top: 63px; }
    html body.yp .yp-portlet .subNavbar.has-LevelTwo .subNavbarInner .navbar.levelFour {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 785px) {
    html body.yp .yp-portlet .homepage .navbar .container-fluid {
      margin: 0 5px; } }
  @media (min-width: 1125px) {
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid {
      margin: auto !important; } }
  @media (min-width: 1020px) and (max-width: 1124px) {
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 31px 15px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 22px 28px;
      font-size: 14px; } }
  @media (min-width: 940px) and (max-width: 1019px) {
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 31px 15px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 14px 28px;
      font-size: 14px; } }
  @media (min-width: 799px) and (max-width: 939px) {
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 31px 15px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 4px 28px;
      font-size: 13px; } }
  @media (min-width: 768px) and (max-width: 798px) {
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 32px 5px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 79px; }
    html body.yp .yp-portlet body.homepage .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 4px 28px;
      font-size: 13px; } }
  @media (min-width: 810px) and (max-width: 950px) {
    html body.yp .yp-portlet body .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .yp-portlet body .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 31px 15px;
      padding-left: 0; }
    html body.yp .yp-portlet body .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .yp-portlet body .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 14px 28px;
      font-size: 14px; } }
  @media (min-width: 768px) and (max-width: 811px) {
    html body.yp .yp-portlet body .navbar.levelOne .container-fluid {
      margin: 0 15px; }
    html body.yp .yp-portlet body .navbar.levelOne .container-fluid .navbar-header .navbar-brand {
      padding: 31px 15px;
      padding-left: 0; }
    html body.yp .yp-portlet body .navbar.levelOne .container-fluid .navbar-header .navbar-brand .navbar-logo {
      width: 93px; }
    html body.yp .yp-portlet body .navbar.levelOne .container-fluid .navbar-collapse .nav > li > a:not(.btn) {
      padding: 29px 4px 28px;
      font-size: 13px; }
    html body.yp .yp-portlet body .subNavbar.has-LevelTwo .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
      padding: 26px 17px; }
    html body.yp .yp-portlet body .subNavbar:not(.has-LevelTwo) .subNavbarWrapper .navbar.levelThree .iconRow .iconWrapper {
      padding: 33px 18px; } }
  html body.yp .yp-portlet .wrapper.stickedOneLevel {
    margin-top: 90px; }
  html body.yp .yp-portlet .headerMask {
    position: absolute;
    top: -45px;
    left: 0;
    width: 100%;
    height: calc(100% + 45px);
    background-color: rgba(244, 244, 244, 0.61);
    display: none;
    z-index: 500; }
  html body.yp .yp-portlet .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 72px;
    border-top: 3px solid #ADDB11;
    background-color: #344266;
    margin-top: 40px; }
  html body.yp .yp-portlet .footer .footer-container {
    width: 1200px;
    max-width: 100%;
    margin: auto;
    height: 100%;
    padding: 0 15px; }
  html body.yp .yp-portlet .footer .footer-container:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .footer .footer-container .footer-navigation {
    width: calc(100% - 104px);
    float: left; }
  html body.yp .yp-portlet .footer .footer-container .footer-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  html body.yp .yp-portlet .footer .footer-container .footer-navigation ul:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .footer .footer-container .footer-navigation ul li {
    float: left; }
  html body.yp .yp-portlet .footer .footer-container .footer-navigation ul li a {
    color: rgba(171, 177, 183, 0.72);
    font-size: 14px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    padding: 19px 30px;
    display: block;
    padding-top: 25px !important;
    text-decoration: none !important;
    cursor: pointer;
    -o-transition: color 350ms;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    transition: color 350ms; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .footer .footer-container .footer-navigation ul li a:hover {
      color: #abb1b7;
      -o-transition: color 350ms;
      -webkit-transition: color 350ms;
      -moz-transition: color 350ms;
      transition: color 350ms; } }
  html body.yp .yp-portlet .footer .footer-container .footer-navigation ul li:first-child a {
    padding-left: 0; }
  html body.yp .yp-portlet .footer .footer-container .footer-navigation ul li:last-child a {
    padding-right: 0; }
  html body.yp .yp-portlet .footer .footer-container .footer-logo {
    width: 104px;
    float: right;
    font-size: 14px;
    color: #ABB1B7;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    position: relative;
    height: 100%; }
  html body.yp .yp-portlet .footer .footer-container .footer-logo span {
    line-height: 77px;
    padding-left: 16px; }
  html body.yp .yp-portlet .footer .footer-container .footer-logo img {
    position: absolute;
    top: 16px;
    right: 0; }
  @media (min-width: 768px) and (max-width: 990px) {
    html body.yp .yp-portlet .footer .footer-container .footer-navigation ul li a {
      padding: 22px 19px; }
    html body.yp .yp-portlet .footer .footer-container .footer-navigation ul li:first-child a {
      padding-left: 0; }
    html body.yp .yp-portlet .footer .footer-container .footer-navigation ul li:last-child a {
      padding-right: 0; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .footer .footer-container .footer-navigation {
      display: none; } }
  html body.yp .yp-portlet html.k-ie .footer {
    overflow: hidden; }
  @media (min-width: 768px) {
    html body.yp .yp-portlet body.signin .content .signInWrapper {
      min-height: calc(100vh - 80px); } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet body.signin .content .signInWrapper {
      min-height: calc(100vh - 80px); } }
  html body.yp .yp-portlet body.signin .content .signInWrapper.fullPageSignIn {
    background-image: url(../images/signInBg_original.png);
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; }
  html body.yp .yp-portlet .linkBox {
    position: relative; }
  html body.yp .yp-portlet .linkBox.big {
    height: calc(100vh - 370px);
    width: 100%;
    min-height: 400px;
    max-height: 670px; }
  html body.yp .yp-portlet .linkBox.big .linkBoxCover {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center; }
  html body.yp .yp-portlet .linkBox.big .linkBoxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient(-8% 21% -2deg, rgba(18, 43, 74, 0.83) 0, rgba(25, 48, 77, 0) 145%);
    background-image: -webkit-gradient(linear, -8% 21%, 59% 25%, color-stop(0, rgba(18, 43, 74, 0.83)), color-stop(1, rgba(25, 48, 77, 0)));
    background-image: -webkit-linear-gradient(-2deg, rgba(18, 43, 74, 0.83) 0, rgba(25, 48, 77, 0) 145%);
    background-image: -o-linear-gradient(-2deg, rgba(18, 43, 74, 0.83) 0, rgba(25, 48, 77, 0) 145%);
    background-image: -ms-linear-gradient(-2deg, rgba(18, 43, 74, 0.83) 0, rgba(25, 48, 77, 0) 145%);
    background-image: linear-gradient(-2deg, rgba(18, 43, 74, 0.83) 0, rgba(25, 48, 77, 0) 145%);
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .linkBox.big .linkBoxText {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    width: 470px;
    height: auto;
    margin-left: 100px; }
  html body.yp .yp-portlet .linkBox.big .linkBoxText .bigText {
    max-width: 470px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 45px;
    line-height: 87%;
    text-align: left;
    color: #ebedf0; }
  html body.yp .yp-portlet .linkBox.big .linkBoxText .linkBoxLink {
    line-height: 23px;
    margin-top: 20px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    display: inline-block;
    padding-right: 7px;
    padding-bottom: 4px; }
  html body.yp .yp-portlet .linkBox.big .linkBoxText .linkBoxLink .zmdi {
    margin-left: 10px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .linkBox.big .linkBoxText {
      margin-left: 20px;
      max-width: 470px;
      width: calc(100% - 20px); }
    html body.yp .yp-portlet .linkBox.big .linkBoxText .bigText {
      font-size: 35px; } }
  html body.yp .yp-portlet .linkBox.small {
    max-width: 387px;
    height: 216px;
    float: left; }
  html body.yp .yp-portlet .linkBox.small + .small {
    margin-left: 20px; }
  html body.yp .yp-portlet .linkBox.small:nth-last-child(3), html body.yp .yp-portlet .linkBox.small:nth-last-child(3) ~ .small {
    width: calc((100% - 40px) / 3); }
  @media (max-width: 768px) {
    html body.yp .yp-portlet .linkBox.small {
      width: 100% !important;
      max-width: none; }
    html body.yp .yp-portlet .linkBox.small + .small {
      margin-left: 0;
      margin-top: 20px; }
    html body.yp .yp-portlet .linkBox.small .linkBoxOverlay {
      max-width: none !important; }
    html body.yp .yp-portlet .linkBox.small.halfOverlay .linkBoxCover {
      max-width: calc(100% - 150px); }
    html body.yp .yp-portlet .linkBox.small.halfOverlay .linkBoxOverlay {
      min-width: 150px; }
    html body.yp .yp-portlet .linkBox.small.halfOverlay .linkBoxText {
      min-width: 125px; } }
  html body.yp .yp-portlet .linkBox.small .linkBoxCover {
    width: 100%;
    height: 100%;
    background-size: cover;
    margin-bottom: 25px;
    background-position: center center; }
  html body.yp .yp-portlet .linkBox.small .linkBoxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient(50% 33% -16deg, rgba(18, 43, 74, 0.95) 0, rgba(150, 190, 15, 0.62) 145%);
    background-image: -webkit-gradient(linear, 50% 33%, 214% 115%, color-stop(0, rgba(18, 43, 74, 0.95)), color-stop(1, rgba(150, 190, 15, 0.62)));
    background-image: -webkit-linear-gradient(-16deg, rgba(18, 43, 74, 0.95) 0, rgba(150, 190, 15, 0.62) 145%);
    background-image: -o-linear-gradient(-16deg, rgba(18, 43, 74, 0.95) 0, rgba(150, 190, 15, 0.62) 145%);
    background-image: -ms-linear-gradient(-16deg, rgba(18, 43, 74, 0.95) 0, rgba(150, 190, 15, 0.62) 145%);
    background-image: linear-gradient(-16deg, rgba(18, 43, 74, 0.95) 0, rgba(150, 190, 15, 0.62) 145%);
    max-width: 387px;
    max-height: 216px;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .linkBox.small .linkBoxText {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    max-width: 470px;
    height: auto;
    margin-left: 25px;
    overflow: hidden; }
  html body.yp .yp-portlet .linkBox.small .linkBoxText .linkBoxTitle {
    font-size: 14px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: rgba(229, 229, 234, 0.88);
    margin-bottom: 25px; }
  html body.yp .yp-portlet .linkBox.small .linkBoxText .bigText {
    max-width: 260px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 25px;
    line-height: 87%;
    text-align: left;
    color: #ebedf0; }
  html body.yp .yp-portlet .linkBox.small .linkBoxText .linkBoxLink {
    line-height: 100%;
    margin-top: 20px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    display: inline-block; }
  html body.yp .yp-portlet .linkBox.small.halfOverlay .linkBoxCover {
    background-image: url(../images/linkBox_small3.png);
    width: 50%;
    float: right; }
  html body.yp .yp-portlet .linkBox.small.halfOverlay .linkBoxOverlay {
    background-color: #122b4a;
    background-image: none;
    width: 50%; }
  html body.yp .yp-portlet .linkBox.small.halfOverlay .linkBoxText {
    width: calc(50% - 25px); }
  html body.yp .yp-portlet .linkBox.small.halfOverlay .linkBoxLink {
    color: rgba(235, 238, 240, 0.88);
    border-bottom: 1px solid rgba(235, 238, 240, 0.88); }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .linkBox.small.halfOverlay .linkBoxLink {
      -o-transition: 350ms all;
      -webkit-transition: 350ms all;
      -moz-transition: 350ms all;
      transition: 350ms all; }
    html body.yp .yp-portlet .linkBox.small.halfOverlay .linkBoxLink:hover {
      color: rgba(163, 197, 44, 0.88);
      border-bottom: 1px solid #a3c62c;
      -o-transition: 350ms all;
      -webkit-transition: 350ms all;
      -moz-transition: 350ms all;
      transition: 350ms all; } }
  html body.yp .yp-portlet .linkBox .linkBoxLink {
    text-decoration: none !important;
    cursor: pointer;
    display: block;
    color: rgba(163, 197, 44, 0.88);
    border-bottom: 1px solid #a3c62c; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .linkBox .linkBoxLink {
      -o-transition: 350ms all;
      -webkit-transition: 350ms all;
      -moz-transition: 350ms all;
      transition: 350ms all; }
    html body.yp .yp-portlet .linkBox .linkBoxLink:hover {
      color: rgba(163, 197, 44, 0.5);
      border-bottom: 1px solid rgba(163, 197, 44, 0.5);
      -o-transition: 350ms all;
      -webkit-transition: 350ms all;
      -moz-transition: 350ms all;
      transition: 350ms all; } }
  @media (min-width: 768px) and (max-width: 950px) {
    html body.yp .yp-portlet .linkBox.halfOverlay .linkBoxText {
      width: calc(50% - 10px) !important; }
    html body.yp .yp-portlet .linkBox .linkBoxText {
      margin-left: 15px !important; }
    html body.yp .yp-portlet .linkBox .linkBoxText .bigText {
      font-size: 20px !important; } }
  html body.yp .yp-portlet .linkBoxWrapper {
    max-width: 1401px;
    margin: auto; }
  html body.yp .yp-portlet .linkBoxWrapper:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1366px) {
    html body.yp .yp-portlet .linkBoxWrapper {
      padding: 37px 100px; } }
  @media (min-width: 1024px) and (max-width: 1365px) {
    html body.yp .yp-portlet .linkBoxWrapper {
      padding: 37px 50px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    html body.yp .yp-portlet .linkBoxWrapper {
      padding: 37px 20px; } }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .linkBoxWrapper {
      justify-content: center;
      display: flex;
      height: 290px; } }
  @media (max-width: 768px) {
    html body.yp .yp-portlet .linkBoxWrapper {
      height: auto !important;
      padding: 37px 20px; } }
  html body.yp .yp-portlet .signInWrapper .signInForm .signInTitle {
    color: #FFF;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 29px;
    line-height: 109%;
    width: 244px;
    margin-bottom: 36px !important; }
  html body.yp .yp-portlet .signInWrapper .signInForm .signInTitle .bolder {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 29px;
    display: block; }
  html body.yp .yp-portlet .signInWrapper .signInForm .signInTitle span {
    text-align: center; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group {
    margin: auto;
    width: 90%;
    max-width: 405px; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group .controls {
    padding-left: 55px;
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 43px;
    position: relative;
    background-color: #EBEDF0; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group .controls[data-controlFor]:before {
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666;
    font-size: 24px !important;
    z-index: 2;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
    left: 20px; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group .controls[data-controlFor=username]:before {
    content: '\f207'; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group .controls[data-controlFor=password]:before {
    content: '\f191'; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group .controls .form-control {
    position: absolute;
    right: 0;
    width: calc(100% - 55px);
    border: 0;
    box-shadow: none;
    background-color: #EBEDF0;
    height: 41px; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group .controls .form-control::-webkit-input-placeholder {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #878787 !important;
    font-size: 14px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    line-height: 23px !important; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group .controls .form-control:-moz-placeholder {
    color: #878787 !important;
    font-size: 14px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 41px !important; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group .controls .form-control::-moz-placeholder {
    color: #878787 !important;
    font-size: 14px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 41px !important; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group .controls .form-control:-ms-input-placeholder {
    color: #878787 !important;
    font-size: 14px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px !important; }
  html body.yp .yp-portlet .signInWrapper .signInForm .form-group + .form-group {
    margin-top: 15px; }
  html body.yp .yp-portlet .signInWrapper .signInForm > .btn {
    min-width: 170px;
    margin: 30px auto 12px;
    display: block;
    height: 43px;
    font-size: 15px; }
  html body.yp .yp-portlet .signInWrapper .signInForm .loginGridWrapper {
    display: none; }
  html body.yp .yp-portlet .signInWrapper .signInForm .securityMessage {
    color: #FFF;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    width: 114px;
    margin: auto; }
  html body.yp .yp-portlet .signInWrapper .signInForm .securityMessage:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .signInWrapper .signInForm .securityMessage .secureIcon {
    background: url(../images/sprite-editable.png) 1px 1px;
    width: 20px;
    height: 28px;
    display: inline-block;
    float: left; }
  html body.yp .yp-portlet .signInWrapper .signInForm .securityMessage .secureIcon + span {
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-left: 7px; }
  html body.yp .yp-portlet .signInWrapper .signInForm .securityMessage .zmdi {
    font-size: 22px;
    margin-right: 7px;
    float: left; }
  html body.yp .yp-portlet .signInWrapper .signInForm .securityMessage .zmdi + span {
    float: left; }
  html body.yp .yp-portlet .signInWrapper .signInLinksWrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .signInWrapper .signInLinksWrapper .signInLink {
    padding-left: 70px; }
  html body.yp .yp-portlet .signInWrapper .signInLinksWrapper .signInLink:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .signInWrapper .signInLinksWrapper .signInLink .arrowIcon {
    width: 17px;
    height: 17px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #96BE0E;
    margin: 13px 15px 13px 0;
    float: left; }
  html body.yp .yp-portlet .signInWrapper .signInLinksWrapper .signInLink .arrowIcon .glyphicon {
    color: #2C3950;
    line-height: 15px;
    display: block;
    vertical-align: middle;
    width: 17px;
    text-align: center; }
  html body.yp .yp-portlet .signInWrapper .signInLinksWrapper .signInLink .linkTitle {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #fff;
    float: left;
    -o-transition: color 350ms;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    transition: color 350ms;
    cursor: pointer;
    position: relative; }
  html body.yp .yp-portlet .signInWrapper .signInLinksWrapper .signInLink .linkTitle .linkLine {
    background-image: url(../images/loginLinkLine.png);
    width: 100%;
    height: 1px;
    background-repeat: repeat; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .signInWrapper .signInLinksWrapper .signInLink:hover .linkTitle {
      color: #96BE0E;
      -o-transition: color 350ms;
      -webkit-transition: color 350ms;
      -moz-transition: color 350ms;
      transition: color 350ms; } }
  html body.yp .yp-portlet .signInWrapper.fullPageSignIn {
    width: 100%;
    height: 100%;
    padding-top: 150px; }
  html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInForm {
    max-width: 460px;
    margin: auto; }
  html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInForm .signInTitle {
    margin: auto; }
  html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper {
    margin-top: 60px; }
  html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink {
    float: left;
    padding-left: 70px;
    display: inline; }
  html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper {
      display: flex;
      align-items: center;
      justify-content: center; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px; }
    html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink {
      padding-left: 0;
      clear: both;
      display: block;
      float: none; }
    html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink .arrowIcon {
      display: none; }
    html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink .linkTitle {
      text-align: center;
      float: none;
      display: block;
      margin: auto;
      padding: 5px 0; }
    html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink .linkTitle .linkLine {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 245px;
      right: 0;
      margin: auto; }
    html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink:last-child .linkTitle .linkLine {
      display: none; } }
  html body.yp .yp-portlet .signInWrapper.splitSignIn .signInForm {
    width: 50%;
    float: left;
    background-color: #2C3B4B; }
  html body.yp .yp-portlet .signInWrapper.splitSignIn .signInForm .signInTitle {
    max-width: 405px;
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
  html body.yp .yp-portlet .signInWrapper.splitSignIn .signInForm .signInTitle span {
    text-align: left; }
  html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper {
    width: 50%;
    float: left;
    background-color: #F4F4F4; }
  html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .arrowIcon .glyphicon {
    color: #F4F4F4; }
  html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .linkTitle {
    color: #333; }
  html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .linkTitle .linkLine {
    display: none; }
  html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .subTitle {
    color: #96be0c;
    line-height: 20px;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    display: inline-block;
    border-bottom: 1px solid #96be0c;
    clear: both;
    float: left;
    margin-left: 32px; }
  @media (min-width: 1024px) {
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInForm {
      min-height: calc(100vh - 80px);
      padding-top: 200px; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper {
      min-height: calc(100vh - 80px);
      padding-top: 224px; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink {
      float: left;
      padding-left: 70px;
      display: inline;
      width: 100%; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink:after {
      content: "";
      display: table;
      clear: both; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .arrowIcon .glyphicon {
      color: #F4F4F4; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .linkTitle {
      color: #333; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink + .signInLink {
      margin-top: 30px; } }
  @media (max-width: 1023px) {
    html body.yp .yp-portlet .signInWrapper.splitSignIn {
      background-image: url(../images/signInBg_original.png);
      width: 100%;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
      padding-top: 150px; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInForm {
      width: 100%;
      float: none;
      background-color: transparent; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInForm .signInTitle span {
      text-align: center;
      display: block; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper {
      margin-top: 60px;
      float: none;
      width: 100%;
      height: auto;
      min-height: 0;
      background-color: transparent;
      padding-bottom: 20px; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink {
      padding-left: 70px;
      width: auto;
      padding-left: 0;
      clear: both;
      display: block;
      float: none; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink:after {
      content: "";
      display: table;
      clear: both; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .arrowIcon {
      display: none; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .arrowIcon .glyphicon {
      color: #2C3950; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .linkTitle {
      color: #fff;
      text-align: center;
      float: none;
      display: block;
      margin: auto;
      padding: 5px 0; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .linkTitle .linkLine {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 245px;
      right: 0;
      margin: auto; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink:last-child .linkTitle .linkLine {
      display: none; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink .subTitle {
      display: none; }
    html body.yp .yp-portlet .signInWrapper.splitSignIn .signInLinksWrapper .signInLink + .signInLink {
      margin-top: 0; } }
  @media (min-width: 768px) and (max-width: 880px) {
    html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink {
      position: relative; }
    html body.yp .yp-portlet .signInWrapper.fullPageSignIn .signInLinksWrapper .signInLink .arrowIcon {
      position: absolute;
      left: 38px; } }
  html body.yp .yp-portlet .separator-page {
    background-color: transparent;
    border-top: 1px solid rgba(45, 60, 75, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    margin: 30px 0; }
  html body.yp .yp-portlet .separator-component {
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 30px 0; }
  html body.yp .yp-portlet .separator-small {
    height: 1px;
    background-color: #333;
    width: 30px;
    margin: 30px 0; }
  html body.yp .yp-portlet .btn {
    background-image: none !important;
    height: 36px;
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .btn.btn-primary {
    background-color: #96be0f;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05); }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .btn.btn-primary:hover {
      background-color: rgba(150, 190, 15, 0.7) !important;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms; } }
  html body.yp .yp-portlet .btn.btn-secondary {
    background-color: #fff;
    -webkit-border-top-left-radius: 2% 6%;
    border-top-left-radius: 2% 6%;
    -webkit-border-top-right-radius: 2% 6%;
    border-top-right-radius: 2% 6%;
    -webkit-border-bottom-right-radius: 2% 6%;
    border-bottom-right-radius: 2% 6%;
    -webkit-border-bottom-left-radius: 2% 6%;
    border-bottom-left-radius: 2% 6%;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    color: #999; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .btn.btn-secondary:hover {
      background-color: #F4F4F4 !important;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms;
      border: transparent; } }
  html body.yp .yp-portlet .btn.btn-form {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #39add2;
    width: 256px;
    max-width: 100%;
    height: 58px;
    font-size: 14px;
    color: #FFF;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms;
    box-sizing: border-box; }
  html body.yp .yp-portlet .btn.btn-form .btn-text {
    line-height: 49px;
    font-family: Roboto,sans-serif;
    font-weight: 500; }
  html body.yp .yp-portlet .btn.btn-form .btn-text .steps-text {
    color: rgba(255, 255, 255, 0.5);
    margin-right: 5px; }
  html body.yp .yp-portlet .btn.btn-form.btn-prev {
    background-color: transparent;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .btn.btn-form.btn-prev .btn-text .steps-text {
    color: #999; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .btn.btn-form:hover {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .yp-portlet .btn .btn-text + .zmdi {
    margin-left: 2px; }
  html body.yp .yp-portlet .btn .zmdi {
    font-size: 16px; }
  html body.yp .yp-portlet .btn .zmdi .btn-text {
    margin-right: 2px; }
  html body.yp .yp-portlet .btn + .btn, html body.yp .yp-portlet .btn + .btn-group {
    margin-left: 30px; }
  html body.yp .yp-portlet .btn:focus {
    outline: #4D90FE auto 5px !important;
    outline-offset: -2px !important; }
  html body.yp .yp-portlet .btn-group.open .dropdown-toggle.btn-primary {
    background-color: #96be0f !important; }
  html body.yp .yp-portlet .btn-group + .btn, html body.yp .yp-portlet .btn-group + .btn-group {
    margin-left: 30px; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .btn-group .dropdown-menu button:hover {
      text-decoration: none;
      color: #141414;
      background-color: #eee; } }
  html body.yp .yp-portlet .btn-group .btn .fa {
    font-size: 15px;
    line-height: 23px;
    display: block; }
  html body.yp .yp-portlet .link, html body.yp .yp-portlet .label-email {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #39add2 !important; }
  html body.yp .yp-portlet .link:not([href]), html body.yp .yp-portlet .label-email:not([href]) {
    text-decoration: none !important; }
  html body.yp .yp-portlet .link[href], html body.yp .yp-portlet .label-email[href] {
    text-decoration: underline !important; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .link[href]:hover, html body.yp .yp-portlet .label-email[href]:hover {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .yp-portlet button.btn[disabled] {
    opacity: .5; }
  html body.yp .yp-portlet .k-edit-form-container .k-primary, html body.yp .yp-portlet .k-popup .k-primary {
    color: #96be0f; }
  html body.yp .yp-portlet .title-page {
    font-family: Roboto,sans-serif;
    font-weight: 100;
    color: #333;
    font-size: 23px;
    margin: 30px 0;
    position: relative;
    line-height: 31px; }
  html body.yp .yp-portlet .title-modal {
    position: relative;
    font-size: 23px;
    color: #333;
    font-family: Roboto,sans-serif;
    font-weight: 100;
    margin-bottom: 5px; }
  html body.yp .yp-portlet .title-section-big {
    position: relative;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #333;
    margin-bottom: 13px; }
  html body.yp .yp-portlet .title-section {
    position: relative;
    font-size: 16px;
    color: #39add2;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 20px; }
  html body.yp .yp-portlet .title-section:after {
    content: "";
    background-color: #39add2;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .yp-portlet .title-sub-section {
    position: relative;
    color: #39add2;
    font-size: 16px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    margin-bottom: 1px; }
  html body.yp .yp-portlet .label-informative {
    color: #2b3a61;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-style: italic; }
  html body.yp .yp-portlet .label-normal {
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .label-small {
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 160%; }
  html body.yp .yp-portlet .label-bold {
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #666; }
  html body.yp .yp-portlet .label-bold .highlight, html body.yp .yp-portlet .label-informative .highlight, html body.yp .yp-portlet .label-normal .highlight, html body.yp .yp-portlet .label-small .highlight, html body.yp .yp-portlet .title-modal .highlight, html body.yp .yp-portlet .title-page .highlight, html body.yp .yp-portlet .title-section .highlight, html body.yp .yp-portlet .title-section-big .highlight, html body.yp .yp-portlet .title-sub-section .highlight {
    color: #39add2; }
  html body.yp .yp-portlet .label-bold.centered, html body.yp .yp-portlet .label-informative.centered, html body.yp .yp-portlet .label-normal.centered, html body.yp .yp-portlet .label-small.centered, html body.yp .yp-portlet .title-modal.centered, html body.yp .yp-portlet .title-page.centered, html body.yp .yp-portlet .title-section-big.centered, html body.yp .yp-portlet .title-section.centered, html body.yp .yp-portlet .title-sub-section.centered {
    text-align: center; }
  html body.yp .yp-portlet .form-horizontal .control-label {
    text-align: left; }
  html body.yp .yp-portlet .form-group, html body.yp .yp-portlet .form-group {
    position: relative; }
  html body.yp .yp-portlet .form-group:after, html body.yp .yp-portlet .form-group:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .form-group .control-label, html body.yp .yp-portlet .form-group .control-label {
    font-size: 13px;
    color: #333;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    margin-bottom: 5px; }
  html body.yp .yp-portlet .form-group .form-control, html body.yp .yp-portlet .form-group .form-control {
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 36px;
    padding-left: 10px;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #666; }
  html body.yp .yp-portlet .form-group .form-control:focus, html body.yp .yp-portlet .form-group .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .form-group .form-control::-webkit-input-placeholder, html body.yp .yp-portlet .form-group .form-control::-webkit-input-placeholder {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    line-height: 23px !important; }
  html body.yp .yp-portlet .form-group .form-control:-moz-placeholder, html body.yp .yp-portlet .form-group .form-control:-moz-placeholder {
    color: #666;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px !important; }
  html body.yp .yp-portlet .form-group .form-control::-moz-placeholder, html body.yp .yp-portlet .form-group .form-control::-moz-placeholder {
    color: #666;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px !important; }
  html body.yp .yp-portlet .form-group .form-control:-ms-input-placeholder, html body.yp .yp-portlet .form-group .form-control:-ms-input-placeholder {
    color: #666;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px !important; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox {
    padding-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap {
    border: 0 !important;
    box-shadow: none !important; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-formatted-value.form-control, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-formatted-value.form-control {
    display: inline !important;
    border: 0;
    padding-left: 0; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link {
    height: 18px; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon {
    background-image: none;
    height: 18px;
    width: 100%; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-n:before, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s:before, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-n:before, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s:before {
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #304660;
    font-size: 15px; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-n:before, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-n:before {
    content: '\f2fc';
    margin-top: 5px; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s:before, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s:before {
    content: '\f2f9';
    margin-top: -2px; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .form-control, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .k-formatted-value.form-control, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap .form-control, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .k-formatted-value.form-control {
    display: none !important; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .form-control, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .form-control {
    display: inline !important;
    border: 0;
    padding-left: 0; }
  html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .form-control.k-input, html body.yp .yp-portlet .form-group .form-control.k-numerictextbox .k-numeric-wrap.k-state-focused .form-control.k-input {
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .yp-portlet .form-group .form-control[disabled], html body.yp .yp-portlet .form-group .form-control[disabled] {
    border-bottom: 1px solid #E4E4E4;
    cursor: default;
    opacity: .5; }
  html body.yp .yp-portlet .form-group .controls-wrapper, html body.yp .yp-portlet .form-group .controls-wrapper {
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 36px;
    padding-left: 10px; }
  html body.yp .yp-portlet .form-group.error:before, html body.yp .yp-portlet .form-group.warning:before, html body.yp .yp-portlet .form-group.error:before, html body.yp .yp-portlet .form-group.warning:before {
    content: '\f071';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    position: absolute;
    left: 10px;
    top: 8px; }
  html body.yp .yp-portlet .form-group.error .form-control, html body.yp .yp-portlet .form-group.warning .form-control, html body.yp .yp-portlet .form-group.error .form-control, html body.yp .yp-portlet .form-group.warning .form-control {
    padding-left: 43px; }
  html body.yp .yp-portlet .form-group.error .help-block, html body.yp .yp-portlet .form-group.warning .help-block, html body.yp .yp-portlet .form-group.error .help-block, html body.yp .yp-portlet .form-group.warning .help-block {
    position: absolute;
    z-index: 2;
    width: 100%;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    padding: 16px; }
  html body.yp .yp-portlet .form-group.error .help-block ul, html body.yp .yp-portlet .form-group.warning .help-block ul, html body.yp .yp-portlet .form-group.error .help-block ul, html body.yp .yp-portlet .form-group.warning .help-block ul {
    padding-left: 0;
    list-style: none; }
  html body.yp .yp-portlet .form-group.error .help-block ul:only-child, html body.yp .yp-portlet .form-group.warning .help-block ul:only-child, html body.yp .yp-portlet .form-group.error .help-block ul:only-child, html body.yp .yp-portlet .form-group.warning .help-block ul:only-child {
    margin-bottom: 0; }
  html body.yp .yp-portlet .form-group.error .help-block ul li:before, html body.yp .yp-portlet .form-group.warning .help-block ul li:before, html body.yp .yp-portlet .form-group.error .help-block ul li:before, html body.yp .yp-portlet .form-group.warning .help-block ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    float: left;
    margin: 10px 14px 0 0; }
  html body.yp .yp-portlet .form-group.warning:before, html body.yp .yp-portlet .form-group.warning:before {
    color: #D9A300; }
  html body.yp .yp-portlet .form-group.warning .help-block, html body.yp .yp-portlet .form-group.warning .help-block {
    background-color: #f8f8f8;
    border: 1px solid #D9A300;
    color: #666; }
  html body.yp .yp-portlet .form-group.warning .help-block ul li:before, html body.yp .yp-portlet .form-group.warning .help-block ul li:before {
    background-color: #D9A300; }
  html body.yp .yp-portlet .form-group.error:before, html body.yp .yp-portlet .form-group.error:before {
    color: #EF6262; }
  html body.yp .yp-portlet .form-group.error .help-block, html body.yp .yp-portlet .form-group.error .help-block {
    background-color: #f8f8f8;
    border: 1px solid #ef6262;
    color: #666; }
  html body.yp .yp-portlet .form-group.error .help-block ul li:before, html body.yp .yp-portlet .form-group.error .help-block ul li:before {
    background-color: #EF6262; }
  html body.yp .yp-portlet .form-group.readOnly, html body.yp .yp-portlet .form-group.readOnly {
    max-width: 503px;
    width: 100%; }
  html body.yp .yp-portlet .form-group.readOnly .control-label, html body.yp .yp-portlet .form-group.readOnly .control-label {
    padding: 15px 0;
    height: auto;
    width: 45%;
    max-width: 240px;
    line-height: 23px;
    margin-bottom: 0;
    float: left; }
  html body.yp .yp-portlet .form-group.readOnly .form-control, html body.yp .yp-portlet .form-group.readOnly .form-control {
    padding: 15px 0;
    height: auto;
    width: 55%;
    max-width: 290px;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    clear: none;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    float: left;
    background-color: transparent; }
  html body.yp .yp-portlet .form-group.readOnly + .readOnly, html body.yp .yp-portlet .form-group.readOnly + .readOnly {
    margin-top: 0;
    margin-bottom: 2px; }
  html body.yp .yp-portlet .form-group.slider-control .form-control, html body.yp .yp-portlet .form-group.slider-control .form-control {
    border: 0;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    position: relative;
    padding: 0 5px; }
  html body.yp .yp-portlet .form-group.slider-control .form-control:after, html body.yp .yp-portlet .form-group.slider-control .form-control:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .current-slider, html body.yp .yp-portlet .form-group.slider-control .form-control .current-slider {
    background-color: #FFF;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -14px;
    white-space: nowrap;
    padding: 0 5px; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .max-slider, html body.yp .yp-portlet .form-group.slider-control .form-control .min-slider, html body.yp .yp-portlet .form-group.slider-control .form-control .max-slider, html body.yp .yp-portlet .form-group.slider-control .form-control .min-slider {
    line-height: 34px;
    float: left;
    padding: 0 10px;
    text-align: left;
    color: #666; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .max-slider, html body.yp .yp-portlet .form-group.slider-control .form-control .max-slider {
    text-align: right; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider {
    float: left;
    margin: 0 5px;
    height: 34px;
    width: calc(100% - 150px); }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap {
    position: relative; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track {
    height: 7px;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    width: 100%; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-slider-selection, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-slider-selection {
    height: 7px !important;
    margin-top: 0;
    top: 0;
    background-color: #666;
    border-color: #666; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-slider-selection .currentValue, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-slider-selection .currentValue {
    position: absolute;
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    top: -25px;
    right: -6px;
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    white-space: nowrap; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle {
    border: 3px solid #FFF;
    background-color: #333;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    outline: 0; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle.k-state-focused, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle:hover, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle.k-state-focused, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-slider-track .k-draghandle:hover {
    -webkit-box-shadow: 0 0 3px 8px rgba(51, 51, 51, 0.3);
    -moz-box-shadow: 0 0 3px 8px rgba(51, 51, 51, 0.3);
    box-shadow: 0 0 3px 8px rgba(51, 51, 51, 0.3); }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-widget.k-slider, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-slider-wrap .k-widget.k-slider {
    width: 100%;
    display: block !important; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider.k-state-disabled .k-slider-wrap .k-slider-track, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider.k-state-disabled .k-slider-wrap .k-slider-track {
    cursor: default; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider.k-state-disabled .k-slider-wrap .k-slider-track .k-draghandle:hover, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider.k-state-disabled .k-slider-wrap .k-slider-track .k-draghandle:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-draghandle, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider .k-draghandle {
    -o-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  html body.yp .yp-portlet .form-group.slider-control.StaticSlider, html body.yp .yp-portlet .form-group.slider-control.StaticSlider {
    height: 56px; }
  html body.yp .yp-portlet .form-group.slider-control.StaticSlider .controls, html body.yp .yp-portlet .form-group.slider-control.StaticSlider .controls {
    width: 100%; }
  html body.yp .yp-portlet .form-group.slider-control.StaticSlider .controls .form-control .current-slider, html body.yp .yp-portlet .form-group.slider-control.StaticSlider .controls .form-control .current-slider {
    top: -20px; }
  html body.yp .yp-portlet .form-group.slider-control.StaticSlider .k-slider-selection, html body.yp .yp-portlet .form-group.slider-control.StaticSlider .k-slider-selection {
    background-color: #333;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html body.yp .yp-portlet .form-group.slider-control.StaticSlider .k-draghandle, html body.yp .yp-portlet .form-group.slider-control.StaticSlider .k-draghandle {
    width: 4px !important;
    height: 56px !important;
    left: 3px;
    border: 0 !important;
    padding: 0 5px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    cursor: grab;
    background-color: transparent !important; }
  html body.yp .yp-portlet .form-group.slider-control.StaticSlider .k-draghandle .draghandle-elt, html body.yp .yp-portlet .form-group.slider-control.StaticSlider .k-draghandle .draghandle-elt {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    background-color: #333; }
  html body.yp .yp-portlet .form-group.slider-control.StaticSlider .k-draghandle.k-state-focused, html body.yp .yp-portlet .form-group.slider-control.StaticSlider .k-draghandle.k-state-focused {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .yp-portlet .form-group.slider-control.StaticSlider .k-draghandle.k-state-focused.k-state-selected, html body.yp .yp-portlet .form-group.slider-control.StaticSlider .k-draghandle.k-state-focused.k-state-selected {
    margin-left: 0; }
  html body.yp .yp-portlet .form-group.slider-control.StaticSlider .form-control, html body.yp .yp-portlet .form-group.slider-control.StaticSlider .form-control {
    border: 0;
    padding: 10px 0;
    height: 56px !important; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .form-group.slider-control.StaticSlider.w-input.mobile-w-input, html body.yp .yp-portlet .form-group.slider-control.StaticSlider.w-input.mobile-w-input {
      min-height: 56px;
      height: auto; }
    html body.yp .yp-portlet .form-group.slider-control.StaticSlider.w-input.mobile-w-input .form-control-input-wrapper, html body.yp .yp-portlet .form-group.slider-control.StaticSlider.w-input.mobile-w-input .form-control-input-wrapper {
      width: 100% !important;
      margin-top: 10px;
      margin-left: 0; } }
  html body.yp .yp-portlet .form-group.slider-control.w-input .controls:after, html body.yp .yp-portlet .form-group.slider-control.w-input .controls:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control, html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control {
    float: left; }
  html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper, html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper {
    float: left;
    height: 37px;
    border: 1px solid #E4E4E4;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    margin-left: 20px; }
  html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input, html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input {
    width: 100%;
    height: 100%;
    line-height: 37px;
    background-color: #FFF;
    border: 0;
    padding-left: 11px; }
  html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input:not(:only-child), html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input:not(:only-child) {
    width: 50%;
    float: left; }
  html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input:not(:only-child):first-child, html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .form-control-input:not(:only-child):first-child {
    border-right: 1px solid #E4E4E4;
    width: calc(50% - 1px); }
  html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox, html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox {
    padding: 0; }
  html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap, html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap {
    position: relative;
    border: 0;
    height: 35px; }
  html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap .form-control-input, html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap .form-control-input {
    width: calc(100% - 2.571em);
    position: absolute;
    top: 0;
    padding: 0;
    left: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #666; }
  html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap.k-state-hover, html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .form-group.slider-control.w-input .controls .form-control-input-wrapper .k-numerictextbox .k-numeric-wrap.k-state-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .form-group.slider-control.w-input.mobile-w-input .controls .form-control, html body.yp .yp-portlet .form-group.slider-control.w-input.mobile-w-input .controls .form-control {
      width: 100% !important; }
    html body.yp .yp-portlet .form-group.slider-control.w-input.mobile-w-input .controls .form-control-input-wrapper, html body.yp .yp-portlet .form-group.slider-control.w-input.mobile-w-input .controls .form-control-input-wrapper {
      display: none; } }
  html body.yp .yp-portlet .form-group.slider-control .controls .help-block, html body.yp .yp-portlet .form-group.slider-control .controls .help-block {
    position: absolute; }
  html body.yp .yp-portlet .form-group.slider-control.error:before, html body.yp .yp-portlet .form-group.slider-control.warning:before, html body.yp .yp-portlet .form-group.slider-control.error:before, html body.yp .yp-portlet .form-group.slider-control.warning:before {
    content: none; }
  html body.yp .yp-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused, html body.yp .yp-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused {
    margin-left: 16px; }
  html body.yp .yp-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused:before, html body.yp .yp-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused:before, html body.yp .yp-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused:before, html body.yp .yp-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused:before {
    content: '\f071';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    position: absolute;
    left: -13px;
    top: 8px;
    z-index: 1; }
  html body.yp .yp-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused:before, html body.yp .yp-portlet .form-group.slider-control.warning .k-numeric-wrap.k-state-focused:before {
    color: #D9A300; }
  html body.yp .yp-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused:before, html body.yp .yp-portlet .form-group.slider-control.error .k-numeric-wrap.k-state-focused:before {
    color: #EF6262; }
  html body.yp .yp-portlet .form-group.textfield .form-control, html body.yp .yp-portlet .form-group.textfield .form-control {
    padding-left: 18px;
    width: calc(100% - 20px); }
  html body.yp .yp-portlet .form-group.textfield.required .control-label span:after, html body.yp .yp-portlet .form-group.textfield.required .control-label span:after {
    content: "*"; }
  html body.yp .yp-portlet .form-group.select-group .controls, html body.yp .yp-portlet .form-group.select-group .controls {
    min-height: 36px; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper, html body.yp .yp-portlet .form-group.select-group .controls-wrapper {
    position: relative;
    padding-left: 0; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .mobileClose, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .mobileClose {
    display: none; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper select, html body.yp .yp-portlet .form-group.select-group .controls-wrapper select {
    width: 100%;
    height: 100%;
    border: 0;
    box-shadow: none;
    font-size: 13px;
    color: #666;
    padding: 0 45px 0 15px;
    background: 0 0;
    cursor: pointer; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper select + .combo-arrow, html body.yp .yp-portlet .form-group.select-group .controls-wrapper select + .combo-arrow {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 20px;
    pointer-events: none; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper select + .combo-arrow .zmdi, html body.yp .yp-portlet .form-group.select-group .controls-wrapper select + .combo-arrow .zmdi {
    font-size: 15px;
    color: #304660; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox {
    width: 100%;
    border: 0; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap {
    border: 0;
    outline: 0 !important; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap.k-state-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap input.k-input, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap input.k-input {
    width: 100%;
    padding: 0;
    height: 34px;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #666; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select {
    background-color: #FFF;
    border: 0; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon {
    background: 50% 50%;
    opacity: 1;
    color: #304660 !important; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon:before, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon:before {
    content: "\f2f9";
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 15px; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select.showClose .k-icon:before, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select.showClose .k-icon:before {
    content: "\f136"; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown {
    width: 100%;
    height: 100%;
    border: 0;
    background-color: #FFF; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap {
    background-color: #FFF;
    border: 0; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-active, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-hover, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-active, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-focused, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-active .k-select .k-icon.k-i-arrow-s:after, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap.k-state-active .k-select .k-icon.k-i-arrow-s:after {
    content: '\f2fc'; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon {
    background: 0 0; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon:after, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon:after {
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 15px;
    color: #304660; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-s:after, html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-s:after {
    content: '\f2f9'; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown[aria-readonly=true], html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-dropdown[aria-readonly=true] {
    opacity: .5;
    cursor: default; }
  html body.yp .yp-portlet .form-group.select-group.comboMultiSelection, html body.yp .yp-portlet .form-group.select-group.comboMultiSelection {
    height: auto; }
  html body.yp .yp-portlet .form-group.select-group.comboMultiSelection .controls, html body.yp .yp-portlet .form-group.select-group.comboMultiSelection .controls .controls-wrapper, html body.yp .yp-portlet .form-group.select-group.comboMultiSelection .controls, html body.yp .yp-portlet .form-group.select-group.comboMultiSelection .controls .controls-wrapper {
    height: 100%; }
  html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper, html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper {
    height: auto !important;
    position: fixed;
    top: 0;
    width: calc(100% - 20px);
    left: 10px;
    z-index: 200;
    border: 0; }
  html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper .mobileClose, html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper .mobileClose {
    display: block;
    text-align: center;
    font-size: 20px; }
  html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper .k-widget, html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper .k-widget {
    position: relative;
    border-color: #999;
    border-radius: 2px 2px 0 0;
    border-style: solid;
    border-width: 1px; }
  html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper .k-widget .k-multiselect-wrap .k-input, html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper .k-widget .k-multiselect-wrap .k-input {
    width: calc(100% - 6px) !important;
    border: 2px solid #f0f0f0;
    margin: 3px;
    box-sizing: border-box; }
  html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: calc(100vh - 72px) !important; }
  html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper .k-animation-container .k-list-container, html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper .k-animation-container .k-list-container {
    width: calc(100% - 2px) !important;
    padding-top: 0; }
  html body.yp .yp-portlet .form-group.textarea .control-label, html body.yp .yp-portlet .form-group.textarea .control-label {
    border: 1px solid #EEE;
    border-bottom: 0 none; }
  html body.yp .yp-portlet .form-group.textarea .form-control, html body.yp .yp-portlet .form-group.textarea .form-control {
    display: none !important; }
  html body.yp .yp-portlet .form-group.textarea .hovering-class, html body.yp .yp-portlet .form-group.textarea .hovering-class {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #999 !important;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: normal !important;
    line-height: 23px !important;
    position: absolute;
    left: 8px;
    top: 8px;
    pointer-events: none;
    z-index: 1; }
  html body.yp .yp-portlet .form-group.textarea .editor-inline, html body.yp .yp-portlet .form-group.textarea .editor-inline {
    float: left;
    width: 100%;
    background-color: #FFF;
    position: relative;
    font-size: 13px;
    color: #666;
    padding: 8px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    min-height: 136px;
    outline: 0;
    border: 1px solid #EEE;
    box-sizing: border-box; }
  html body.yp .yp-portlet .form-group.textarea .editor-inline:after, html body.yp .yp-portlet .form-group.textarea .editor-inline:after {
    width: 100%;
    height: 1px;
    position: absolute;
    content: ' ';
    bottom: -1px;
    left: 0;
    background-color: #DDD;
    -o-transition: background-color 250ms;
    -webkit-transition: background-color 250ms;
    -moz-transition: background-color 250ms;
    transition: background-color 250ms; }
  html body.yp .yp-portlet .form-group.textarea .editor-inline:focus, html body.yp .yp-portlet .form-group.textarea .editor-inline:focus {
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -o-transition: box-shadow 250ms;
    -webkit-transition: box-shadow 250ms;
    -moz-transition: box-shadow 250ms;
    transition: box-shadow 250ms; }
  html body.yp .yp-portlet .form-group.textarea .editor-inline:focus:after, html body.yp .yp-portlet .form-group.textarea .editor-inline:focus:after {
    background-color: #AAA;
    -o-transition: background-color 250ms;
    -webkit-transition: background-color 250ms;
    -moz-transition: background-color 250ms;
    transition: background-color 250ms; }
  html body.yp .yp-portlet .form-group.textarea textarea.editor-inline, html body.yp .yp-portlet .form-group.textarea textarea.editor-inline {
    resize: none; }
  html body.yp .yp-portlet .form-group.textarea .controls .k-editor, html body.yp .yp-portlet .form-group.textarea .controls .k-editor {
    height: auto;
    min-height: 85px; }
  html body.yp .yp-portlet .form-group.textarea .controls .k-editor tbody tr td.k-editable-area, html body.yp .yp-portlet .form-group.textarea .controls .k-editor tbody tr td.k-editable-area {
    padding: 10px 20px; }
  html body.yp .yp-portlet .form-group.textarea .controls .k-editor.no-toolbar tbody tr td.k-editable-area, html body.yp .yp-portlet .form-group.textarea .controls .k-editor.no-toolbar tbody tr td.k-editable-area {
    border: 0;
    padding: 10px 20px; }
  html body.yp .yp-portlet .form-group.radioListing, html body.yp .yp-portlet .form-group.radioListing {
    max-width: none; }
  html body.yp .yp-portlet .form-group.radioListing .controls-wrapper, html body.yp .yp-portlet .form-group.radioListing .controls-wrapper {
    height: auto;
    border: 0; }
  html body.yp .yp-portlet .form-group.radioListing .controls-wrapper .radio .radio-elt-wrapper, html body.yp .yp-portlet .form-group.radioListing .controls-wrapper .radio .radio-elt-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px; }
  html body.yp .yp-portlet .form-group.radioListing .controls-wrapper .radio .radio-elt-wrapper + label, html body.yp .yp-portlet .form-group.radioListing .controls-wrapper .radio .radio-elt-wrapper + label {
    vertical-align: top;
    padding-left: 0;
    display: inline-block;
    max-width: calc(100% - 25px); }
  html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper:after, html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio, html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 40px; }
  html body.yp .yp-portlet .form-group.radioListing .controls .controls-wrapper .radio label .radio-input, html body.yp .yp-portlet .form-group.radioListing .controls .controls-wrapper .radio label .radio-input {
    margin-top: 4px; }
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper, html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper {
    position: relative; }
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper, html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper {
    height: 100%;
    width: 100%;
    position: relative; }
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .form-control, html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .form-control {
    padding: 0 15px;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #666;
    cursor: pointer;
    padding-left: 0; }
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon, html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 17px;
    color: #30465f;
    font-size: 12px;
    cursor: pointer; }
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-calendar, html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-calendar {
    pointer-events: none; }
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-remove, html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-remove {
    display: none;
    right: 2px; }
  html body.yp .yp-portlet .form-group.dateRange-group.w-label .controls-wrapper, html body.yp .yp-portlet .form-group.dateRange-group.w-label .controls-wrapper {
    padding: 0; }
  html body.yp .yp-portlet .form-group.dateRange-group.w-label .dateRangeLabel, html body.yp .yp-portlet .form-group.dateRange-group.w-label .dateRangeLabel {
    width: 67px;
    height: 100%;
    float: left;
    padding-left: 9px;
    line-height: 34px;
    color: #666; }
  html body.yp .yp-portlet .form-group.dateRange-group.w-label .dateRangeLabel + .dateRange-wrapper, html body.yp .yp-portlet .form-group.dateRange-group.w-label .dateRangeLabel + .dateRange-wrapper {
    width: calc(100% - 67px);
    float: left; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel {
    border-right: 1px solid #E4E4E4; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper {
    width: calc(50% - 67px) !important; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control {
    padding-left: 10px;
    padding-right: 48px;
    width: 100%;
    position: relative; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control + .glyphicon, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control + .glyphicon {
    pointer-events: all;
    z-index: 2; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel {
    border-left: 1px solid #E4E4E4; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .glyphicon-remove, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .glyphicon-remove {
    right: 2px;
    pointer-events: all;
    display: none; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper {
      height: 72px; }
    html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel {
      height: 36px;
      border-bottom: 1px solid #E4E4E4; }
    html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper {
      border-bottom: 1px solid #E4E4E4;
      width: calc(100% - 67px) !important; }
    html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel {
      border-left: 0 none;
      border-bottom: 0 none; }
    html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel + .dateRange-wrapper, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper + .dateRangeLabel + .dateRange-wrapper {
      height: 34px;
      border-bottom: 0 none; }
    html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRange-wrapper, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRange-wrapper {
      width: calc(100% - 67px) !important;
      height: 36px; } }
  html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper, html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper {
    padding-left: 0; }
  html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker, html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker {
    padding: 0; }
  html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap, html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap {
    border: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #fff !important;
    padding: 0;
    height: 34px; }
  html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .form-control.k-input, html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .form-control.k-input {
    width: 100%;
    padding: 0;
    height: 34px; }
  html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select .k-i-calendar, html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select .k-i-calendar {
    background: 0 0;
    opacity: 1 !important;
    margin-left: -11px; }
  html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select .k-i-calendar:before, html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select .k-i-calendar:before {
    content: "\f133";
    color: #30465f;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 12px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select, html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper .k-datepicker .k-picker-wrap .k-select {
      width: 45px; } }
  html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper > .glyphicon, html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper > .glyphicon {
    right: 3px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper > .glyphicon, html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls-wrapper .dateRange-wrapper > .glyphicon {
      right: 5px;
      font-size: 13px;
      top: 16px; } }
  html body.yp .yp-portlet .form-group.dateRange-group:not(.kendo-datepicker) .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-calendar, html body.yp .yp-portlet .form-group.dateRange-group:not(.kendo-datepicker) .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-calendar {
    right: 23px; }
  html body.yp .yp-portlet .form-group.dateRange-group:not(.kendo-datepicker) .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-remove, html body.yp .yp-portlet .form-group.dateRange-group:not(.kendo-datepicker) .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-remove {
    font-size: 13px;
    right: 5px; }
  html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group), html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group) {
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 36px; }
  html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group):after, html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group):after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group) .controlLabelSide, html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group) .controlLabelSide {
    width: 67px;
    height: 34px;
    line-height: 34px;
    padding-left: 9px;
    border-right: 1px solid #E4E4E4;
    float: left;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group) .controls, html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group) .controls {
    width: calc(100% - 67px);
    float: left; }
  html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group) .controls .form-control, html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group) .controls .form-control {
    border: 0;
    height: 34px; }
  html body.yp .yp-portlet .form-group.select-input:after, html body.yp .yp-portlet .form-group.select-input:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .form-group.select-input .form-group.select-group, html body.yp .yp-portlet .form-group.select-input .form-group.select-group {
    float: left;
    width: 67px; }
  html body.yp .yp-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper, html body.yp .yp-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper {
    border-right: 0 none; }
  html body.yp .yp-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper > select, html body.yp .yp-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper > select {
    padding-right: 15px;
    padding-left: 10px; }
  html body.yp .yp-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper > select + .combo-arrow, html body.yp .yp-portlet .form-group.select-input .form-group.select-group .controls .controls-wrapper > select + .combo-arrow {
    right: 5px; }
  html body.yp .yp-portlet .form-group.select-input .form-group.select-group + .form-group, html body.yp .yp-portlet .form-group.select-input .form-group.select-group + .form-group {
    float: left;
    width: calc(100% - 67px); }
  html body.yp .yp-portlet .form-group.select-input .form-group.result-group, html body.yp .yp-portlet .form-group.select-input .form-group.result-group {
    display: none; }
  html body.yp .yp-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox, html body.yp .yp-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox {
    border-radius: 0;
    height: 34px; }
  html body.yp .yp-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input, html body.yp .yp-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input {
    height: 34px;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    -moz-appearance: textfield; }
  html body.yp .yp-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input::-webkit-inner-spin-button, html body.yp .yp-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input::-webkit-outer-spin-button, html body.yp .yp-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input::-webkit-inner-spin-button, html body.yp .yp-portlet .form-group.select-input.numerical-input .form-group .controls .k-numerictextbox .form-control.k-input::-webkit-outer-spin-button {
    -webkit-appearance: none; }
  html body.yp .yp-portlet .form-group.select-input.numerical-input.no-arrows .form-group .controls .k-numerictextbox .k-numeric-wrap, html body.yp .yp-portlet .form-group.select-input.numerical-input.no-arrows .form-group .controls .k-numerictextbox .k-numeric-wrap {
    padding-right: 0; }
  html body.yp .yp-portlet .form-group.select-input.numerical-input.no-arrows .form-group .controls .k-numerictextbox .k-numeric-wrap .k-select, html body.yp .yp-portlet .form-group.select-input.numerical-input.no-arrows .form-group .controls .k-numerictextbox .k-numeric-wrap .k-select {
    display: none; }
  html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .cancel .cancel-upload, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .cancel .cancel-upload .btn, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .cancel .cancel-upload, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .cancel .cancel-upload .btn {
    padding: 0; }
  html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error {
    float: left;
    clear: both;
    width: 100%; }
  html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error-message, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error-message {
    padding: 10px 20px;
    padding-right: 0;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #a94442;
    margin-right: 10px;
    float: left; }
  html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error-message .zmdi, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .error-message .zmdi {
    font-size: 18px;
    color: #a94442;
    margin-right: 10px; }
  html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .name, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .name {
    float: left;
    padding: 10px 20px;
    padding: 10px 0; }
  html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete {
    float: right;
    padding: 10px 20px; }
  html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0; }
  html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn .zmdi, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn .zmdi {
    font-size: 18px;
    color: #999;
    width: 15px;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn:hover .zmdi, html body.yp .yp-portlet .form-group.uploader-form-group .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .delete .btn:hover .zmdi {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group, html body.yp .yp-portlet .form-group.customNumericalInput .input-group {
    display: block;
    width: 100%;
    height: 36px; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group input.form-control, html body.yp .yp-portlet .form-group.customNumericalInput .input-group input.form-control {
    padding-right: 33px;
    -moz-appearance: textfield; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group input.form-control::-webkit-inner-spin-button, html body.yp .yp-portlet .form-group.customNumericalInput .input-group input.form-control::-webkit-outer-spin-button, html body.yp .yp-portlet .form-group.customNumericalInput .input-group input.form-control::-webkit-inner-spin-button, html body.yp .yp-portlet .form-group.customNumericalInput .input-group input.form-control::-webkit-outer-spin-button {
    -webkit-appearance: none; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select {
    width: 33px;
    height: 36px;
    position: absolute;
    right: 1px;
    top: 0;
    z-index: 3;
    border-radius: 0 2px 2px 0;
    opacity: .7; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select:hover, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select:hover {
      opacity: 1; } }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn {
    height: 18px;
    width: 100%;
    position: absolute;
    left: 0;
    cursor: pointer;
    vertical-align: middle;
    border-width: 0;
    padding: 0;
    display: block; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:first-child, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:first-child {
    top: 0; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:first-child .zmdi, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:first-child .zmdi {
    margin-top: 4px; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:last-child, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:last-child {
    bottom: 0; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:last-child .zmdi, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn:last-child .zmdi {
    margin-top: -2px; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon {
    background-image: url(../css/vendors/kendo/Material/sprite.png);
    height: 11px;
    display: block;
    width: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    margin: auto;
    z-index: 2;
    position: relative; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon.spinner-arrow-up, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon.spinner-arrow-up {
    background-position: 0 -3px;
    vertical-align: bottom;
    margin-top: 7px; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon.spinner-arrow-down, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .spinner-icon.spinner-arrow-down {
    background-position: 0 -35px;
    vertical-align: top; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .zmdi, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select .spinner-btn .zmdi {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    color: #304660;
    font-size: 15px; }
  html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select.spinner-focused, html body.yp .yp-portlet .form-group.customNumericalInput .input-group .spinner-select.spinner-focused {
    background-color: #ebebeb;
    opacity: 1; }
  html body.yp .yp-portlet .form-group.comboBox .controls .controls-wrapper .k-combobox .k-dropdown-wrap.k-state-border-down, html body.yp .yp-portlet .form-group.comboBox .controls .controls-wrapper .k-combobox .k-dropdown-wrap.k-state-border-down {
    padding-bottom: 0; }
  html body.yp .yp-portlet .checkbox-wrapper > input:checked:before {
    border: 2px solid #666;
    border-top-width: 0;
    border-left-width: 0; }
  html body.yp .yp-portlet .checkbox-wrapper > input:after {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 20px; }
  html body.yp .yp-portlet .checkbox-wrapper > label {
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: top;
    max-width: calc(100% - 45px); }
  html body.yp .yp-portlet .checkbox-wrapper > label .checkboxText {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666; }
  html body.yp .yp-portlet .checkbox-wrapper .checkbox-elt-wrapper {
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px; }
  html body.yp .yp-portlet .checkbox-wrapper .checkbox-elt-wrapper > input:checked + label span span {
    width: 6px;
    height: 12px;
    border: 2px solid #666;
    border-top-width: 0;
    border-left-width: 0;
    top: 2px;
    left: 6px; }
  html body.yp .yp-portlet .checkbox-wrapper .checkbox-elt-wrapper > label > span {
    margin-right: 0; }
  html body.yp .yp-portlet .checkbox-elt-wrapper {
    width: 20px;
    height: 20px;
    position: relative; }
  html body.yp .yp-portlet .checkbox-elt-wrapper > input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0; }
  html body.yp .yp-portlet .checkbox-elt-wrapper > input:checked + label span span {
    position: absolute;
    display: table;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3px;
    left: 7px;
    width: 3px;
    height: 9px;
    border: 3px solid #666;
    border-top-width: 0;
    border-left-width: 0; }
  html body.yp .yp-portlet .checkbox-elt-wrapper > input:focus + label > span {
    outline: -webkit-focus-ring-color auto;
    outline-offset: -2px !important; }
  html body.yp .yp-portlet .checkbox-elt-wrapper > label {
    margin-bottom: 0; }
  html body.yp .yp-portlet .checkbox-elt-wrapper > label > span {
    cursor: pointer;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    -webkit-border-radius: 4%;
    -moz-border-radius: 4%;
    border-radius: 4%;
    margin-right: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    box-sizing: border-box; }
  html body.yp .yp-portlet .switch-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .switch-wrapper .switch-input {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden; }
  html body.yp .yp-portlet .switch-wrapper .switch-input + label {
    position: relative;
    cursor: pointer;
    outline: 0;
    user-select: none;
    padding: 2px;
    width: 45px;
    height: 25px;
    background-color: #666;
    border-radius: 60px;
    transition: background .4s;
    margin-right: 20px;
    margin-bottom: 0;
    display: inline-block;
    float: none;
    vertical-align: top; }
  html body.yp .yp-portlet .switch-wrapper .switch-input + label:after, html body.yp .yp-portlet .switch-wrapper .switch-input + label:before {
    display: block;
    position: absolute;
    content: ""; }
  html body.yp .yp-portlet .switch-wrapper .switch-input + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #666;
    border-radius: 60px;
    transition: background .4s; }
  html body.yp .yp-portlet .switch-wrapper .switch-input + label:after {
    top: 3px;
    left: 4px;
    bottom: 4px;
    width: 19px;
    height: 19px;
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    transition: margin .4s,background .4s; }
  html body.yp .yp-portlet .switch-wrapper .switch-input:checked + label {
    background-color: #39ADD2; }
  html body.yp .yp-portlet .switch-wrapper .switch-input:checked + label:after {
    margin-left: 17px; }
  html body.yp .yp-portlet .switch-wrapper .switch-input:checked + label:before {
    background-color: #39ADD2; }
  html body.yp .yp-portlet .switch-wrapper .switch-input:focus + label {
    outline: #4D90FE auto 5px !important;
    outline-offset: -2px !important; }
  html body.yp .yp-portlet .switch-wrapper .switch-text {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    line-height: 25px;
    cursor: pointer;
    display: inline-block;
    float: none;
    vertical-align: top;
    max-width: calc(100% - 70px); }
  html body.yp .yp-portlet .radio-elt-wrapper {
    width: 20px;
    height: 20px;
    position: relative; }
  html body.yp .yp-portlet .radio-elt-wrapper > input {
    width: 0;
    height: 0;
    position: absolute !important;
    opacity: 0; }
  html body.yp .yp-portlet .radio-elt-wrapper > input:checked + label span span {
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5); }
  html body.yp .yp-portlet .radio-elt-wrapper > input:focus + label > span {
    outline: -webkit-focus-ring-color auto;
    outline-offset: -2px !important; }
  html body.yp .yp-portlet .radio-elt-wrapper > label {
    margin-bottom: 0;
    padding-left: 0; }
  html body.yp .yp-portlet .radio-elt-wrapper > label > span {
    cursor: pointer;
    background-color: #fff !important;
    border: 2px solid #666 !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 20px;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    box-sizing: border-box; }
  html body.yp .yp-portlet .radio-elt-wrapper > label > span > span {
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-transition: 240ms;
    -webkit-transition: 240ms;
    -moz-transition: 240ms;
    transition: 240ms;
    display: block;
    width: 18px;
    height: 18px;
    left: -2px;
    top: -2px;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    background-color: #666; }
  html body.yp .yp-portlet .element-action-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    height: 25px;
    cursor: pointer; }
  html body.yp .yp-portlet .element-action-wrapper .action-icon {
    position: absolute;
    left: 50%;
    top: 0;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25px;
    height: 25px;
    text-align: center;
    z-index: 3;
    line-height: 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -o-transition: background-color 350ms;
    -webkit-transition: background-color 350ms;
    -moz-transition: background-color 350ms;
    transition: background-color 350ms; }
  html body.yp .yp-portlet .element-action-wrapper .action-icon .zmdi {
    color: #CCC;
    font-size: 26px; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .element-action-wrapper .action-icon:hover {
      background-color: #999;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms; } }
  html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper {
    position: absolute;
    width: 128px;
    padding: 35px 0 10px;
    right: -20px;
    left: auto;
    top: -13px;
    background-color: #FFF;
    z-index: 2;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -o-transition: transform 350ms;
    -webkit-transition: transform 350ms;
    -moz-transition: transform 350ms;
    transition: transform 350ms;
    -webkit-box-shadow: 0 0 18px rgba(204, 204, 204, 0.62);
    -moz-box-shadow: 0 0 18px rgba(204, 204, 204, 0.62);
    box-shadow: 0 0 18px rgba(204, 204, 204, 0.62); }
  html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper .options {
    opacity: 0;
    -o-transition: opacity 350ms 500ms;
    -webkit-transition: opacity 350ms 500ms;
    -moz-transition: opacity 350ms 500ms;
    transition: opacity 350ms 500ms; }
  html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper .options .option {
    height: 32px;
    color: #96be0f;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
    padding: 0 22px 0 5px;
    line-height: 32px;
    text-align: left; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper .options .option:hover {
      background-color: #EDEDED; } }
  html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper .options .option .link, html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper .options .option .label-email {
    text-decoration: none !important;
    color: inherit !important;
    display: block; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper {
      right: -16px !important; } }
  html body.yp .yp-portlet .element-action-wrapper.open {
    z-index: 5; }
  html body.yp .yp-portlet .element-action-wrapper.open .action-options-wrapper {
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -o-transition: transform 350ms;
    -webkit-transition: transform 350ms;
    -moz-transition: transform 350ms;
    transition: transform 350ms; }
  html body.yp .yp-portlet .element-action-wrapper.open .action-options-wrapper .options {
    opacity: 1;
    -o-transition: opacity 350ms 250ms;
    -webkit-transition: opacity 350ms 250ms;
    -moz-transition: opacity 350ms 250ms;
    transition: opacity 350ms 250ms; }
  html body.yp .yp-portlet .element-action-wrapper:not(.open) .action-options-wrapper {
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -o-transition: transform 350ms 250ms;
    -webkit-transition: transform 350ms 250ms;
    -moz-transition: transform 350ms 250ms;
    transition: transform 350ms 250ms; }
  html body.yp .yp-portlet .element-action-wrapper:not(.open) .action-options-wrapper .options {
    opacity: 0;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .yp-portlet .checkbox input[type=checkbox]:focus:after, html body.yp .yp-portlet .checkbox-inline input[type=checkbox]:focus:after, html body.yp .yp-portlet .radio input[type=radio]:focus, html body.yp .yp-portlet .radio-inline input[type=radio]:focus, html body.yp .yp-portlet input[type=radio]:focus, html body.yp .yp-portlet t input[type=checkbox]:focus:after {
    outline: #4D90FE auto 5px !important;
    outline-offset: -2px !important; }
  html body.yp .yp-portlet .checkbox input[type=checkbox]:checked:after, html body.yp .yp-portlet .checkbox-inline input[type=checkbox]:checked:after, html body.yp .yp-portlet input[type=checkbox]:checked:after {
    background-color: #96BE0F;
    border-color: #96BE0F; }
  html body.yp .yp-portlet .k-popup .k-primary {
    background-color: #96BE0F !important;
    color: #FFF;
    -o-transition: background-color 350ms;
    -webkit-transition: background-color 350ms;
    -moz-transition: background-color 350ms;
    transition: background-color 350ms; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .k-popup .k-primary:hover {
      background-color: rgba(150, 190, 15, 0.7) !important;
      -o-transition: background-color 350ms;
      -webkit-transition: background-color 350ms;
      -moz-transition: background-color 350ms;
      transition: background-color 350ms; } }
  html body.yp .yp-portlet .k-list-container {
    position: relative; }
  html body.yp .yp-portlet .k-list-container.comboMultiSelection {
    background-color: #F5F5F5;
    padding: 20px;
    min-width: 320px;
    position: absolute; }
  html body.yp .yp-portlet .k-list-container.comboMultiSelection .k-header {
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    border-top: 0; }
  html body.yp .yp-portlet .k-list-container.comboMultiSelection .k-header span {
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.comboMultiSelection .k-list .k-item {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #DDD;
    line-height: normal; }
  html body.yp .yp-portlet .k-list-container.comboMultiSelection .k-list .k-item > span {
    line-height: 48px; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .k-list-container.comboMultiSelection .k-list .k-item:hover {
      background-color: #96BE0F;
      color: #FFF; } }
  html body.yp .yp-portlet .k-list-container.comboMultiSelection .k-list .k-item.k-state-focused {
    background-color: #96BE0F;
    color: #FFF; }
  html body.yp .yp-portlet .daterangepicker.dropdown-menu {
    z-index: 100; }
  html body.yp .yp-portlet .tooltip-wrapper {
    position: relative;
    display: inline-block;
    height: auto;
    width: 17px;
    overflow: visible; }
  html body.yp .yp-portlet .tooltip-wrapper .tooltip-icon {
    font-size: 20px;
    color: #addb11;
    display: inline; }
  html body.yp .yp-portlet .tooltip-wrapper .tooltip-box {
    position: absolute;
    background: #39add2;
    z-index: 1;
    width: auto;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  html body.yp .yp-portlet .tooltip-wrapper .tooltip-box .box-text {
    color: rgba(235, 237, 240, 0.9);
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding: 3px 6px;
    white-space: nowrap; }
  html body.yp .yp-portlet .tooltip-wrapper .tooltip-box .box-arrow {
    border: solid;
    border-color: #39ADD2 transparent;
    border-width: 6px 6px 0;
    left: 50%;
    position: absolute;
    z-index: 2; }
  html body.yp .yp-portlet .tooltip-wrapper .tooltip-text {
    font-size: 20px;
    color: #addb11; }
  html body.yp .yp-portlet .tooltip-wrapper .tooltip-text:before {
    border: solid;
    color: #FFF;
    border-color: #333 transparent;
    border-width: 6px 6px 0;
    bottom: 6px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99; }
  html body.yp .yp-portlet .tooltip-wrapper.left-tooltip .tooltip-box {
    left: -10px; }
  html body.yp .yp-portlet .tooltip-wrapper.left-tooltip .tooltip-box .box-arrow {
    left: 12px; }
  html body.yp .yp-portlet .tooltip-wrapper.right-tooltip .tooltip-box {
    right: -10px; }
  html body.yp .yp-portlet .tooltip-wrapper.right-tooltip .tooltip-box .box-arrow {
    right: 12px;
    left: auto; }
  html body.yp .yp-portlet .tooltip-wrapper.top-tooltip .tooltip-box {
    bottom: 40px; }
  html body.yp .yp-portlet .tooltip-wrapper.top-tooltip .tooltip-box .box-arrow {
    bottom: -6px; }
  html body.yp .yp-portlet .tooltip-wrapper.bottom-tooltip .tooltip-box {
    top: 40px; }
  html body.yp .yp-portlet .tooltip-wrapper.bottom-tooltip .tooltip-box .box-arrow {
    top: -6px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }
  html body.yp .yp-portlet .tooltip-wrapper.lg-tooltip, html body.yp .yp-portlet .tooltip-wrapper.md-tooltip, html body.yp .yp-portlet .tooltip-wrapper.sm-tooltip, html body.yp .yp-portlet .tooltip-wrapper.xl-tooltip, html body.yp .yp-portlet .tooltip-wrapper.xs-tooltip {
    max-width: 70%; }
  html body.yp .yp-portlet .tooltip-wrapper.lg-tooltip .box-text, html body.yp .yp-portlet .tooltip-wrapper.md-tooltip .box-text, html body.yp .yp-portlet .tooltip-wrapper.sm-tooltip .box-text, html body.yp .yp-portlet .tooltip-wrapper.xl-tooltip .box-text, html body.yp .yp-portlet .tooltip-wrapper.xs-tooltip .box-text {
    white-space: normal; }
  html body.yp .yp-portlet .tooltip-wrapper.xs-tooltip .tooltip-box {
    min-width: 100px; }
  html body.yp .yp-portlet .tooltip-wrapper.sm-tooltip .tooltip-box {
    min-width: 300px; }
  html body.yp .yp-portlet .tooltip-wrapper.md-tooltip .tooltip-box {
    min-width: 500px; }
  html body.yp .yp-portlet .tooltip-wrapper.lg-tooltip .tooltip-box {
    min-width: 700px; }
  html body.yp .yp-portlet .tooltip-wrapper.xl-tooltip .tooltip-box {
    min-width: 900px; }
  html body.yp .yp-portlet .tooltip-wrapper.showing .tooltip-box {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .yp-portlet .tooltip-wrapper.showed .tooltip-box {
    opacity: 1; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .tooltip-wrapper .tooltip-box .box-text {
      white-space: normal; } }
  html body.yp .yp-portlet .k-multiselect-wrap input, html body.yp .yp-portlet .k-popup .k-list .k-item, html body.yp .yp-portlet .k-popup .k-list .k-state-focused, html body.yp .yp-portlet .k-popup .k-list .k-state-hover, html body.yp .yp-portlet .k-popup .k-list .k-state-selected {
    color: #666; }
  html body.yp .yp-portlet .k-multiselect-wrap {
    cursor: text; }
  html body.yp .yp-portlet .k-multiselect-wrap:before {
    content: "\f2f9";
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 15px;
    color: #304660;
    position: absolute;
    right: 14px;
    top: 0;
    line-height: 35px;
    cursor: pointer;
    width: 8px;
    min-height: 35px;
    height: 100%; }
  html body.yp .yp-portlet .k-calendar-container .k-footer .k-link.k-nav-today {
    color: #333;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .k-animation-container {
    opacity: 0 !important; }
  html body.yp .yp-portlet .k-animation-container.show-animation-container {
    opacity: 1 !important; }
  html body.yp .yp-portlet .k-animation-container.kendoMultiSelect-container {
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  html body.yp .yp-portlet .k-animation-container.kendoMultiSelect-container.show-kendoMultiSelect, html body.yp .yp-portlet .k-animation-container.kendoMultiSelect-multiple-container {
    opacity: 1 !important; }
  html body.yp .yp-portlet .k-animation-container.kendoMultiSelect-multiple-container .item-title {
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .k-animation-container.kendoMultiSelect-multiple-container .item-title .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-animation-container.kendoMultiSelect-multiple-container .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .yp-portlet .k-animation-container.kendoMultiSelect-multiple-container .k-item.k-state-selected .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-animation-container.kendoComboBox-container.show-kendoComboBox, html body.yp .yp-portlet .k-animation-container.kendoDropDownList-container.show-kendoDropDownList {
    opacity: 1 !important; }
  html body.yp .yp-portlet .k-animation-container.kendoComboBox-container .k-item {
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .k-animation-container.kendoComboBox-container .k-item .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-animation-container.kendoDatePicker-container.show-kendoDatePicker {
    opacity: 1 !important; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container {
    overflow: hidden;
    border: 0 !important;
    background-color: #F5F5F5; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .dropdown-header {
    background-color: transparent;
    position: relative;
    border: 0; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .dropdown-header .dropdown-header-title {
    color: #666;
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .dropdown-header .mCustomScrollBox .mCSB_container {
    margin-bottom: 0; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .dropdown-header .mCustomScrollBox .mCSB_scrollTools {
    width: 100%;
    height: 0; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .dropdown-header .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    display: none; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content {
    overflow: scroll;
    overflow-x: hidden; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item {
    width: auto;
    display: block; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view {
    width: 320px !important;
    max-width: 90vw;
    position: relative !important; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .dropdown-header, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .dropdown-header {
    display: none; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item {
    height: auto !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    padding: 0 10px !important; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title {
    width: 100% !important;
    float: left;
    line-height: normal;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before {
    content: attr(data-title) ": ";
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-height-container, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-height-container {
    display: none; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view {
    width: auto !important;
    position: relative !important;
    padding: 8px 35px 0 17px !important; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .dropdown-header, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .dropdown-header {
    border: 0;
    padding: 0 !important;
    margin: 5px 0; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content {
    width: auto;
    margin-right: -19px; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list {
    width: 100%;
    display: block; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item {
    width: auto;
    display: block;
    padding: 0;
    border-top: 1px solid #DDD; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover {
    background-color: #96be0f;
    opacity: .5; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper {
    margin-right: 0; }
  html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container, html body.yp .yp-portlet .k-list-container.kendoMultiSelect-inner-container.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container {
    padding-right: 0; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .dropdown-header {
    background-color: transparent;
    position: relative;
    border: 0; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .dropdown-header .dropdown-header-title {
    color: #666;
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .dropdown-header .mCustomScrollBox .mCSB_container {
    margin-bottom: 0; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .dropdown-header .mCustomScrollBox .mCSB_scrollTools {
    width: 100%;
    height: 0; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .dropdown-header .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    display: none; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .k-item {
    width: auto;
    display: block; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .k-item .item-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .k-item .item-wrapper .item-title .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container .k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-mobile .k-item, html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-mobile-view .k-item {
    height: auto !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    padding: 0 10px !important; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-mobile .k-item .item-wrapper:after, html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-mobile-view .k-item .item-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-mobile .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-mobile-view .k-item .item-wrapper .item-title {
    width: 100% !important;
    float: left;
    line-height: normal;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-mobile .k-item .item-wrapper .item-title:before, html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-mobile-view .k-item .item-wrapper .item-title:before {
    content: attr(data-title) ": ";
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop, html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view {
    width: auto !important;
    position: relative !important;
    padding: 8px 35px 0 17px !important; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop .dropdown-header, html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view .dropdown-header {
    border: 0;
    padding: 0 !important;
    margin: 5px 0; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop .k-item, html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view .k-item {
    width: auto;
    display: block;
    padding: 0;
    border-top: 1px solid #DDD; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view .k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop .k-item.k-state-hover, html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view .k-item.k-state-hover {
    background-color: #96be0f;
    opacity: .5; }
  html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-always-desktop .k-item.k-state-hover .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendoComboBox-inner-container.yp-responsive-desktop-view .k-item.k-state-hover .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container .k-list-optionlabel {
    padding: 1px 11px;
    color: #96be0f; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox .item-title-strong, html body.yp .yp-portlet .k-list-container.kendo-Multiselect .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #96be0f; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox .k-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect .k-item {
    border-bottom: 0 none; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox .k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect .k-item .item-wrapper {
    display: block;
    height: 100%; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect .k-item .item-wrapper .item-title {
    position: relative; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox .k-item.k-state-selected, html body.yp .yp-portlet .k-list-container.kendo-Multiselect .k-item.k-state-selected {
    background-color: #96be0f;
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox .k-item.k-state-selected .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect .k-item.k-state-selected .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate {
    min-width: 0 !important;
    background-color: #F5F5F5; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header {
    background-color: transparent;
    position: relative;
    border: 0;
    display: inline-block;
    padding: 0; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header:after, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header .dropdown-header-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header .dropdown-header-title {
    color: #666;
    padding: 0 5px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    float: left;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header .mCustomScrollBox .mCSB_container, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header .mCustomScrollBox .mCSB_container {
    margin-bottom: 0; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header .mCustomScrollBox .mCSB_scrollTools, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header .mCustomScrollBox .mCSB_scrollTools {
    width: 100%;
    height: 0; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-header .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-header .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    display: none; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content {
    overflow: scroll;
    overflow-x: hidden; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item {
    width: auto;
    display: block; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title .item-title-strong, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-virtual-item .item-wrapper .item-title .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-virtual-wrap .k-virtual-content .k-virtual-list .k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller {
    display: inline-block; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller .k-list .k-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller .k-list .k-item {
    width: auto;
    display: block; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller .k-list .k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller .k-list .k-item .item-wrapper .item-title .item-title-strong, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller .k-list .k-item .item-wrapper .item-title .item-title-strong {
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller .k-list .k-item.k-state-selected, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller .k-list .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view {
    height: auto !important; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-header, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-header, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-header, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-header {
    display: none; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item {
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    padding: 0 10px !important;
    max-width: 100%; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper {
    display: block; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title {
    width: 100% !important;
    float: left;
    line-height: normal;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title:before {
    content: attr(data-title) ": ";
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-height-container, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-height-container, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-virtual-wrap .k-virtual-content .k-height-container, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-wrap .k-virtual-content .k-height-container {
    display: none; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller {
    width: 100%; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item {
    height: auto !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    padding: 0 10px !important; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper {
    display: block; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper:after, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper:after, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper:after, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper .item-title {
    width: 100% !important;
    float: left;
    line-height: normal;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper .item-title:before, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper .item-title:before, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper .item-title:before, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper .item-title:before {
    content: attr(data-title) ": ";
    font-family: Roboto,sans-serif;
    font-weight: 700; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view {
    padding: 18px 0 0 18px;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-item .item-wrapper .item-title {
    position: relative;
    height: 100%; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-item .item-wrapper .item-title .item-description, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-item .item-wrapper .item-title .item-description, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-item .item-wrapper .item-title .item-description, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-item .item-wrapper .item-title .item-description {
    white-space: normal;
    line-height: 18px;
    text-overflow: initial;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content {
    width: auto; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list {
    width: 100%;
    display: block; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item {
    width: auto;
    display: block;
    padding: 0;
    border-top: 1px solid #DDD; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover {
    background-color: #96be0f;
    opacity: .5;
    color: #FFF; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-hover .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .k-virtual-list .k-virtual-item.k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper {
    margin-right: 0; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-virtual-wrap .k-virtual-content .mCustomScrollBox .mCSB_container_wrapper .mCSB_container {
    padding-right: 0; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item {
    height: 40px;
    width: auto;
    display: block;
    padding: 0;
    border-top: 1px solid #DDD; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item .item-wrapper {
    display: block;
    height: 40px; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item .item-wrapper .item-title {
    padding: 0 5px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-hover, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-hover, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-hover, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-hover {
    background-color: #96be0f;
    opacity: .5;
    color: #FFF; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-hover .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-hover .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-hover .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-hover .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-selected, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-selected, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-selected, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-selected {
    background-color: #96be0f; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list .k-item.k-state-selected .item-wrapper .item-title {
    color: #fff; }
  html body.yp .yp-portlet .component-container {
    position: relative; }
  html body.yp .yp-portlet .component-container:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .component-container.hasTooltip > :first-child {
    float: left;
    position: relative;
    max-width: calc(100% - 32px);
    margin-right: 15px; }
  html body.yp .yp-portlet .component-container.hasTooltip > :last-child {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto; }
  html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls, html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls {
    position: relative; }
  html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .form-control, html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .form-control {
    width: 100% !important; }
  html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .form-control-input-wrapper, html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .form-control-input-wrapper {
    width: 100% !important;
    margin-top: 10px;
    margin-left: 0; }
  html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .help-block, html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-mobile.w-input .controls .help-block {
    -ms-transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -o-transform: translateY(80px);
    -moz-transform: translateY(80px);
    transform: translateY(80px); }
  html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls, html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls {
    position: relative; }
  html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .form-control, html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .form-control {
    width: calc(100% - 122px); }
  html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .form-control-input-wrapper, html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .form-control-input-wrapper {
    width: 102px;
    margin-top: 0;
    margin-left: 20px; }
  html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .help-block, html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.w-input .controls .help-block {
    -ms-transform: translateY(33px);
    -webkit-transform: translateY(33px);
    -o-transform: translateY(33px);
    -moz-transform: translateY(33px);
    transform: translateY(33px); }
  html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.double-slider.w-input .controls .form-control, html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.double-slider.w-input .controls .form-control {
    width: calc(100% - 224px); }
  html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.double-slider.w-input .controls .form-control-input-wrapper, html body.yp .yp-portlet .yp-responsive .form-group.slider-control.yp-responsive-always-desktop.double-slider.w-input .controls .form-control-input-wrapper {
    width: 204px;
    margin-top: 0;
    margin-left: 20px; }
  html body.yp .yp-portlet .k-edit-field .k-input.k-textbox {
    border: 1px solid #E4E4E4;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .k-edit-field .k-input.k-textbox:focus, html body.yp .yp-portlet .k-edit-field .k-input.k-textbox:hover, html body.yp .yp-portlet .k-widget .k-textbox:focus, html body.yp .yp-portlet .k-widget .k-textbox:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .yp-portlet .k-widget .k-textbox input.k-input {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    height: 33px;
    box-sizing: border-box; }
  html body.yp .yp-portlet .k-widget .k-textbox input.k-input:focus, html body.yp .yp-portlet .k-widget .k-textbox input.k-input:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .yp-portlet .k-widget .k-textbox.k-search-wrap, html body.yp .yp-portlet .k-widget .k-textbox.k-search-wrap input.k-input {
    padding: 0; }
  @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(414px - 72px) !important; } }
  @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(736px - 72px) !important; } }
  @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(375px - 72px) !important; } }
  @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(667px - 72px) !important; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(320px - 72px) !important; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(568px - 72px) !important; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(320px - 72px) !important; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) {
    html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container, html body.yp .yp-portlet html.k-safari .form-group.select-group.mobileElt .controls-wrapper .k-animation-container {
      height: calc(480px - 72px) !important; } }
  html body.yp .yp-portlet .tabs-wrapper:focus {
    outline: -webkit-focus-ring-color auto 5px !important;
    outline-offset: -2px !important; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs {
    background-color: transparent;
    box-shadow: none !important; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content {
    height: 60px; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab {
    border: 0;
    height: 50px;
    transition: all .5s;
    text-align: center;
    cursor: pointer;
    background-color: #96be0f; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab.k-state-disabled {
    opacity: .5; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab.k-state-active {
    background-color: #fff;
    height: 60px;
    position: relative; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab.k-state-active:before {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #96be0f;
    height: 3px;
    width: 100%;
    content: ""; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab.k-state-active .k-link {
    color: #333;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    line-height: 60px;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    margin-top: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) {
    margin-top: 10px;
    box-sizing: border-box;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next):first-child {
    border-left: 0 none; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next):last-child {
    border-right: 0 none; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(1), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(1) ~ .tab {
    width: 100%; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(2), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(2) ~ .tab {
    width: calc(100% / 2); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(3), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(3) ~ .tab {
    width: calc(100% / 3); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(4), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(4) ~ .tab {
    width: calc(100% / 4); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(5), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(5) ~ .tab {
    width: calc(100% / 5); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(6), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(6) ~ .tab {
    width: calc(100% / 6); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(7), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(7) ~ .tab {
    width: calc(100% / 7); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(8), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(8) ~ .tab {
    width: calc(100% / 8); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(9), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(9) ~ .tab {
    width: calc(100% / 9); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(10), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(10) ~ .tab {
    width: calc(100% / 10); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(11), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(11) ~ .tab {
    width: calc(100% / 11); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(12), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(12) ~ .tab {
    width: calc(100% / 12); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(13), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(13) ~ .tab {
    width: calc(100% / 13); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(14), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(14) ~ .tab {
    width: calc(100% / 14); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(15), html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab:nth-last-child(15) ~ .tab {
    width: calc(100% / 15); }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab .k-loading {
    display: none; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content .tab .k-link {
    border: 0;
    color: #FFF;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 50px;
    font-size: 17px;
    text-transform: initial; }
  html body.yp .yp-portlet .tabs-wrapper.basic-tabs .tabs-content ~ .k-content {
    padding: 0;
    border: 0;
    background-color: #F4F4F4; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs {
    background-color: #FFF !important; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content {
    background-color: rgba(238, 238, 238, 0.3); }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab {
    background-color: transparent;
    border: 0 !important;
    cursor: pointer;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .k-link, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .k-loading {
    display: none;
    text-transform: initial; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .tab-state-wrapper {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #999;
    position: relative;
    float: left;
    -o-transition: border-color 350ms;
    -webkit-transition: border-color 350ms;
    -moz-transition: border-color 350ms;
    transition: border-color 350ms; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .tab-state-wrapper .number-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #999;
    font-size: 13px;
    opacity: 1;
    line-height: 23px;
    width: 100%;
    text-align: center;
    -o-transition: color 350ms;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    transition: color 350ms; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .tab-state-wrapper .success-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    opacity: 0; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .text-wrapper {
    float: left;
    padding: 6px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #999;
    -o-transition: color 350ms;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    transition: color 350ms; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .tab-description {
    position: absolute;
    top: 34px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
    color: #666;
    text-align: left;
    text-transform: none;
    white-space: normal;
    width: calc(100% - 80px); }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:nth-child(n+2) {
    margin-left: 76px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab .tab-state-wrapper {
    background-color: #00b22d;
    border: 1px solid #00b22d; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab .tab-state-wrapper .number-wrapper {
    opacity: 0; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab .tab-state-wrapper .success-wrapper {
    opacity: 1;
    color: #FFF;
    font-size: 14px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab .text-wrapper {
    color: #00b22d; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab.checked-tab-current .tab-state-wrapper {
    background-color: #39add2;
    border: 1px solid #39add2; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab.checked-tab-current .tab-state-wrapper .number-wrapper, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.checked-tab.checked-tab-current .text-wrapper {
    color: #39add2; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.current-tab .tab-state-wrapper, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.k-state-active .tab-state-wrapper {
    background-color: transparent;
    border: 1px solid #39add2; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.current-tab .tab-state-wrapper .number-wrapper, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.current-tab .text-wrapper, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.k-state-active .tab-state-wrapper .number-wrapper, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.k-state-active .text-wrapper {
    color: #39add2; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:hover.k-state-active .tab-wrapper .tab-state-wrapper {
      border-color: rgba(57, 173, 210, 0.7);
      -o-transition: border-color 350ms;
      -webkit-transition: border-color 350ms;
      -moz-transition: border-color 350ms;
      transition: border-color 350ms; }
    html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:hover.k-state-active .tab-wrapper .tab-state-wrapper .number-wrapper, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:hover.k-state-active .tab-wrapper .text-wrapper {
      color: rgba(57, 173, 210, 0.7);
      -o-transition: color 350ms;
      -webkit-transition: color 350ms;
      -moz-transition: color 350ms;
      transition: color 350ms; }
    html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab:hover:not(.k-state-active) .text-wrapper {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-display {
    padding: 30px 40px;
    background-color: #FFF;
    float: left;
    width: calc(100% - 80px); }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) {
    background-color: #EEE; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content,
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content {
    padding: 30px 40px;
    float: left;
    width: calc(100% - 80px);
    margin: 0 !important; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab,
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab {
    position: relative; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab:nth-child(n+2),
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab:nth-child(n+2) {
    margin-left: 0; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.current-tab .tab-wrapper, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.k-state-active .tab-wrapper,
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper {
    position: relative; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.current-tab .tab-wrapper .text-wrapper, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper {
    position: static; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.current-tab .tab-wrapper .text-wrapper:after, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper:after,
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper:after, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper:after {
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 32px;
    font-size: 20px;
    content: none; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tab-content, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tab-content {
    float: left;
    padding: 0;
    width: 100%; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.hr-tabs .tab-wrapper, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tab-wrapper {
    float: left; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs {
    background-color: #EEE;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content {
    padding: 30px 40px;
    width: 100%;
    float: left; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content .tab {
    padding-left: 35px;
    position: relative;
    width: 100%;
    float: left; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content .tab .text-wrapper {
    width: calc(100% - 47px); }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content .tab:nth-child(n+2) {
    margin-top: 1px;
    margin-left: 0; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content .tab .tab-state-wrapper {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
    left: 0; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tab-content {
    float: left;
    width: calc(100% - 281px);
    border-left: 1px solid #EFEFEF;
    padding: 60px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .processDottedLine {
    background-image: url(../images/processDottedLine.png);
    width: 3px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tab-state-wrapper {
    position: relative !important;
    float: left !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .text-wrapper {
    margin-left: 8px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .processDottedLine {
    height: 102px;
    float: left;
    clear: left;
    margin-left: 11px;
    margin-top: 15px;
    margin-bottom: 15px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tab-description {
    position: relative !important;
    top: 0 !important;
    left: 6px;
    float: left;
    margin-top: 8px;
    margin-left: 20px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions {
    position: relative;
    background-color: #FFF; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-header {
    display: none; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .k-tabstrip-wrapper {
    position: relative;
    width: 100%; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .k-tabstrip-wrapper .k-tabstrip {
    background-color: transparent; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .k-tabstrip-wrapper .k-tabstrip:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .k-tabstrip-wrapper .k-tabstrip > .k-button {
    display: none !important; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .k-tabstrip-wrapper .tabs-display {
    border: 0; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content {
    position: relative;
    width: auto;
    background-color: #FFF; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab {
    position: relative;
    background-color: #FFF; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper {
    display: block; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab .tab-state-wrapper {
    z-index: 2;
    background-color: #FFF; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab .text-wrapper {
    font-size: 14px;
    text-transform: none;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.checked-tab .tab-state-wrapper {
    background-color: #39add2;
    border: 1px solid #39add2; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.checked-tab .tab-state-wrapper .number-wrapper {
    opacity: 1;
    color: #FFF; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.checked-tab .tab-state-wrapper .success-wrapper {
    opacity: 0; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.checked-tab .text-wrapper {
    color: #39add2; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.current-tab .tab-wrapper .text-wrapper:after, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper:after {
    content: none !important; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions .tabs-content .tab .k-link {
    display: block; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper {
    background-color: #39add2;
    border: 1px solid #39add2; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper .number-wrapper {
    opacity: 1;
    color: #FFF; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper .success-wrapper {
    opacity: 0; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .text-wrapper {
    color: #39add2; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab.current-tab:after, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab.k-state-active:after {
    content: "";
    background-color: #39add2;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -23px;
    left: 0;
    z-index: 2;
    display: block; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab + .tab {
    margin-left: 25px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab + .tab:last-child {
    margin-right: 43px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.hr-tabs .tabs-content:after {
    content: "";
    background-color: rgba(45, 60, 75, 0.1);
    height: 1px;
    position: absolute;
    bottom: 7px;
    width: calc(100% - 80px);
    left: 40px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab {
    background-color: transparent; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.current-tab .text-wrapper, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-active .text-wrapper {
    position: relative; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.current-tab .text-wrapper:after, html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-active .text-wrapper:after {
    content: "" !important;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 0;
    font-size: 20px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper {
    background-color: #39add2;
    border: 1px solid #39add2; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper .number-wrapper {
    opacity: 1;
    color: #FFF; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .tab-state-wrapper .success-wrapper {
    opacity: 0; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .text-wrapper {
    color: #39add2; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-disabled {
    opacity: 1; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-disabled .tab-wrapper {
    opacity: .7; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content:after {
    content: "";
    background-color: rgba(45, 60, 75, 0.1);
    height: calc(100% - 60px);
    position: absolute;
    top: 30px;
    width: 1px;
    left: 88px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-display {
    border: 0; }
  html body.yp .yp-portlet .tabs-wrapper .tab-wrapper {
    display: block;
    position: relative; }
  html body.yp .yp-portlet .tabs-wrapper .tab-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .k-tabstrip-wrapper + .content-buttons-center {
    margin-top: 30px; }
  html body.yp .yp-portlet .form-group.tab-container .navbar {
    margin-bottom: -4px;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .form-group.tab-container .navbar .container-fluid, html body.yp .yp-portlet .form-group.tab-container .navbar .container-fluid .navbar-collapse {
    padding: 0; }
  html body.yp .yp-portlet .form-group.tab-container .navbar + .simulator-tab-content {
    background-color: #FFF; }
  html body.yp .yp-portlet .tabs-outter-wrapper .navbar.basic-tabs-navbar {
    min-height: 0;
    background-color: transparent; }
  html body.yp .yp-portlet .tabs-outter-wrapper .navbar.basic-tabs-navbar .container-fluid, html body.yp .yp-portlet .tabs-outter-wrapper .navbar.basic-tabs-navbar .container-fluid .navbar-collapse {
    padding: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab {
    background-color: transparent;
    position: static !important; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab .processDottedLine {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-state-wrapper {
    width: 18px !important;
    height: 18px !important;
    margin-top: -5px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-state-wrapper:before {
    content: "\f2f9";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
    font-size: 20px;
    width: 100%;
    text-align: center; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .text-wrapper {
    position: absolute;
    display: block;
    left: 0;
    bottom: -19px;
    white-space: nowrap; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions) .tabs-content .tab .text-wrapper {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-display {
    padding: 30px 0 0;
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs:not(.no-restrictions).hr-tabs .tabs-display {
    padding: 30px 0 0;
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content {
    position: relative;
    padding: 15px;
    width: calc(100% - 30px);
    height: 10px;
    background-color: #FFF; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper {
    width: 8px;
    height: 8px;
    background-color: #999; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper .number-wrapper, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper .success-wrapper {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-state-wrapper {
    background-color: #39add2; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.checked-tab .tab-state-wrapper {
    background-color: #00b22d; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab:nth-child(n+2) {
    margin-left: 30px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab:nth-child(n+2):before {
    content: "";
    width: 30px;
    left: -30px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper {
    position: static; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper {
    position: absolute;
    padding-left: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper:after, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper:after {
    content: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.hr-tabs:not(.no-restrictions) .tabs-content:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eee;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) {
    display: block; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content {
    position: relative;
    padding: 15px;
    width: calc(100% - 30px);
    height: 10px;
    background-color: #FFF; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab {
    width: auto;
    padding-left: 0;
    margin-top: 0 !important; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper {
    position: relative;
    float: left;
    top: auto;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    width: 8px;
    height: 8px;
    background-color: #999; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper .number-wrapper, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab .tab-state-wrapper .success-wrapper {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab .tab-description {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-state-wrapper {
    background-color: #39add2; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.checked-tab .tab-state-wrapper {
    background-color: #00b22d; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab:nth-child(n+2) {
    margin-left: 30px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab:nth-child(n+2):before {
    content: "";
    width: 30px;
    left: -30px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper {
    position: static; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper {
    position: absolute;
    margin-left: 0;
    padding-left: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.current-tab .tab-wrapper .text-wrapper:after, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content .tab.k-state-active .tab-wrapper .text-wrapper:after {
    content: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tabs-content:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eee;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.vr-tabs:not(.no-restrictions) .tab-content {
    width: calc(100% - 120px); }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.prev-vr-tabs .tab-content {
    padding: 15px;
    width: calc(100% - 32px); }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions {
    background-color: #FFF; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header {
    display: block;
    width: 100%;
    background-color: #FFF;
    padding: 22px 0;
    position: relative;
    margin-bottom: 17px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value {
    padding-left: 20px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper {
    display: inline-block;
    position: relative;
    text-decoration: none !important;
    float: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper .tab-state-wrapper {
    background-color: #FFF;
    border: 1px solid #39add2;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    float: left;
    margin-right: 7px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper .tab-state-wrapper .number-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #39add2;
    font-size: 13px;
    opacity: 1;
    line-height: 23px;
    width: 100%;
    text-align: center; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper .tab-state-wrapper .success-wrapper {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-value .tab-wrapper .text-wrapper {
    color: #39add2;
    font-size: 14px;
    text-transform: none;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 27px;
    white-space: nowrap;
    padding: 0;
    float: left; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-burger {
    position: absolute;
    right: 0;
    top: 25px;
    height: 20px;
    cursor: pointer; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-burger .zmdi-menu {
    font-size: 20px;
    color: #676767; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-header-decoration {
    width: 100%;
    background-color: #fff;
    margin-top: 28px;
    height: 10px;
    position: absolute;
    display: block; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-header-decoration .zmdi-caret-down-circle {
    font-size: 20px;
    color: #39add2;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 17px;
    height: 20px;
    top: -8px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header .tabs-header-decoration:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #EEE; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-header.open .tabs-header-decoration {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content {
    display: none;
    height: auto;
    background-color: #F5F5F5;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    width: calc(100% - 80px); }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content:after {
    content: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab {
    display: block;
    width: 100%;
    margin-left: 0 !important;
    background-color: transparent;
    text-align: center;
    padding: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab:after {
    content: none !important; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper {
    display: inline-block;
    padding: 20px 0;
    position: relative;
    float: none;
    margin: 0 25px;
    width: calc(100% - 53px); }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper:after {
    content: "";
    background-color: rgba(195, 195, 195, 0.56);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper .tab-state-wrapper {
    background-color: #F5F5F5 !important;
    border: 1px solid #676767 !important; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper .tab-state-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper .tab-state-wrapper .number-wrapper {
    opacity: 1 !important;
    color: #676767; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper .tab-state-wrapper .success-wrapper {
    opacity: 0 !important; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper .text-wrapper {
    color: #676767;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    margin-left: 2px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs {
    display: block; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content {
    padding: 30px 0;
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab {
    padding: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper .tab-state-wrapper {
    position: relative;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper .text-wrapper:after {
    content: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper .tab-description {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab:last-child .tab-wrapper:after {
    content: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.current-tab .text-wrapper:after, html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-active .text-wrapper:after {
    content: none !important; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-content:after {
    content: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.vr-tabs .tabs-display {
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.hr-tabs .tabs-header .tabs-value .tab-wrapper .tab-state-wrapper .number-wrapper {
    line-height: 24px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.hr-tabs .tabs-content {
    padding: 30px 0;
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.hr-tabs .tabs-content:after {
    content: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.hr-tabs .tabs-content .tab:last-child .tab-wrapper:after {
    content: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.hr-tabs .tabs-display {
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-mobile.numbered-tabs.no-restrictions.open .tabs-burger .zmdi-menu {
    color: #39add2; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.hr-tabs .tabs-content {
    border-bottom: 1px solid #EFEFEF; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.hr-tabs .tabs-content .tab .tab-wrapper {
    padding: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.hr-tabs .processDottedLine {
    background-image: url(../images/processDottedLineHr.png);
    height: 0;
    margin: 12px 15px;
    width: 102px;
    float: left;
    padding-top: 2px;
    background-image: linear-gradient(to right, #39acd2 33%, rgba(255, 255, 255, 0) 0);
    background-position: right;
    background-size: 6px 5px;
    background-repeat: repeat-x; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.vr-tabs .processDottedLine {
    width: 3px;
    width: 2px;
    float: left;
    padding-top: 2px;
    background-image: linear-gradient(#39acd2 33%, rgba(255, 255, 255, 0) 0);
    background-position: right;
    background-size: 6px 5px;
    background-repeat: repeat-y; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-content {
    width: 281px;
    background-color: rgba(238, 238, 238, 0.3); }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-content .tab {
    padding-left: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-content .tab .tab-wrapper .tab-state-wrapper {
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    top: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-display {
    border-left: 1px solid #EFEFEF;
    width: calc(100% - 443px); }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions .tabs-content {
    display: block !important; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .k-tabstrip-wrapper {
    height: auto !important; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content {
    width: 281px;
    float: left;
    box-sizing: border-box; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab {
    padding-left: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab + .tab {
    margin-top: 25px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper {
    padding: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper .tab-state-wrapper {
    top: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content:after {
    left: auto;
    right: 48px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-content:before {
    content: "";
    width: 2px;
    position: absolute;
    left: 52px;
    height: calc(100% - 60px);
    background-image: linear-gradient(#39acd2 33%, rgba(255, 255, 255, 0) 0);
    background-position: right;
    background-size: 5px 6px;
    background-repeat: repeat-y; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.vr-tabs .tabs-display {
    width: calc(100% - 281px);
    float: left;
    box-sizing: border-box; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.hr-tabs .tabs-content {
    width: 100%;
    box-sizing: border-box;
    padding: 22px 40px; }
  html body.yp .yp-portlet .yp-responsive .tabs-wrapper.yp-responsive-always-desktop.numbered-tabs.no-restrictions.hr-tabs .tabs-content:after {
    content: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-header {
    margin-right: 0;
    margin-left: 0;
    background-color: #FFF;
    width: 100%;
    padding-left: 15px;
    padding-right: 5px; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-header .navbar-toggle {
    display: block;
    margin-right: 0; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
    background-color: #FFF;
    float: left;
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse .k-tabstrip-wrapper .tabs-wrapper .tabs-content {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    height: auto; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse .k-tabstrip-wrapper .tabs-wrapper .tabs-content .tab {
    width: 100%;
    background-color: #FFF !important;
    text-align: left;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse .k-tabstrip-wrapper .tabs-wrapper .tabs-content .tab:before {
    content: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse .k-tabstrip-wrapper .tabs-wrapper .tabs-content .tab .k-link {
    color: #666;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse.collapse {
    display: none !important; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar .container-fluid .navbar-collapse.collapse.in {
    display: block !important; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-mobile .navbar.basic-tabs-navbar .navbar-brand {
    width: calc(100% - 59px); }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar .container-fluid .navbar-header {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar .container-fluid .navbar-collapse .k-tabstrip-wrapper .tabs-wrapper .tabs-content {
    width: 100%;
    float: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar.basic-tabs-navbar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar.basic-tabs-navbar .tabs-content {
    height: 60px; }
  html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar.basic-tabs-navbar .tabs-content .tab:not(.k-state-active):not(.k-state-active-next) .k-link {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar.basic-tabs-navbar .tabs-content .tab:not(.k-state-active):not(.k-state-active-next):hover:not(.k-state-disabled) {
      height: 60px;
      margin-top: 0; }
    html body.yp .yp-portlet .yp-responsive .tabs-outter-wrapper.yp-responsive-always-desktop .navbar.basic-tabs-navbar .tabs-content .tab:not(.k-state-active):not(.k-state-active-next):hover:not(.k-state-disabled) .k-link {
      margin-top: 5px;
      -o-transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      transition: all .5s; } }
  html body.yp .yp-portlet .summaryBoard {
    background-color: rgba(57, 173, 210, 0.08);
    padding: 30px 40px; }
  html body.yp .yp-portlet .summaryBoard .form-group.readOnly {
    height: 26px;
    margin-bottom: 0; }
  html body.yp .yp-portlet .summaryBoard .form-group.readOnly .control-label, html body.yp .yp-portlet .summaryBoard .form-group.readOnly .form-control {
    padding: 1px 0; }
  html body.yp .yp-portlet .summaryBoard .form-group.readOnly + .readOnly {
    margin-top: 2;
    margin-bottom: 0; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .summaryBoard {
      padding: 15px 20px; } }
  html body.yp .yp-portlet .list li:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .list li .label-wrapper .main-label {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #666; }
  html body.yp .yp-portlet .list li .label-wrapper .description-label {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666; }
  html body.yp .yp-portlet .list li.has-action .label-wrapper {
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
    float: left; }
  html body.yp .yp-portlet .list li.has-action .action-wrapper {
    vertical-align: middle;
    display: inline-block;
    width: 116px;
    padding-right: 10px;
    float: right; }
  html body.yp .yp-portlet .list li.has-action.action-btn .label-wrapper {
    width: 100%;
    float: none; }
  html body.yp .yp-portlet .list li.has-action.action-btn .action-wrapper {
    float: none;
    width: auto;
    padding-right: 0;
    margin-top: 10px; }
  html body.yp .yp-portlet .list.list-bullet li {
    list-style: none;
    line-height: 20px;
    position: relative;
    padding-left: 35px; }
  html body.yp .yp-portlet .list.list-bullet li:before {
    color: #333;
    content: "\2022";
    font-size: 1.7em;
    padding-right: .25em;
    padding-right: 0;
    position: relative;
    top: 4px;
    positon: absolute;
    left: -35px; }
  html body.yp .yp-portlet .list.list-bullet li .label-wrapper {
    display: inline;
    display: block;
    margin-top: -20px; }
  html body.yp .yp-portlet .list.list-bullet li .label-wrapper .description-label {
    display: inline; }
  html body.yp .yp-portlet .list.list-numbering {
    list-style: none;
    counter-reset: section; }
  html body.yp .yp-portlet .list.list-numbering li {
    display: block;
    position: relative;
    padding-left: 40px; }
  html body.yp .yp-portlet .list.list-numbering li:before {
    position: absolute;
    left: 0;
    counter-increment: section;
    content: "0" counter(section);
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #666; }
  html body.yp .yp-portlet .list.list-numbering li + li {
    margin-top: 25px; }
  html body.yp .yp-portlet .list.list-icon {
    list-style: none; }
  html body.yp .yp-portlet .list.list-icon li {
    display: block;
    position: relative;
    padding-left: 40px; }
  html body.yp .yp-portlet .list.list-icon li:before {
    position: absolute;
    left: 0;
    content: "\f337";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 23px;
    color: #999; }
  html body.yp .yp-portlet .list.list-icon li.success:before {
    content: "\f26b";
    color: #39add2; }
  html body.yp .yp-portlet .list.list-icon li + li {
    margin-top: 25px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .list {
      padding-left: 20px; } }
  html body.yp .yp-portlet .breadcrumb {
    background-color: transparent;
    padding-left: 0; }
  html body.yp .yp-portlet .breadcrumb li, html body.yp .yp-portlet .breadcrumb li a {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #868686;
    text-decoration: none !important; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .breadcrumb li a:hover {
      opacity: .5;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .yp-portlet .breadcrumb li + li:before {
    content: "\203a\203a";
    color: #96be0f; }
  html body.yp .yp-portlet .actionbar {
    background-color: #ebebeb;
    padding: 20px 100px; }
  html body.yp .yp-portlet .actionbar:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .actionbar .breadcrumb {
    margin-bottom: 12px; }
  html body.yp .yp-portlet .actionbar .icon {
    width: 36px;
    height: 36px;
    text-align: center;
    position: relative; }
  html body.yp .yp-portlet .actionbar .icon.w-circle {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #d7d7d7; }
  html body.yp .yp-portlet .actionbar .icon .small-circle {
    background-color: #addb11;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  html body.yp .yp-portlet .actionbar .icon .zmdi {
    font-size: 16px;
    color: #4f5b67;
    line-height: 36px;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .actionbar .icon:hover .small-circle, html body.yp .yp-portlet .actionbar .icon:hover .zmdi {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .yp-portlet .actionbar .actionbar-notification {
    cursor: pointer; }
  html body.yp .yp-portlet .actionbar .actionbar-notification.openNotification .icon {
    background-color: #96be0f; }
  html body.yp .yp-portlet .actionbar .actionbar-notification.openNotification .icon .zmdi {
    color: #FFF; }
  html body.yp .yp-portlet .actionbar .actionbar-notification.openNotification .icon .alert-wrapper {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -o-transition: transfrom 350ms;
    -webkit-transition: transfrom 350ms;
    -moz-transition: transfrom 350ms;
    transition: transfrom 350ms;
    max-height: calc(100vh - 211px); }
  html body.yp .yp-portlet .actionbar .actionbar-notification.openNotification .icon .alert-wrapper .swiper-container {
    opacity: 1;
    -o-transition: opacity 350ms 350ms;
    -webkit-transition: opacity 350ms 350ms;
    -moz-transition: opacity 350ms 350ms;
    transition: opacity 350ms 350ms; }
  html body.yp .yp-portlet .actionbar .actionbar-notification .icon .alert-wrapper {
    opacity: 0;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -o-transition: transfrom 350ms;
    -webkit-transition: transfrom 350ms;
    -moz-transition: transfrom 350ms;
    transition: transfrom 350ms; }
  html body.yp .yp-portlet .actionbar .actionbar-notification .icon .alert-wrapper .swiper-container {
    opacity: 0;
    -o-transition: opacity 350ms 150ms;
    -webkit-transition: opacity 350ms 150ms;
    -moz-transition: opacity 350ms 150ms;
    transition: opacity 350ms 150ms; }
  @media (max-width: 768px) {
    html body.yp .yp-portlet .actionbar .btn-group.hideMobile, html body.yp .yp-portlet .actionbar .btn.hideMobile {
      display: none; } }
  html body.yp .yp-portlet .actionbar .btn-group.showMobile, html body.yp .yp-portlet .actionbar .btn.showMobile {
    display: none; }
  @media (max-width: 768px) {
    html body.yp .yp-portlet .actionbar .btn-group.showMobile, html body.yp .yp-portlet .actionbar .btn.showMobile {
      display: inline-block; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .actionbar .btn .btn-text, html body.yp .yp-portlet .actionbar .btn-group .btn-text {
      font-size: 11px; }
    html body.yp .yp-portlet .actionbar .btn .btn, html body.yp .yp-portlet .actionbar .btn-group .btn {
      padding: 6px 5px; }
    html body.yp .yp-portlet .actionbar .btn-group.showMobile, html body.yp .yp-portlet .actionbar .btn.showMobile {
      margin-left: 5px; } }
  html body.yp .yp-portlet .actionbarWrapper {
    background-color: #ebebeb; }
  html body.yp .yp-portlet .actionbarWrapper .actionbar {
    max-width: 100%;
    width: 1200px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px; }
  html body.yp .yp-portlet .actionbarWrapper .actionbar .breadcrumb {
    padding-top: 0; }
  html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile {
    padding: 12px; }
  html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .breadcrumb, html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn-group.hideMobile, html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn.hideMobile {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn-group.showMobile, html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn.showMobile {
    display: inline-block; }
  html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn .btn-text, html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn-group .btn-text {
    font-size: 11px; }
  html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn .btn, html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn-group .btn {
    padding: 6px 5px; }
  html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn-group.showMobile, html body.yp .yp-portlet .yp-responsive .actionbar.yp-responsive-always-mobile .btn.showMobile {
    margin-left: 5px; }
  html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content {
    background-color: #f5f5f5; }
  html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-header {
    position: absolute;
    right: 0;
    z-index: 2; }
  html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body {
    padding: 60px 40px; }
  html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .title-modal {
    margin-bottom: 5px; }
  html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .label-normal {
    margin-bottom: 15px; }
  html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .separator-small {
    margin-top: 0;
    margin-bottom: 25px; }
  html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .form-group {
    margin-right: 10px;
    width: 60%;
    max-width: none; }
  html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .form-group + .btn {
    max-width: calc(40% - 10px); }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .modal.basic_Modal {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    html body.yp .yp-portlet .modal.basic_Modal .modal-dialog {
      margin-left: auto;
      max-width: 90%;
      margin-right: auto; }
    html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body {
      padding: 30px 20px; }
    html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .form-group {
      width: 100%;
      margin-right: 0; }
    html body.yp .yp-portlet .modal.basic_Modal .modal-dialog .modal-content .modal-body .form-group + .btn {
      width: auto;
      max-width: none; } }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal {
    padding: 60px 40px !important;
    left: 50% !important;
    -ms-transform: scale(1) translateX(-50%) translateY(-50%) !important;
    -webkit-transform: scale(1) translateX(-50%) translateY(-50%) !important;
    -o-transform: scale(1) translateX(-50%) translateY(-50%) !important;
    -moz-transform: scale(1) translateX(-50%) translateY(-50%) !important;
    transform: scale(1) translateX(-50%) translateY(-50%) !important; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-window-titlebar {
    background-color: #fff;
    border: 0;
    margin-top: -50px !important;
    margin-left: -40px; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-header .k-window-actions .k-link {
    text-align: center;
    padding: 2px !important; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-header .k-window-actions .k-link .k-icon.k-i-close {
    background: 0 0;
    padding: 0 !important; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-header .k-window-actions .k-link .k-icon.k-i-close:before {
    content: '\f136';
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 17px;
    color: #333;
    opacity: .8; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-header .k-window-actions .k-link.k-state-hover {
    background-color: transparent;
    border: 0; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-header .k-window-actions .k-link.k-state-hover .k-icon.k-i-close {
    opacity: 1; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-window-content {
    padding: 0.6em;
    /* Correction du redmine #82306 */ }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group {
    margin-right: 10px;
    max-width: none; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group .form-control {
    width: calc(100% - 18px); }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group + .btn {
    max-width: calc(40% - 10px); }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .k-widget.k-window.k-widget-modal {
      -ms-transform: scale(1) translateX(-50%) !important;
      -webkit-transform: scale(1) translateX(-50%) !important;
      -o-transform: scale(1) translateX(-50%) !important;
      -moz-transform: scale(1) translateX(-50%) !important;
      transform: scale(1) translateX(-50%) !important;
      position: absolute;
      left: 50% !important;
      width: 70% !important; }
    html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group {
      width: 100%;
      margin-right: 0; }
    html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group input.form-control {
      box-sizing: border-box; }
    html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .k-window-content .form-group + .btn {
      width: calc(40% - 10px);
      padding-left: 0;
      padding-right: 0; } }
  html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) {
    position: absolute;
    top: 0;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50% !important;
    max-width: 90%; }
  html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) > .k-window-titlebar.k-header {
    background-color: #96be0f; }
  html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) > .k-window-titlebar.k-header .k-state-hover {
    background-color: transparent;
    border-color: transparent; }
  html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field input[type=checkbox]:after {
    content: none; }
  html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field input[type=checkbox]:checked + label.k-checkbox-label:before {
    background-color: #96be0f;
    border-color: #96be0f; }
  html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field input[type=checkbox]:active + label.k-checkbox-label:after {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field label.k-checkbox-label {
    margin: 10px 0;
    padding-top: 2px; }
  html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field + .k-edit-label {
    margin-top: 5px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog {
      width: 100%;
      min-width: 0; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-floatwrap .k-widget.k-breadcrumbs, html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-floatwrap .k-widget.k-search-wrap {
      width: 100%; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-floatwrap .k-widget.k-breadcrumbs + .k-widget, html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-floatwrap .k-widget.k-search-wrap + .k-widget {
      margin-top: 5px; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-filebrowser-toolbar .k-toolbar-wrap {
      float: left;
      width: 100%; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-filebrowser-toolbar .k-tiles-arrange {
      float: left;
      width: 100%; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-filebrowser-toolbar .k-tiles-arrange label {
      width: 100%;
      padding-left: 14px;
      box-sizing: border-box; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser .k-filebrowser-toolbar .k-tiles-arrange label .k-dropdown {
      width: calc(100% - 80px); }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser ~ .k-edit-label {
      width: 100%;
      margin: 0;
      text-align: left;
      padding: 0 1em;
      box-sizing: border-box; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser ~ .k-edit-field {
      width: 100%;
      margin: 0;
      text-align: left;
      padding: 0 1em;
      float: left;
      box-sizing: border-box; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-filebrowser.k-imagebrowser ~ .k-edit-field .k-input {
      width: 100% !important; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-filebrowser-dialog .k-edit-buttons {
      width: 100%;
      box-sizing: border-box; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog {
      width: 100%;
      min-width: 280px; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-label {
      width: 100%;
      margin: 0;
      text-align: left;
      padding: 0 1em;
      box-sizing: border-box; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field {
      width: 100%;
      margin: 0;
      text-align: left;
      padding: 0 1em;
      float: left;
      box-sizing: border-box; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field input[type=text] {
      width: 100%; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field label.k-checkbox-label {
      margin: 10px 0;
      padding-top: 2px; }
    html body.yp .yp-portlet .k-widget.k-window:not(.k-widget-modal) .k-editor-dialog .k-edit-field + .k-edit-label {
      margin-top: 5px; } }
  html body.yp .yp-portlet .uploader-form-control {
    width: 100%;
    min-height: 40px;
    float: left;
    padding-bottom: 43px;
    position: relative;
    max-width: none; }
  html body.yp .yp-portlet .uploader-form-control .dragFilesContainer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: #f5f5f5;
    padding: 10px 20px; }
  html body.yp .yp-portlet .uploader-form-control .dragFilesContainer:after {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute; }
  html body.yp .yp-portlet .uploader-form-control .dragFilesContainer .instructions {
    float: left;
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .uploader-form-control .dragFilesContainer .recommendations {
    float: right;
    color: #999;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer {
    width: 100%; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload {
    height: auto; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper {
    height: 40px;
    background-color: #f5f5f5;
    position: relative; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper:after {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .progress {
    height: 100%;
    width: auto;
    background-color: #7EB643 !important; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .progress .bar {
    background-color: #7EB643 !important;
    height: 100%; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .progress, html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .ui-progressbar .ui-progressbar-value {
    background-color: transparent !important; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-info {
    color: #666;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
    z-index: 1;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    left: 15px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-actions {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 15px;
    z-index: 1; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-actions .cancel-upload {
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper .elt-uploading-actions .cancel-upload .zmdi {
    font-size: 18px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError {
    padding: 10px 20px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message {
    float: left;
    color: #a94442;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    margin-right: 10px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message .zmdi {
    font-size: 18px;
    color: #a94442;
    margin-right: 10px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .filename {
    float: left; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel {
    float: right; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 15px;
    text-align: center;
    margin: 0;
    background-color: transparent; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn .zmdi {
    font-size: 18px;
    color: #999;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn:hover .zmdi {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message, html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .filename {
      float: left; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError {
      height: auto; }
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel, html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .error-message, html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .filename {
      float: none;
      width: 100%; }
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-upload .elt-uploading-wrapper.hasError .cancel .btn {
      margin-left: auto; } }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download {
    height: auto !important; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper {
    height: auto;
    padding: 10px 15px;
    padding-left: 0;
    background-color: #f7f7f7;
    position: relative; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper:after {
    display: table;
    clear: both;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: relative;
    z-index: 1; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .sorting-wrapper {
    width: 60px;
    float: left;
    position: relative;
    height: 62px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .sorting-wrapper .sorting-icon {
    position: relative;
    width: 100%;
    height: 100%; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .sorting-wrapper .sorting-icon .zmdi {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #999;
    font-size: 18px;
    cursor: pointer; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .preview-wrapper {
    float: left;
    height: 62px;
    width: 100px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .preview-wrapper .preview-img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .preview-wrapper .preview-img img {
    width: 100%;
    height: auto !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .preview-wrapper .preview-details {
    width: 100%;
    height: 100%;
    background-color: rgba(221, 221, 221, 0.68);
    padding: 6px;
    text-align: center;
    color: #666; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .preview-wrapper .preview-details .preview-icon .zmdi {
    font-size: 25px;
    color: #7EB643; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper {
    width: calc(100% - 160px);
    float: left;
    height: auto;
    padding-left: 12px;
    padding-bottom: 10px; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper {
    float: left;
    width: 100%;
    min-height: 22px;
    padding-right: 15px;
    position: relative; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper .name-size {
    color: #666;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper .delete {
    position: absolute;
    right: 0;
    top: 0; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper .delete .btn {
    width: 15px;
    text-align: center;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper .delete .btn .zmdi {
    font-size: 18px;
    color: #999;
    opacity: 1;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .name-size-wrapper .delete .btn:hover .zmdi {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .inputs-wrapper {
    width: 100%;
    float: left; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .inputs-wrapper .caption {
    width: 100%; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .inputs-wrapper .controls-wrapper {
    border: 1px solid #EEE;
    width: 100%;
    position: relative; }
  html body.yp .yp-portlet .uploader-form-control .filesContainer .template-download .elt-downloading-wrapper .infos-wrapper .inputs-wrapper .controls-wrapper:after {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .uploader-form-control .dragFilesContainer .instructions {
      display: none; } }
  html body.yp .yp-portlet .component-cmd-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    padding-left: 5px;
    padding-right: 5px; }
  html body.yp .yp-portlet .component-cmd-btn:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .component-cmd-btn > .btn {
    width: auto;
    float: left;
    padding: 0 5px;
    min-width: 70px; }
  html body.yp .yp-portlet .component-cmd-btn > .btn.btn-icon {
    width: 40px;
    min-width: 0; }
  html body.yp .yp-portlet .component-cmd-btn > .btn.btn-icon .btn-text .zmdi {
    margin-right: 0; }
  html body.yp .yp-portlet .component-cmd-btn > .btn.fileinput-button input.ignore {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0; }
  html body.yp .yp-portlet .component-cmd-btn > .btn + .btn-group, html body.yp .yp-portlet .component-cmd-btn > .btn + .searchBox {
    margin-left: 15px; }
  html body.yp .yp-portlet .component-cmd-btn .btn-group {
    float: left;
    height: 30px; }
  html body.yp .yp-portlet .component-cmd-btn .btn-group .btn-icon {
    width: 40px; }
  html body.yp .yp-portlet .component-cmd-btn .btn-group .btn-icon .btn-text .zmdi {
    margin-right: 0; }
  html body.yp .yp-portlet .component-cmd-btn .btn-group + .btn, html body.yp .yp-portlet .component-cmd-btn .btn-group + .searchBox {
    margin-left: 15px; }
  html body.yp .yp-portlet .component-cmd-btn .btn-group.open > .dropdown-menu {
    top: 30px; }
  html body.yp .yp-portlet .component-cmd-btn .btn-group.open > .dropdown-menu a {
    cursor: pointer; }
  html body.yp .yp-portlet .component-cmd-btn .zmdi {
    font-size: 16px;
    margin-right: 3px;
    vertical-align: text-bottom; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget {
    display: block;
    height: 30px;
    float: left;
    background-color: transparent;
    border: 0; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody, html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation], html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap {
    display: block;
    height: 30px; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap .k-editor-toolbar {
    padding: 0; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group {
    margin-right: 0;
    padding: 0; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group .k-tool {
    background-color: #fff;
    border: 0;
    float: left; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] + tr {
    display: none; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn {
    height: 30px;
    width: 93px;
    display: block;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    outline: 0 !important;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    text-align: center;
    margin-top: 0;
    margin-bottom: 0; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn .k-tool-icon {
    background: 0 0;
    position: relative;
    margin-right: 5px;
    display: inline-block;
    width: 18px;
    height: 30px; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn .k-tool-icon:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font: normal normal normal 14px/1 Material-Design-Iconic-Font; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn .k-tool-icon.k-createLink:before {
    content: "\f138"; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn .k-tool-icon.k-insertImage:before {
    content: "\f224"; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn .k-tool-text {
    line-height: 30px; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget .btn + .btn, html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget + .btn {
    margin-left: 8px; }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar {
      min-width: 306px; }
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget {
      max-width: 195px; }
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .btn {
      width: 93px; }
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .btn .k-tool-text {
      display: inline-block; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar {
      max-width: calc(100% - 132px); }
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget {
      max-width: 86px; }
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .btn {
      width: 40px !important;
      min-width: 0; }
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .btn .k-tool-icon {
      margin-right: 0 !important; }
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .btn .zmdi {
      position: absolute;
      left: 50%;
      top: 50%;
      -ms-transform: translateY(-50%) translateX(-50%);
      -moz-transform: translateY(-50%) translateX(-50%);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%); }
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .btn .btn-text, html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .btn .k-tool-text {
      display: none; }
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar + .control-label {
      width: calc(100% - 146px) !important; }
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar + .control-label + .uploader-form-control {
      margin-top: 10px; } }
  html body.yp .yp-portlet .component-cmd-btn .searchBox {
    height: 30px;
    float: left;
    padding-right: 25px;
    background-color: #FFF;
    position: relative; }
  html body.yp .yp-portlet .component-cmd-btn .searchBox .form-control {
    width: 100%;
    height: 30px; }
  html body.yp .yp-portlet .component-cmd-btn .searchBox .zmdi {
    font-size: 16px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 5px; }
  html body.yp .yp-portlet .component-cmd-btn .searchBox + .btn, html body.yp .yp-portlet .component-cmd-btn .searchBox + .btn-group {
    margin-left: 15px; }
  html body.yp .yp-portlet .uploader-form-group {
    overflow: hidden;
    position: relative; }
  html body.yp .yp-portlet .uploader-form-group .file-embed-library {
    display: none !important; }
  html body.yp .yp-portlet .uploader-form-group .file-embed-library + .btn {
    float: right; }
  html body.yp .yp-portlet .uploader-form-group .btn {
    padding: 6px 16px;
    font-size: 13px;
    position: relative; }
  html body.yp .yp-portlet .uploader-form-group .control-label {
    height: 35px;
    line-height: 35px; }
  html body.yp .yp-portlet .uploader-form-group .fileUploadTitle {
    position: relative;
    float: left;
    font-size: 13px;
    color: #333;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    padding: 7px 0; }
  html body.yp .yp-portlet .uploader-form-group .k-upload {
    border: 0; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-dropzone {
    margin-top: 43px; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-dropzone .k-upload-button {
    position: absolute;
    top: -43px;
    right: 0; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-dropzone .dragFilesContainer {
    display: none; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file {
    padding: 0;
    border: 1px solid transparent;
    height: 41px;
    box-sizing: border-box; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper {
    background-color: #f5f5f5;
    padding: 5px 10px;
    color: #666;
    position: relative;
    height: 29px; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-icon {
    height: 29px;
    float: left;
    width: 29px;
    text-align: center;
    position: relative;
    color: #929292; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-icon .fa, html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-icon .zmdi {
    line-height: 29px;
    font-size: 29px; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-icon .preview-icon-text {
    position: absolute;
    background-color: #929292;
    color: #FFF;
    font-size: 9px;
    line-height: 12px;
    top: 10px;
    left: -9px;
    padding: 1px 4px; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-details {
    width: 100px;
    height: 62px;
    background-color: rgba(221, 221, 221, 0.68);
    padding: 6px;
    text-align: center;
    float: left; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper {
    width: calc(100% - 29px);
    float: left; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .name-size-wrapper {
    float: left;
    margin-left: 15px;
    line-height: 29px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 100px);
    overflow: hidden; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .name-size-wrapper .name-size {
    display: inline; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .k-upload-action {
    float: right;
    padding: 6px 0; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .k-upload-action .k-icon {
    color: #929292; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .k-upload-action .k-icon.k-delete {
    background: 0 0;
    width: 16px;
    height: 16px; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .k-upload-action .k-icon.k-delete:after {
    content: '\f154';
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 18px; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file.k-file-error {
    border: 1px solid #ef6262; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file.k-file-progress .k-progress {
    background-color: #96be0f; }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file.k-file-progress .file-wrapper {
    background-color: transparent;
    color: #FFF; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file, html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper {
      height: auto; }
    html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .preview-icon {
      text-align: left; }
    html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper {
      padding-top: 0 !important;
      margin-top: 36px;
      position: static; }
    html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .name-size-wrapper {
      white-space: normal !important;
      text-overflow: initial !important;
      max-width: none !important;
      overflow: visible !important;
      margin-left: -29px; }
    html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .name-size-wrapper .name-size {
      line-height: normal; }
    html body.yp .yp-portlet .uploader-form-group .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .k-upload-action {
      position: absolute;
      right: 10px;
      top: 5px; } }
  html body.yp .yp-portlet .uploader-form-group .k-upload .k-button.k-upload-selected {
    display: none; }
  html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone {
    margin-top: 43px;
    min-height: 23px; }
  html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone.k-dropzone-hovered {
    background-color: transparent; }
  html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone.k-dropzone-hovered .dragFilesContainer {
    background-color: #d4d2d2;
    -o-transition: all 350ms;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms; }
  html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .k-upload-button {
    position: absolute;
    top: -43px;
    right: 0; }
  html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .dragFilesContainer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: #f5f5f5;
    padding: 10px 20px;
    height: 43px;
    box-sizing: border-box;
    -o-transition: all 350ms;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
    display: block; }
  html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .dragFilesContainer:after {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute; }
  html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .dragFilesContainer .instructions {
    float: left;
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px; }
  html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .dragFilesContainer .recommendations {
    float: right;
    color: #999;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 23px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone {
      height: 0;
      min-height: 0;
      padding: 0; }
    html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .k-upload-button {
      right: auto; }
    html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .dragFilesContainer {
      display: none; } }
  html body.yp .yp-portlet .uploader-form-group .k-upload:not(.autoUpload) {
    position: relative;
    float: left;
    width: 100%; }
  html body.yp .yp-portlet .uploader-form-group .k-upload:not(.autoUpload) .k-dropzone {
    padding: 0; }
  html body.yp .yp-portlet .uploader-form-group .k-upload:not(.autoUpload) .k-upload-button {
    margin: 0;
    position: absolute;
    right: 0;
    top: -37px; }
  html body.yp .yp-portlet .uploader-form-group .k-upload:not(.autoUpload) .k-upload-files {
    position: relative; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .uploader-form-group .k-upload {
      float: left;
      clear: both; }
    html body.yp .yp-portlet .uploader-form-group .k-upload:not(.autoUpload) .k-upload-button {
      position: relative;
      top: auto;
      margin-bottom: 15px; }
    html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload {
      width: 100%; }
    html body.yp .yp-portlet .uploader-form-group .k-upload.autoUpload .k-dropzone .k-button {
      position: absolute !important;
      top: -43px !important;
      margin-bottom: 64px !important; }
    html body.yp .yp-portlet .uploader-form-group .k-upload .k-dropzone {
      margin-top: 0; }
    html body.yp .yp-portlet .uploader-form-group .k-upload .k-dropzone .k-upload-button {
      position: relative;
      top: auto;
      right: auto; } }
  html body.yp .yp-portlet .uploader-form-group[max-width~="530px"] .fileUploadTitle + .k-upload .k-button {
    position: relative;
    top: auto;
    margin-bottom: 15px; }
  html body.yp .yp-portlet .uploader-form-group[max-width~="530px"] .k-dropzone .k-button {
    margin-bottom: 64px !important; }
  html body.yp .yp-portlet .uploader-form-group[max-width~="530px"] .k-dropzone .dragFilesContainer {
    height: 64px !important; }
  html body.yp .yp-portlet .uploader-form-group[max-width~="530px"] .k-dropzone .dragFilesContainer .recommendations {
    float: left !important; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group {
    display: none; }
  html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget tbody tr[role=presentation] .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group .k-tool {
    width: 86px;
    line-height: 30px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .component-cmd-btn.fileupload-buttonbar .k-editor-widget + .btn {
      height: 35px;
      width: 60px !important; } }
  @media (min-width: 320px) and (max-width: 340px) {
    html body.yp .yp-portlet .uploader-form-control {
      padding-bottom: 64px; } }
  html body.yp .yp-portlet .summaryBar {
    background-color: #313f64; }
  html body.yp .yp-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide {
    flex: none;
    height: 136px;
    width: auto; }
  html body.yp .yp-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxTitle {
    background-color: rgba(244, 244, 244, 0.07);
    color: #FFF;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    padding: 5px 8px;
    display: inline-block;
    margin-top: 30px;
    margin-left: 50px; }
  html body.yp .yp-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxDescription {
    color: rgba(244, 244, 244, 0.85);
    font-size: 30px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    margin-left: 50px;
    height: 30px;
    line-height: 30px;
    margin-top: 13px; }
  html body.yp .yp-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxDescription .zmdi {
    font-size: 15px;
    line-height: 30px;
    vertical-align: middle; }
  html body.yp .yp-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxDescription .zmdi.zmdi-long-arrow-down {
    color: #ef6262; }
  html body.yp .yp-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxDescription .zmdi.zmdi-long-arrow-up {
    color: #96be0e; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxDescription, html body.yp .yp-portlet .summaryBar .swiper-container .swiper-wrapper .swiper-slide.summaryBox .boxTitle {
      margin-left: 20px; } }
  html body.yp .yp-portlet .summaryBar .swiper-container > .swiper-pagination {
    text-align: left;
    left: 50px; }
  html body.yp .yp-portlet .summaryBar .swiper-container > .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid rgba(244, 244, 244, 0.5); }
  html body.yp .yp-portlet .summaryBar .swiper-container > .swiper-pagination .swiper-pagination-bullet:first-child:last-child {
    display: none; }
  html body.yp .yp-portlet .summaryBar .swiper-container > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #f4f4f4; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .summaryBar .swiper-container > .swiper-pagination {
      left: 20px; } }
  html body.yp .yp-portlet .yp-responsive .summaryBar.yp-responsive-always-mobile {
    padding: 12px; }
  html body.yp .yp-portlet .yp-responsive .summaryBar.yp-responsive-always-mobile .breadcrumb {
    display: none; }
  html body.yp .yp-portlet .staticGrid {
    width: 100%;
    background-color: #fff;
    display: inline-block;
    padding: 20px 15px;
    padding-bottom: 0; }
  html body.yp .yp-portlet .staticGrid.w-bg {
    background-color: rgba(233, 233, 233, 0.7); }
  html body.yp .yp-portlet .staticGrid .staticRow {
    display: inline-block;
    padding: 9px 0; }
  html body.yp .yp-portlet .staticGrid .staticRow:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .staticGrid .staticRow > * {
    display: inline-block; }
  html body.yp .yp-portlet .staticGrid .staticRow .label-bold + .label-normal {
    max-width: 32px; }
  html body.yp .yp-portlet .staticGrid .separator-page {
    width: 100%; }
  html body.yp .yp-portlet .staticGrid .zmdi {
    font-size: 15px;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 10px; }
  html body.yp .yp-portlet .staticGrid .zmdi.zmdi-long-arrow-down {
    color: #EF6262; }
  html body.yp .yp-portlet .staticGrid .zmdi.zmdi-long-arrow-up {
    color: #96BE0E; }
  html body.yp .yp-portlet .staticGrid.default {
    width: 100%;
    max-width: 530px; }
  html body.yp .yp-portlet .staticGrid.default .staticRow {
    display: block;
    width: 100%; }
  html body.yp .yp-portlet .staticGrid.default .staticRow > * {
    float: left;
    display: block; }
  html body.yp .yp-portlet .staticGrid.default .staticRow :nth-last-child(2):first-child {
    width: 50%; }
  html body.yp .yp-portlet .staticGrid.default .staticRow :nth-last-child(2):first-child ~ * {
    width: 50%; }
  html body.yp .yp-portlet .chartAreaCard {
    background-color: #FFF; }
  html body.yp .yp-portlet .chartAreaCard .chartCardHeader {
    margin-bottom: 40px; }
  html body.yp .yp-portlet .chartAreaCard .chartCardHeader .chartTitle {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #333;
    margin-left: 16px;
    margin-top: 16px;
    display: inline; }
  html body.yp .yp-portlet .chartAreaCard .chartCardHeader .headerAction {
    float: right; }
  html body.yp .yp-portlet .chartAreaCard .chartCardHeader .headerAction .form-group {
    margin: 3px 0; }
  html body.yp .yp-portlet .chartAreaCard .chartCardHeader .headerAction .form-group .form-group.select-group .controls-wrapper {
    border: 0; }
  html body.yp .yp-portlet .chartAreaCard .chartCardHeader .headerAction .form-group .form-group.select-group .controls-wrapper select {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #666; }
  html body.yp .yp-portlet .chartAreaCard .chartCardHeader.split {
    border-bottom: 1px solid #ebeef0;
    padding: 7px 0; }
  html body.yp .yp-portlet .chartAreaCard .chartCardBody:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea {
    float: left; }
  html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(1) {
    width: 100%; }
  html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2), html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2) ~ .chartArea {
    width: 50%; }
  html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3), html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3) ~ .chartArea {
    width: calc(100% / 3); }
  @media (max-width: 768px) {
    html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2), html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2) ~ .chartArea {
      width: calc(100% / 2); }
    html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3), html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3) ~ .chartArea {
      width: calc(100% / 2); } }
  @media (max-width: 640px) {
    html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2), html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(2) ~ .chartArea {
      width: 100%; }
    html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3), html body.yp .yp-portlet .chartAreaCard .chartCardBody .chartArea:nth-last-child(3) ~ .chartArea {
      width: 100%; } }
  html body.yp .yp-portlet .chartAreaCard.halfCard {
    width: 100%; }
  html body.yp .yp-portlet .chartAreaCard.halfCard .k-chart {
    height: 165px; }
  html body.yp .yp-portlet .chartAreaCard.halfCard .chartCardHeader {
    margin-bottom: 10px; }
  html body.yp .yp-portlet .chartAreaCard.halfCard .chartCardHeader .chartTitle {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #333; }
  html body.yp .yp-portlet .chartAreaCard.halfCard .chartCardBody {
    padding-left: 16px; }
  html body.yp .yp-portlet .chartAreaCard.halfCard .chartDescription .label-normal {
    display: inline-block;
    width: 100%; }
  html body.yp .yp-portlet .chartAreaCard.halfCard .chartDescription .label-bold {
    display: inline-block; }
  html body.yp .yp-portlet .chartAreaCard.halfCard .chartDescription .zmdi {
    display: inline-block;
    margin-left: 15px; }
  html body.yp .yp-portlet .chartAreaCard.halfCard .chartDescription + .chartDescription:before {
    content: "......";
    color: #96BE0F; }
  html body.yp .yp-portlet .chartAreaCard.halfCard.template2 .chartCardBody:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .chartAreaCard.halfCard.template2 .chartCardBody .chartDescription {
    width: 50%;
    float: left; }
  html body.yp .yp-portlet .chartAreaCard.halfCard.template2 .chartCardBody .chartDescription + .chartDescription:before {
    content: none; }
  html body.yp .yp-portlet .chartAreaCard.fullCard {
    background-color: #addb11;
    width: 100%; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .k-chart {
    height: 205px; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .chartCardHeader {
    margin-bottom: 40px; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .chartCardHeader .chartTitle {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    margin-left: 16px;
    margin-top: 16px;
    display: inline;
    color: #FFF; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .chartCardHeader .chartTitle + .zmdi {
    font-size: 40px;
    margin-left: 40px;
    margin-right: 0;
    color: #FFF;
    cursor: pointer; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .chartCardFooter {
    background-color: #FFF; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .chartCardFooter:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .chartCardFooter .footerBox {
    width: 50%;
    float: left;
    padding: 20px 15px; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .chartCardFooter .footerBox .footerBoxTitle {
    color: #666;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .chartCardFooter .footerBox .footerBoxVal {
    color: #333;
    font-size: 23px;
    font-family: Roboto,sans-serif;
    font-weight: 300; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .chartCardFooter .footerBox .footerBoxProgress {
    background-color: #eee;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 5px;
    width: 109px;
    max-width: 100%; }
  html body.yp .yp-portlet .chartAreaCard.fullCard .chartCardFooter .footerBox .footerBoxProgress .progress {
    height: 100%;
    background-color: #addb11;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }
  html body.yp .yp-portlet .chartAreaCard .zmdi {
    font-size: 15px;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 10px; }
  html body.yp .yp-portlet .chartAreaCard .zmdi.zmdi-long-arrow-down {
    color: #EF6262; }
  html body.yp .yp-portlet .chartAreaCard .zmdi.zmdi-long-arrow-up {
    color: #96BE0E; }
  html body.yp .yp-portlet .chartAreaCard.template1 {
    max-width: none; }
  html body.yp .yp-portlet .chartAreaCard.template1 .chartCardHeader {
    padding: 33px;
    padding-bottom: 0;
    margin-bottom: 0; }
  html body.yp .yp-portlet .chartAreaCard.template1 .chartCardHeader .chartTitle {
    margin-left: 0; }
  html body.yp .yp-portlet .chartAreaCard.template1 .chartCardBody {
    padding: 0 33px;
    margin-top: 20px;
    margin-bottom: 7px; }
  html body.yp .yp-portlet .chartAreaCard.template1 .chartFooterBody .chartArea {
    width: 100%; }
  html body.yp .yp-portlet .chartAreaCard.template2 .chartCardHeader {
    margin-bottom: 0;
    position: relative;
    padding: 13px 53px 13px 16px;
    height: auto;
    box-sizing: content-box; }
  html body.yp .yp-portlet .chartAreaCard.template2 .chartCardHeader .chartTitle {
    margin-left: 0;
    line-height: 31px; }
  html body.yp .yp-portlet .chartAreaCard.template2 .chartCardHeader .zmdi {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 28px;
    display: block;
    height: 28px; }
  html body.yp .yp-portlet .chartAreaCard.template2 .chartFooterBody .footerBox {
    padding-top: 20px;
    padding-bottom: 14px; }
  html body.yp .yp-portlet .chartAreaCard.template3 .chartCardHeader {
    padding-top: 20px;
    padding-left: 19px;
    padding-right: 25px;
    margin-bottom: 20px;
    height: 31px;
    box-sizing: content-box; }
  html body.yp .yp-portlet .chartAreaCard.template3 .chartCardHeader:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .chartAreaCard.template3 .chartCardHeader .chartTitle {
    max-width: calc(100% - 99px);
    float: left;
    margin: 0;
    line-height: 31px; }
  html body.yp .yp-portlet .chartAreaCard.template3 .chartCardHeader .chartTime {
    width: 99px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 31px;
    color: #666;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px; }
  html body.yp .yp-portlet .chartAreaCard.template3 .chartCardHeader .chartTime .zmdi {
    color: #2B3A61;
    font-size: 15px;
    cursor: pointer; }
  html body.yp .yp-portlet .chartAreaCard.template3 .chartCardHeader .chartTime .zmdi:first-child {
    margin-right: 8px; }
  html body.yp .yp-portlet .chartAreaCard.template3 .chartCardHeader .chartTime .zmdi:last-child {
    margin-left: 8px; }
  html body.yp .yp-portlet .chartAreaCard.template3 .chartCardFooter {
    height: 73px;
    text-align: center;
    border-top: 1px solid rgba(221, 225, 231, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #666; }
  html body.yp .yp-portlet .chartAreaCard.template3 .chartCardFooter .zmdi {
    margin-left: 7px; }
  html body.yp .yp-portlet .chartBarWrapper .chartBarHeader .title-page {
    margin-top: 20px;
    margin-bottom: 15px; }
  html body.yp .yp-portlet .listGrid {
    padding: 25px 35px;
    padding-right: 0;
    background-color: #FFF; }
  html body.yp .yp-portlet .listGrid .gridSwiper-Wrapper {
    height: 315px;
    padding-right: 49px; }
  html body.yp .yp-portlet .listGrid .gridSwiper-Wrapper .mCSB_scrollTools {
    display: block;
    position: absolute;
    right: 0;
    top: 0; }
  html body.yp .yp-portlet .listGrid .title-page {
    margin-top: 0;
    margin-bottom: 13px; }
  html body.yp .yp-portlet .listGrid .listItem {
    border-bottom: 1px #EBEEF0 solid;
    padding: 28px 0; }
  html body.yp .yp-portlet .listGrid .listItem:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .listGrid .listItem .slider-control.StaticSlider {
    max-width: 325px;
    float: left;
    margin-left: 55px;
    width: 100%; }
  html body.yp .yp-portlet .listGrid .listItem.template2 {
    margin: 0 !important;
    border-bottom: 1px solid #EBEEF0; }
  html body.yp .yp-portlet .listGrid .listItem.template2:last-child {
    border-bottom: 0 none; }
  html body.yp .yp-portlet .listGrid .listItem.template2 .list-checkbox {
    float: left;
    margin-right: 50px;
    padding: 31px 0; }
  html body.yp .yp-portlet .listGrid .listItem.template2 .list-checkbox .checkbox:after {
    border: 1px solid #CCC;
    -webkit-border-radius: 4%;
    -moz-border-radius: 4%;
    border-radius: 4%;
    width: 20px;
    height: 20px; }
  html body.yp .yp-portlet .listGrid .listItem.template2 .list-checkbox .checkbox:checked:before {
    top: 2px;
    left: 7px;
    border-color: #666; }
  html body.yp .yp-portlet .listGrid .listItem.template2 .list-checkbox .checkbox:checked:after {
    background-color: #ebebeb;
    border-color: #666; }
  html body.yp .yp-portlet .listGrid .listItem.template2 .list-image {
    width: 55px;
    height: 55px;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 13px 50px 13px 0; }
  html body.yp .yp-portlet .listGrid .listItem.template2 .list-image img {
    max-width: 500%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .listGrid .listItem.template2 .list-description {
    float: left;
    padding: 17px 0; }
  html body.yp .yp-portlet .listGrid .listItem.template2 .list-link {
    float: right;
    padding: 26px 0; }
  html body.yp .yp-portlet .listGrid .listItem.template2 .list-link .glyphicon {
    color: #96BE0F;
    font-size: 20px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .listGrid .listItem.template2 .list-checkbox, html body.yp .yp-portlet .listGrid .listItem.template2 .list-image {
      margin-right: 15px; }
    html body.yp .yp-portlet .listGrid .listItem.template2 .list-description {
      width: calc(100% - 125px); }
    html body.yp .yp-portlet .listGrid .listItem.template2 .list-link {
      display: none; } }
  html body.yp .yp-portlet .listGrid .listItem.template1 {
    padding-top: 28px;
    padding-bottom: 25px;
    max-width: 771px;
    position: relative; }
  html body.yp .yp-portlet .listGrid .listItem.template1 .list-title {
    max-width: calc(100% - 325px);
    margin-bottom: 5px;
    line-height: 20px; }
  html body.yp .yp-portlet .listGrid .listItem.template1 .list-description:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .listGrid .listItem.template1 .list-description > * {
    float: left; }
  html body.yp .yp-portlet .listGrid .listItem.template1 .list-description .text-control {
    max-width: calc((100% - 332px) / 2);
    width: 50%;
    line-height: 20px; }
  html body.yp .yp-portlet .listGrid .listItem.template1 .list-description .slider-control {
    width: 332px;
    margin: -17px 0 0; }
  html body.yp .yp-portlet .listGrid .listItem.template1 .list-description .slider-control .controls .form-control {
    padding: 11px 0 0; }
  html body.yp .yp-portlet .listGrid .listItem.template1 .list-description .slider-control .controls .form-control .k-slider {
    margin: 0; }
  html body.yp .yp-portlet .listGrid .listItem.template1:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #EBEEF0;
    position: absolute;
    bottom: 0;
    left: 0; }
  html body.yp .yp-portlet .listGrid .listItem.template1:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #EBEEF0;
    position: absolute;
    top: 0;
    left: 0; }
  @media (max-width: 768px) {
    html body.yp .yp-portlet .listGrid .listItem .label-normal {
      float: none;
      display: block;
      height: auto;
      margin-bottom: 5px; }
    html body.yp .yp-portlet .listGrid .listItem .label-normal + .label-normal, html body.yp .yp-portlet .listGrid .listItem .slider-control {
      margin-left: 0; } }
  html body.yp .yp-portlet .listGrid .listItem .listItem-header {
    height: 20px;
    line-height: 20px; }
  html body.yp .yp-portlet .listGrid .listItem .listItem-body {
    height: 30px; }
  html body.yp .yp-portlet .listGrid .listItem .listItem-body:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .listGrid .listItem .listItem-body > * {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px; }
  html body.yp .yp-portlet .listGrid .listItem .listItem-body > * ~ * {
    margin-left: 45px; }
  html body.yp .yp-portlet .listGrid .swiper-container {
    height: 330px; }
  html body.yp .yp-portlet .listGrid .swiper-container .swiper-wrapper .swiper-slide {
    height: auto !important;
    border-bottom: 1px solid #EBEEF0;
    width: calc(100% - 28px); }
  html body.yp .yp-portlet .listGrid .swiper-container .swiper-wrapper .swiper-slide .listItem {
    margin: 15px 0; }
  html body.yp .yp-portlet .listGrid .swiper-container .swiper-wrapper .swiper-slide:first-child .listItem {
    margin-top: 0; }
  html body.yp .yp-portlet .listGrid.swiper-container {
    height: 330px; }
  html body.yp .yp-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide {
    height: auto !important;
    border-bottom: 1px solid #EBEEF0;
    width: calc(100% - 28px); }
  html body.yp .yp-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide .listItem {
    margin: 15px 0; }
  html body.yp .yp-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide:first-child {
    background-color: red; }
  html body.yp .yp-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide:first-child .listItem.template1 {
    padding-top: 0; }
  html body.yp .yp-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide:first-child .listItem.template1:before {
    content: none; }
  html body.yp .yp-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide:last-child .listItem.template1 {
    padding-bottom: 0; }
  html body.yp .yp-portlet .listGrid.swiper-container .swiper-wrapper .swiper-slide:last-child .listItem.template1:after {
    content: none; }
  html body.yp .yp-portlet .listGrid.template1 {
    padding-right: 0;
    height: 306px;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden; }
  html body.yp .yp-portlet .listGrid.template1 .swiper-container {
    height: 100%; }
  html body.yp .yp-portlet .listGrid.template1 .swiper-container .swiper-wrapper {
    padding-right: 65px;
    width: calc(100% - 65px); }
  html body.yp .yp-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
    border: 0; }
  html body.yp .yp-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide .listItem.template1 {
    margin: 0; }
  html body.yp .yp-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide:first-child .listItem {
    padding-top: 0; }
  html body.yp .yp-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide:first-child .listItem:before {
    content: none; }
  html body.yp .yp-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide:last-child .listItem {
    padding-bottom: 0; }
  html body.yp .yp-portlet .listGrid.template1 .swiper-container .swiper-wrapper .swiper-slide:last-child .listItem:after {
    content: none; }
  html body.yp .yp-portlet .listGrid.template1 .swiper-container .swiper-scrollbar {
    right: 34px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .listGrid.template1.mCustomScrollbar {
      height: 492px; }
    html body.yp .yp-portlet .listGrid.template1.mCustomScrollbar .mCustomScrollBox {
      height: 492px;
      padding-right: 25px; }
    html body.yp .yp-portlet .listGrid.template1.mCustomScrollbar .mCustomScrollBox .mCSB_container .swiper-container {
      height: auto; }
    html body.yp .yp-portlet .listGrid.template1.mCustomScrollbar .mCustomScrollBox .mCSB_container .swiper-container .swiper-wrapper {
      display: block;
      width: 100%;
      padding-right: 0; }
    html body.yp .yp-portlet .listGrid.template1.mCustomScrollbar .mCustomScrollBox .mCSB_container .swiper-container .swiper-wrapper .swiper-slide {
      display: block;
      width: 100%;
      padding: 0; }
    html body.yp .yp-portlet .listGrid.template1 .listItem.template1 .list-title {
      max-width: none; }
    html body.yp .yp-portlet .listGrid.template1 .listItem.template1 .list-description .text-control {
      max-width: none;
      float: left;
      clear: both;
      width: 100%; }
    html body.yp .yp-portlet .listGrid.template1 .listItem.template1 .list-description .slider-control {
      margin-top: 0;
      width: calc(100% - 59px); } }
  html body.yp .yp-portlet .listGrid + .listGridFooter {
    background-color: #FFF; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .listGrid {
      padding: 14px 0 25px 14px !important; }
    html body.yp .yp-portlet .listGrid .gridSwiper-Wrapper {
      padding-right: 49px; }
    html body.yp .yp-portlet .listGrid .listItem .slider-control {
      padding-top: 15px;
      box-sizing: content-box;
      max-width: none; }
    html body.yp .yp-portlet .listGrid .listItem .listItem-header {
      margin-bottom: 5px; }
    html body.yp .yp-portlet .listGrid .listItem .listItem-body {
      height: auto; }
    html body.yp .yp-portlet .listGrid .listItem .listItem-body > * {
      display: block;
      height: auto;
      line-height: 20px;
      margin-bottom: 0; }
    html body.yp .yp-portlet .listGrid .listItem .listItem-body > * ~ * {
      width: 100%;
      margin-left: 0; }
    html body.yp .yp-portlet .listGrid .listItem .listItem-body > .slider-control.StaticSlider {
      margin-top: 5px;
      margin-left: 0; }
    html body.yp .yp-portlet .listGrid .mCSB_scrollTools {
      display: block;
      position: absolute;
      right: 0;
      top: 0; } }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-mobile {
    padding: 14px 0 25px 14px !important; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .gridSwiper-Wrapper {
    padding-right: 49px; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .slider-control {
    padding-top: 15px;
    box-sizing: content-box;
    max-width: none; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .listItem-header {
    margin-bottom: 5px; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .listItem-body {
    height: auto; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .listItem-body > * {
    display: block;
    height: auto;
    line-height: 20px;
    margin-bottom: 0; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .listItem-body > * ~ * {
    width: 100%;
    margin-left: 0; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .listItem .listItem-body > .slider-control.StaticSlider {
    margin-top: 5px;
    margin-left: 0; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-mobile .mCSB_scrollTools {
    display: block;
    position: absolute;
    right: 0;
    top: 0; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-desktop .mCustomScrollBox .mCSB_container {
    overflow: visible; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-desktop .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger {
    height: 72px !important; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-desktop .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    width: 6px !important;
    height: 72px; }
  html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-desktop .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar:after, html body.yp .yp-portlet .yp-responsive .listGrid.yp-responsive-always-desktop .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar:before {
    content: none !important; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .form-group.tab-container .navbar {
      border-top: 3px solid #96BE0F;
      background-color: #FFF;
      padding: 0 25px; }
    html body.yp .yp-portlet .form-group.tab-container .navbar .navbar-toggle .icon-bar {
      height: 3px;
      width: 16px;
      background-color: #333; }
    html body.yp .yp-portlet .form-group.tab-container .navbar .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 2px; }
    html body.yp .yp-portlet .form-group.tab-container .navbar .tabstripTitleHolder {
      font-size: 23px;
      color: #333; } }
  html body.yp .yp-portlet .form-group.tab-container .simulator-tab-content .listGrid {
    height: 270px;
    padding: 14px 35px; }
  html body.yp .yp-portlet .form-group.tab-container .simulator-tab-content .listGrid .swiper-container {
    height: 100%; }
  html body.yp .yp-portlet .form-group.tab-container .simulator-tab-content .listGridFooter {
    height: 75px;
    width: 100%;
    padding: 10px 40px; }
  @media (min-width: 768px) {
    html body.yp .yp-portlet .form-group.tab-container .simulator-tab-content .listGridFooter .btn {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (max-width: 768px) {
    html body.yp .yp-portlet .form-group.tab-container .simulator-tab-content .listGridFooter {
      padding: 10px 25px;
      height: auto; }
    html body.yp .yp-portlet .form-group.tab-container .simulator-tab-content .listGridFooter:after {
      content: "";
      display: table;
      clear: both; }
    html body.yp .yp-portlet .form-group.tab-container .simulator-tab-content .listGridFooter .btn {
      clear: both;
      float: left;
      margin-left: 0 !important; }
    html body.yp .yp-portlet .form-group.tab-container .simulator-tab-content .listGridFooter .btn + .btn {
      margin-top: 12px; } }
  html body.yp .yp-portlet .information {
    width: 100%;
    -webkit-box-shadow: 0 3px 0 0 #e3e4e8;
    -moz-box-shadow: 0 3px 0 0 #e3e4e8;
    box-shadow: 0 3px 0 0 #e3e4e8;
    position: relative; }
  html body.yp .yp-portlet .information:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .information .glyphicon {
    font-size: 20px;
    color: #39add2;
    margin-bottom: 20px; }
  html body.yp .yp-portlet .information .information-header {
    width: 100%;
    position: relative;
    padding: 26px; }
  html body.yp .yp-portlet .information .information-header:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .information .information-footer {
    width: calc(100% - 52px);
    position: relative;
    padding: 43px 26px;
    border-top: 1px solid #EBEEF0;
    background-color: #FFF; }
  html body.yp .yp-portlet .information .information-footer:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .information .information-footer .information-description {
    color: #777;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%; }
  html body.yp .yp-portlet .information.open .information-footer {
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -o-transition: transform 350ms;
    -webkit-transition: transform 350ms;
    -moz-transition: transform 350ms;
    transition: transform 350ms; }
  html body.yp .yp-portlet .information.open .information-footer .information-description {
    opacity: 1;
    -o-transition: opacity 350ms 350ms;
    -webkit-transition: opacity 350ms 350ms;
    -moz-transition: opacity 350ms 350ms;
    transition: opacity 350ms 350ms; }
  html body.yp .yp-portlet .informationWrapper .informationBody {
    margin-bottom: 3px; }
  html body.yp .yp-portlet .informationWrapper .informationBody .information {
    background-color: #FFF; }
  html body.yp .yp-portlet .informationWrapper .informationBody .information .label-bold, html body.yp .yp-portlet .informationWrapper .informationBody .information .label-normal {
    width: calc(100% - 56px);
    float: left; }
  html body.yp .yp-portlet .informationWrapper .informationBody .information .glyphicon {
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: auto;
    right: 30px; }
  html body.yp .yp-portlet .informationWrapper .informationBody .information + .information {
    margin-top: 9px; }
  html body.yp .yp-portlet .informationWrapper .informationBody.k-panelbar {
    background-color: transparent;
    border: 0; }
  html body.yp .yp-portlet .informationWrapper .informationBody.k-panelbar .k-item .k-link .k-icon {
    background: 0 0;
    width: 20px;
    height: 25px;
    opacity: 1;
    right: 26px; }
  html body.yp .yp-portlet .informationWrapper .informationBody.k-panelbar .k-item .k-link .k-icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #39add2; }
  html body.yp .yp-portlet .informationWrapper .informationBody.k-panelbar .k-item .k-link .k-icon.k-i-arrow-s:before {
    content: "\f0ab"; }
  html body.yp .yp-portlet .informationWrapper .informationBody.k-panelbar .k-item .k-link .k-icon.k-i-arrow-n:before {
    content: "\f0aa"; }
  html body.yp .yp-portlet .informationWrapper .informationBody.k-panelbar .k-item + .k-item {
    margin-top: 9px; }
  html body.yp .yp-portlet .informationWrapper .informationBody.k-panelbar .k-item.information .information-header {
    width: calc(100% - 52px);
    position: relative;
    padding: 26px;
    background-color: #FFF;
    border: 0; }
  html body.yp .yp-portlet .informationWrapper .informationBody.k-panelbar .k-item.information .information-header:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .informationWrapper .informationBody.k-panelbar .k-item.information .information-header > * {
    line-height: normal; }
  html body.yp .yp-portlet .publicity {
    height: auto;
    background-color: rgba(233, 233, 233, 0.7); }
  html body.yp .yp-portlet .publicity .publicityHeader {
    height: 137px;
    position: relative; }
  html body.yp .yp-portlet .publicity .publicityHeader .publicityImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
  html body.yp .yp-portlet .publicity .publicityHeader .publicityImg img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .publicity .publicityHeader .publicityIcon {
    background-color: #39add2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #ececec;
    width: 44px;
    height: 44px;
    text-align: center;
    position: absolute;
    bottom: -22px;
    right: 22px; }
  html body.yp .yp-portlet .publicity .publicityHeader .publicityIcon .glyphicon {
    font-size: 17px;
    line-height: 38px;
    color: #FFF; }
  html body.yp .yp-portlet .publicity .publicityBody {
    padding: 20px 25px; }
  html body.yp .yp-portlet .publicity .publicityBody .publicityTile {
    line-height: 140%;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #666; }
  html body.yp .yp-portlet .publicity .publicityBody .publicityTime {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #999; }
  html body.yp .yp-portlet .publicity .publicityFooter {
    padding: 20px 25px;
    padding-top: 0; }
  html body.yp .yp-portlet .advancedResponsiveCombo {
    padding: 15px; }
  html body.yp .yp-portlet .advancedResponsiveCombo .title {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #39add2;
    margin-bottom: 13px; }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide {
    width: 93px;
    height: 136px;
    position: relative; }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide .responsiveCombo {
    padding: 6px 3px;
    width: 79px;
    height: 113px;
    background-color: #8ccfe5;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -o-transition: all 350ms;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
    overflow: hidden; }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide .responsiveCombo .responsiveComboTitle {
    font-size: 15px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    text-align: center;
    line-height: 130%;
    color: #FFF; }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide .responsiveCombo .responsiveComboDescription {
    font-size: 13px;
    text-align: center;
    color: rgba(255, 255, 255, 0.4); }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide .responsiveCombo .responsiveComboDescription + .responsiveComboDescription {
    color: #fff;
    margin-top: 8px; }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide .responsiveCombo .btn {
    display: none;
    margin: auto;
    width: 53px; }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .responsiveCombo {
    width: 93px;
    height: 136px;
    background-color: #39add2;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    -o-transition: all 350ms;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms; }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .btn {
    display: block; }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .advancedResponsiveComboFooter {
    height: 1px;
    width: 93px;
    margin: 20px auto auto;
    display: block;
    position: relative;
    background-color: #39add2; }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .advancedResponsiveComboFooter .zmdi {
    color: #39add2;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 20px;
    z-index: 2;
    border: 4px solid #FFF; }
  html body.yp .yp-portlet .advancedResponsiveCombo .advancedResponsiveComboWrapper .advancedResponsiveComboFooter .zmdi:before {
    background-color: #FFF; }
  html body.yp .yp-portlet .calendarCard {
    width: 100%; }
  html body.yp .yp-portlet .calendarCard:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .calendarCard .calendarWidget {
    width: calc(100% - 280px);
    height: 100%;
    float: left; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar {
    width: 100%;
    height: 100%;
    border: 0; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header {
    height: 45px;
    background-color: #FFF;
    margin: 0; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link {
    color: #666; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link.k-state-hover {
    background-color: #FFF; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link.k-nav-prev .k-icon {
    background: 0 0; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link.k-nav-prev .k-icon:before {
    content: "\f2fa";
    font: normal normal normal 14px/1 Material-Design-Iconic-Font; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link.k-nav-next .k-icon {
    background: 0 0; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-header .k-link.k-nav-next .k-icon:before {
    content: "\f2fb";
    font: normal normal normal 14px/1 Material-Design-Iconic-Font; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content {
    height: calc(100% - 45px);
    width: calc(100% - 45px);
    float: none;
    margin: auto; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content th {
    text-align: center; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content thead th {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #666; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td {
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-state-selected {
    background-color: #FFF; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-state-selected:before {
    content: "";
    border-radius: 0;
    width: 37px;
    height: 37px;
    background-color: #2b3a61;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-state-selected .k-link {
    position: relative;
    z-index: 2;
    color: #FFF !important; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-state-hover {
    background-color: #FFF;
    border: 0; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-state-focused .k-link {
    outline: -webkit-focus-ring-color auto !important;
    outline-offset: -2px !important; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td .k-link {
    outline: 0 !important; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-today {
    background-color: #FFF; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-content tbody td.k-today .k-link {
    color: #444; }
  html body.yp .yp-portlet .calendarCard .calendarWidget .k-widget.k-calendar .k-footer {
    display: none; }
  html body.yp .yp-portlet .calendarCard .calendarInfo {
    background-color: #2b3a61;
    max-width: 280px;
    height: 100%;
    float: left;
    padding: 15px 30px;
    width: 280px; }
  html body.yp .yp-portlet .calendarCard .calendarInfo .calendarTitle {
    color: rgba(255, 255, 255, 0.88);
    font-size: 23px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    margin-bottom: 20px; }
  html body.yp .yp-portlet .calendarCard .calendarInfo .calendarDate {
    color: rgba(255, 255, 255, 0.88);
    font-size: 30px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    line-height: 32px; }
  html body.yp .yp-portlet .calendarCard .calendarInfo .calendarSeparator {
    width: 100%;
    height: 1px;
    background-color: rgba(235, 238, 240, 0.2);
    margin-top: 15px;
    margin-bottom: 30px; }
  html body.yp .yp-portlet .calendarCard .calendarInfo .calendarLinks .calendarLink {
    color: #f4f4f4;
    font-family: Roboto,sans-serif;
    font-weight: 400; }
  html body.yp .yp-portlet .calendarCard .calendarInfo .calendarLinks .calendarLink .zmdi {
    font-size: 18px;
    margin-right: 15px; }
  html body.yp .yp-portlet .calendarCard .calendarInfo .calendarLinks .calendarLink + .calendarLink {
    margin-top: 18px; }
  html body.yp .yp-portlet .yp-responsive .calendarCard.yp-responsive-always-mobile {
    min-height: 328px;
    height: auto; }
  html body.yp .yp-portlet .yp-responsive .calendarCard.yp-responsive-always-mobile .calendarWidget {
    margin-bottom: 10px;
    width: 100%;
    height: 276px;
    max-width: none; }
  html body.yp .yp-portlet .yp-responsive .calendarCard.yp-responsive-always-mobile .calendarInfo {
    width: 100%;
    max-width: none; }
  html body.yp .yp-portlet .yp-responsive .calendarCard.yp-responsive-always-desktop .calendarWidget {
    height: 325px;
    width: calc(100% - 280px); }
  html body.yp .yp-portlet .yp-responsive .calendarCard.yp-responsive-always-desktop .calendarInfo {
    height: 325px;
    width: 280px; }
  html body.yp .yp-portlet .daterangepicker .daterangepicker_input i {
    display: none; }
  html body.yp .yp-portlet .daterangepicker.rtl select.ampmselect, html body.yp .yp-portlet .daterangepicker.rtl select.hourselect, html body.yp .yp-portlet .daterangepicker.rtl select.minuteselect, html body.yp .yp-portlet .daterangepicker.rtl select.monthselect, html body.yp .yp-portlet .daterangepicker.rtl select.secondselect, html body.yp .yp-portlet .daterangepicker.rtl select.yearselect {
    padding-right: 20px; }
  html body.yp .yp-portlet .show-calendar, html body.yp .yp-portlet .show-calendar .calendar-table {
    background-color: #f5f5f5; }
  html body.yp .yp-portlet .show-calendar select.ampmselect, html body.yp .yp-portlet .show-calendar select.hourselect, html body.yp .yp-portlet .show-calendar select.minuteselect, html body.yp .yp-portlet .show-calendar select.monthselect, html body.yp .yp-portlet .show-calendar select.secondselect, html body.yp .yp-portlet .show-calendar select.yearselect {
    background-color: #f5f5f5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html body.yp .yp-portlet .show-calendar select.monthselect {
    width: 40%; }
  html body.yp .yp-portlet .show-calendar td.off {
    background-color: #f5f5f5; }
  html body.yp .yp-portlet .show-calendar td.active {
    background-color: #39add2; }
  html body.yp .yp-portlet .show-calendar .fa-chevron-left, html body.yp .yp-portlet .show-calendar .fa-chevron-right {
    color: #39add2; }
  html body.yp .yp-portlet .show-calendar input.input-mini {
    display: none; }
  html body.yp .yp-portlet .k-calendar-container .k-content tr td.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px grey !important;
    -moz-box-shadow: inset 0 0 0 1px grey !important;
    box-shadow: inset 0 0 0 1px grey !important;
    background-color: transparent; }
  html body.yp .yp-portlet .k-calendar-container .k-content tr td.k-today {
    background-color: #96be0f;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .yp-portlet .k-calendar-container .k-content tr td.k-state-selected {
    background-color: #39add2;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  html body.yp .yp-portlet .k-calendar-container .k-header, html body.yp .yp-portlet .k-calendar-container .k-header .k-link.k-state-hover {
    background-color: #39add2; }
  html body.yp .yp-portlet .k-calendar-container, html body.yp .yp-portlet .k-calendar-container .k-content, html body.yp .yp-portlet .k-calendar-container .k-content thead tr th, html body.yp .yp-portlet .k-calendar-container .k-footer .k-link {
    background-color: #f5f5f5; }
  html body.yp .yp-portlet .k-grid {
    padding: 0 40px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar {
    background-color: rgba(249, 249, 249, 0.75);
    border-color: #EEE;
    margin: 0 -40px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar {
    padding: 12px 30px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-title {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 23px;
    color: #333;
    float: left; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands {
    float: right;
    position: relative; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .btn {
    float: left; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper {
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    float: left;
    margin-left: 30px;
    background-color: #E9E9E9;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    width: 53px;
    height: 30px;
    position: relative;
    cursor: pointer;
    border: 0; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .search-input {
    display: none;
    border: 0;
    outline: 0 !important; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper {
    width: 53px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi {
    font-size: 15px;
    color: #888;
    line-height: 30px;
    text-align: center;
    display: block; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi.zmdi-close {
    display: none; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .filter-counter {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    background-color: #96BE0F;
    text-align: center;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -4px;
    border-radius: 50px;
    right: 61px;
    font-size: 11px;
    line-height: 15px;
    display: none; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .close-wrapper {
    display: none;
    width: 53px;
    border-left: 1px solid #FFF; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .close-wrapper .zmdi {
    font-size: 15px;
    color: #888;
    line-height: 30px;
    text-align: center;
    display: block; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters {
    width: 108px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters .icon-wrapper {
    float: left; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters .icon-wrapper .filter-counter {
    display: block; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters .close-wrapper {
    float: left;
    display: block; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.open {
    background-color: #39ADD2; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.open + .filterModal {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.open .icon-wrapper .zmdi {
    color: #FFF; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.open .icon-wrapper .zmdi.zmdi-search {
    display: none; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.open .icon-wrapper .zmdi.zmdi-close {
    display: block; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper {
    float: left;
    margin-right: 30px;
    position: relative; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-icon {
    width: 16px;
    padding: 8px;
    cursor: pointer; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-icon .columnMenu-bar {
    width: 16px;
    height: 2px;
    background-color: #8D8D8D; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-icon .columnMenu-bar + .columnMenu-bar {
    margin-top: 3px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-icon .zmdi-filter-list {
    color: #8D8D8D;
    line-height: 16px;
    font-size: 21px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options {
    position: absolute;
    background-color: #FFF;
    padding: 15px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
    width: 150px;
    z-index: 4;
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options .columnMenu-option {
    padding: 5px 0;
    color: #666;
    min-height: 21px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options .columnMenu-option input[type=checkbox] {
    margin-right: 5px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options .columnMenu-option input[type=checkbox]:checked:before {
    width: 4px;
    height: 10px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options .columnMenu-option .checkbox-elt-wrapper {
    float: left; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options .columnMenu-option .checkbox-elt-wrapper + label {
    margin-bottom: 0;
    float: left;
    height: 20px;
    line-height: 20px;
    padding-left: 10px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper.open .columnMenu-options {
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1); }
  html body.yp .yp-portlet .k-grid .k-grid-header {
    padding: 0;
    border-color: #f2f2f2;
    background-color: #FFF; }
  html body.yp .yp-portlet .k-grid .k-grid-header .k-grid-header-wrap {
    border-right: 0 none; }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header {
    background-color: #FFF;
    position: relative;
    padding: 18px 1.286em !important;
    border-color: #f2f2f2; }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header.col-icon {
    text-align: center; }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header.col-icon .k-header-column-menu {
    right: 25%; }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header > .k-link {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #666;
    padding: 10px 0; }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header .k-header-column-menu {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    margin-top: 0;
    outline: 0 !important;
    right: 0; }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header.k-hierarchy-cell {
    visibility: hidden; }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header.k-state-focused {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: #999 dotted 1px;
    outline-offset: -2px; }
  html body.yp .yp-portlet .k-grid .k-grid-content {
    overflow-y: visible; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td {
    position: relative;
    line-height: 15px;
    box-sizing: border-box;
    padding: 18px 1.286em;
    border-color: #f2f2f2; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.col-icon {
    text-align: center; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.col-icon.main-c .zmdi {
    color: #96BE0F;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.col-icon .zmdi {
    font-size: 18px;
    color: #444; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.col-icon .zmdi.zmdi-delete {
    cursor: pointer; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .k-grid .k-grid-content table tr td.col-icon .zmdi:hover {
      -o-transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      transition: all .5s;
      opacity: .6; } }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td .element-action-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.overflow-visible {
    overflow: visible; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.overflow-visible .tooltip-wrapper .tooltip-box {
    bottom: 33px; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.k-state-focused {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: #999 dotted 1px;
    outline-offset: -1px; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.k-hierarchy-cell {
    position: relative; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon {
    background: 0 0;
    text-decoration: none !important;
    position: relative; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon:after {
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 25px;
    color: #333;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon.k-plus:after {
    content: "\f278"; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon.k-minus:after {
    content: "\f273"; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=image] {
    padding-left: 10px;
    padding-right: 10px; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=image] .list-image {
    width: 55px;
    height: 55px;
    overflow: hidden;
    position: relative; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=image] .list-image img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=checkbox] {
    padding-left: 10px;
    padding-right: 10px; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=checkbox] .checkbox:after {
    margin-right: 0; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=hyperlink] * {
    cursor: pointer; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=hyperlink] a {
    text-decoration: none !important;
    -o-transition: opacity 350ms;
    -webkit-transition: opacity 350ms;
    -moz-transition: opacity 350ms;
    transition: opacity 350ms; }
  @media (min-width: 679px) {
    html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=hyperlink] a:hover {
      opacity: .7;
      -o-transition: opacity 350ms;
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      transition: opacity 350ms; } }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=icon] {
    padding-left: 10px;
    padding-right: 10px; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=icon] > .icon-wrapper .zmdi {
    font-size: 20px;
    color: #333; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=icon] > .icon-wrapper.icon-primary .zmdi {
    color: #96be0f; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=icon] > .icon-wrapper.icon-secondary .zmdi {
    color: #39add2; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td .hasDot {
    position: relative; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td .hasDot:before {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
    left: -13px;
    margin-top: 0; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-state-selected {
    background-color: #ebebeb;
    color: inherit; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-state-selected td {
    background-color: #ebebeb;
    border-color: inherit; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-state-selected:hover {
    background-color: #ebebeb; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-state-selected:hover td {
    background-color: #ebebeb;
    border-color: inherit; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell {
    padding: 40px 0 0; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Listing {
    float: left;
    margin-right: 60px; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Listing .gridDetail_Text {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #777; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Listing .gridDetail_Text + .gridDetail_Text {
    margin-top: 18px; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Separator {
    float: left;
    margin-right: 60px; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Separator .dottedLine {
    background-image: url(../images/processDottedLine.png);
    background-repeat: repeat-y;
    width: 3px;
    min-height: 181px;
    height: 100%; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell .gridDetail_Chart {
    width: calc(100% - 348px);
    float: left; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-master-row.expanded, html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-master-row.expanded + .k-detail-row {
    background-color: rgba(245, 249, 252, 0.77); }
  html body.yp .yp-portlet .k-grid .k-grid-content.swiper-container {
    overflow-y: hidden;
    max-height: none;
    height: 540px; }
  html body.yp .yp-portlet .k-grid .k-grid-content.swiper-container table.swiper-wrapper tbody.swiper-slide {
    height: auto; }
  html body.yp .yp-portlet .k-grid .k-grid-content.mCustomScrollbar .mCSB_scrollTools {
    overflow: hidden; }
  html body.yp .yp-portlet .k-grid .k-pager-wrap {
    /*     margin: 4px -40px 0; */
    background-color: #FFF; }
  html body.yp .yp-portlet .k-grid .k-pager-wrap .k-pager-numbers .k-state-selected {
    color: #96BE0F;
    border-color: #96BE0F transparent transparent; }
  html body.yp .yp-portlet .k-grid .k-pager-wrap .k-pager-nav.k-pager-first, html body.yp .yp-portlet .k-grid .k-pager-wrap .k-pager-nav.k-pager-last {
    display: none; }
  html body.yp .yp-portlet .k-grid .checkbox:after {
    border: 1px solid #CCC;
    -webkit-border-radius: 4%;
    -moz-border-radius: 4%;
    border-radius: 4%;
    width: 20px;
    height: 20px; }
  html body.yp .yp-portlet .k-grid .checkbox:checked:before {
    top: 2px;
    left: 7px;
    width: 3px;
    height: 9px;
    border: 3px solid #666;
    border-top-width: 0;
    border-left-width: 0; }
  html body.yp .yp-portlet .k-grid .checkbox:checked:after {
    background-color: #ebebeb;
    border-color: #666; }
  html body.yp .yp-portlet .k-grid.has-header-column-menu .k-grid-header th.k-header {
    padding-right: 35px; }
  html body.yp .yp-portlet .k-grid:not(.has-header-column-menu) .k-grid-header th.k-header {
    padding: 20px 0;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #666; }
  html body.yp .yp-portlet .table-wrapper .k-grid {
    border: 0; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .table-wrapper {
      padding: 0; }
    html body.yp .yp-portlet .table-wrapper .k-grid + .content-buttons-center {
      display: inline-block;
      margin-top: 15px;
      width: 100%; }
    html body.yp .yp-portlet .table-wrapper .k-grid + .content-buttons-center .btn {
      font-size: 12px; }
    html body.yp .yp-portlet .table-wrapper .k-grid + .content-buttons-center .btn:nth-last-child(2), html body.yp .yp-portlet .table-wrapper .k-grid + .content-buttons-center .btn:nth-last-child(2) ~ .btn {
      width: calc((100% - 34px) / 2);
      clear: none; }
    html body.yp .yp-portlet .table-wrapper .k-grid + .content-buttons-center .btn:nth-last-child(2) ~ .btn {
      margin-left: 10px !important; } }
  html body.yp .yp-portlet .kendoGrid {
    max-width: none; }
  html body.yp .yp-portlet .bluelabel {
    color: #39add2; }
  html body.yp .yp-portlet .hasDot:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    float: left;
    margin: 8px 18px 0 0; }
  html body.yp .yp-portlet .hasDot.greenDot:before {
    background: #addb11; }
  html body.yp .yp-portlet .hasDot.redDot {
    color: #ef6262; }
  html body.yp .yp-portlet .hasDot.redDot:before {
    background: #ef6262; }
  html body.yp .yp-portlet .k-grid .checked::before {
    content: '\f058';
    font-family: FontAwesome;
    font-size: 18px;
    color: #96be0f;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid {
    padding: 0; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid tr:hover:not(.k-state-selected) {
    background-color: transparent; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid tr.k-state-selected {
    background-color: rgba(250, 206, 206, 0.22) !important; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid tr td {
    background-color: transparent !important; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-header, html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grouping-header {
    display: none; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table {
    display: block;
    width: 100% !important; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody {
    display: block;
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr {
    display: block;
    height: auto;
    border-bottom: 1px solid #eee;
    padding: 20px 45px 20px 0;
    position: relative; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td {
    display: block;
    width: 100%;
    border: 0;
    padding-top: 0;
    padding-bottom: 0; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[title]:before {
    content: attr(title) ": ";
    font-family: Roboto,sans-serif;
    font-weight: 700;
    display: block;
    position: relative;
    margin-right: 5px;
    float: left; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role][data-grid-role=checkbox] {
    right: 0;
    width: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    height: 20px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role][data-grid-role=checkbox] .checkbox,
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role][data-grid-role=checkbox] .checkbox:after {
    margin-top: 0; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role][data-grid-role=actions] {
    position: absolute;
    width: 8px;
    height: 25px;
    right: 45px;
    top: 6px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role=image], html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role=icon] {
    padding-left: 1.286em; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role=icon]:before {
    line-height: 20px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td[data-grid-role=checkbox] {
    padding-left: 1.286em; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td .hasDot {
    position: relative;
    padding-left: 0; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td .hasDot:before {
    position: relative;
    margin-top: 4px;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    left: 0; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr td + td {
    margin-top: 10px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr.k-detail-row .k-detail-cell {
    padding-top: 20px;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr.k-detail-row .k-detail-cell .gridDetail_Listing {
    margin: 0;
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr.k-detail-row .k-detail-cell .gridDetail_Separator {
    width: 100%;
    margin: 30px 0; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr.k-detail-row .k-detail-cell .gridDetail_Separator .dottedLine {
    background-image: url(../images/processDottedLineHR.png);
    background-repeat: repeat-x;
    height: 3px;
    min-height: 0;
    min-width: 181px;
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content table tbody tr.k-detail-row .k-detail-cell .gridDetail_Chart {
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-toolbar .toolbar {
    padding: 19px 0; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-toolbar .toolbar .toolbar-title {
    clear: both;
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-toolbar .toolbar .toolbar-commands {
    clear: both;
    width: 100%;
    margin-top: 15px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-header {
    margin: 0;
    padding: 0 15px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-header .toolbar .toolbar-commands {
    width: auto; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-header .toolbar .toolbar-commands .columnMenu-wrapper {
    margin-right: 10px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-header .toolbar .toolbar-commands .search-wrapper {
    margin-left: 10px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-grid-content {
    overflow: scroll;
    max-height: 374px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-pager-wrap {
    margin: 0; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-pager-wrap .k-pager-info {
    display: block; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .k-pager-wrap .k-pager-refresh {
    display: block;
    margin-right: 10px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .k-grid .hasDot:before {
    margin-top: 4px;
    margin-right: 6px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal {
    width: 90%;
    right: 5%; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .row {
    padding-left: 20px;
    padding-right: 20px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .row .wrapper-sub-section .form-group {
    width: 100%; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .row .wrapper-sub-section .form-group:nth-child(2n) {
    margin-left: 0;
    margin-top: 10px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .filterModalFooter {
    padding: 20px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .filterModalFooter .btn {
    width: calc(50% - 10px);
    margin-left: 0; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-mobile .filterModal .filterModalFooter .btn:first-child {
    margin-right: 10px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-desktop .k-grid .k-grid-content {
    padding-bottom: 20px; }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-desktop .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  html body.yp .yp-portlet .yp-responsive .kendoGrid.yp-responsive-always-desktop .k-grid tr:hover {
    background-color: rgba(250, 206, 206, 0.22) !important; }
  html body.yp .yp-portlet .filterModal {
    padding-top: 30px;
    position: absolute;
    /*     width: 526px; */
    min-width: 400px;
    height: auto;
    background-color: #f5f5f5;
    border: 2px solid #fff;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 5;
    right: 0;
    top: 45px;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 0;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0); }
  html body.yp .yp-portlet .yp-responsive[min-width~="993px"] .kendoGrid .filterModal.filterModal-small {
    width: 30%; }
  html body.yp .yp-portlet .yp-responsive[min-width~="993px"] .kendoGrid .filterModal.filterModal-medium {
    width: 60%; }
  html body.yp .yp-portlet .yp-responsive[min-width~="993px"] .kendoGrid .filterModal.filterModal-large {
    width: 90%; }
  html body.yp .yp-portlet .filterModal .box-dialog .title-sub-section {
    margin-bottom: 5px; }
  html body.yp .yp-portlet .filterModal .box-dialog .row {
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 0;
    margin-right: 0; }
  html body.yp .yp-portlet .filterModal .box-dialog .row + .row {
    margin-top: 15px; }
  html body.yp .yp-portlet .filterModal .row .wrapper-sub-section:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .filterModal .row .wrapper-sub-section .form-group {
    width: calc(50% - 10px);
    float: left;
    margin-left: 0; }
  html body.yp .yp-portlet .filterModal .row .wrapper-sub-section .form-group:nth-child(2n) {
    margin-left: 20px; }
  html body.yp .yp-portlet .filterModal .row .wrapper-sub-section .form-group:nth-child(n+3) {
    margin-top: 15px; }
  html body.yp .yp-portlet .filterModal .row .wrapper-sub-section .form-group:only-child {
    width: 100%;
    float: none;
    max-width: none; }
  html body.yp .yp-portlet .filterModal .row .wrapper-sub-section:last-child {
    margin-bottom: 15px; }
  html body.yp .yp-portlet .filterModal .row .title-sub-section {
    font-size: 13px;
    color: #666; }
  html body.yp .yp-portlet .filterModal .row.filteringRow .wrapper-sub-section:nth-child(4) ~ .title-sub-section {
    margin-top: 15px; }
  html body.yp .yp-portlet .filterModal .filterModalFooter {
    border-top: 1px solid #FFF;
    width: 100%;
    padding: 20px 0; }
  html body.yp .yp-portlet .filterModal .filterModalFooter:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .filterModal .filterModalFooter .btn {
    height: 25px;
    width: 148px; }
  html body.yp .yp-portlet .filterModal .filterModalFooter .btn .btn-text {
    line-height: 15px; }
  html body.yp .yp-portlet .filterModal .filterModalFooter .btn:first-child {
    margin-left: 40px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .filterModal {
      width: 100% !important;
      right: 0 !important;
      top: 114px !important;
      max-height: calc(100% - 292px);
      overflow: scroll; }
    html body.yp .yp-portlet .filterModal .box-dialog .row {
      padding-left: 10px;
      padding-right: 10px; }
    html body.yp .yp-portlet .filterModal .box-dialog .row .form-group {
      width: 100%;
      margin-left: 0 !important;
      max-width: none; }
    html body.yp .yp-portlet .filterModal .box-dialog .row .form-group .controls-wrapper {
      max-width: none; }
    html body.yp .yp-portlet .filterModal .box-dialog .row .form-group + .form-group {
      margin-top: 10px; }
    html body.yp .yp-portlet .filterModal .filterModalFooter .btn {
      height: initial;
      width: initial; } }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .filterModal {
      position: fixed;
      width: 90% !important;
      right: 5% !important;
      top: 80px !important;
      max-height: calc(100% - 100px);
      z-index: 50; } }
  html body.yp .yp-portlet .filterModal .form-control:focus, html body.yp .yp-portlet .filterModal .k-widget:focus {
    -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.25); }
  html body.yp .yp-portlet .filterModal-box-close {
    background-color: #39add2;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    width: 53px;
    position: fixed;
    height: 30px;
    top: 40px;
    right: 5%;
    cursor: pointer;
    z-index: 50;
    display: none; }
  html body.yp .yp-portlet .filterModal-box-close .zmdi-close {
    color: #FFF;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    display: block; }
  html body.yp .yp-portlet .kendoGrid-form-control {
    position: relative; }
  html body.yp .yp-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper {
    background-color: #39ADD2; }
  html body.yp .yp-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi {
    color: #FFF; }
  html body.yp .yp-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi.zmdi-search {
    display: none; }
  html body.yp .yp-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi.zmdi-close {
    display: block; }
  html body.yp .yp-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters {
    width: 53px; }
  html body.yp .yp-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters .close-wrapper, html body.yp .yp-portlet .k-grid.open_filter .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper.hasFilters .filter-counter {
    display: none; }
  html body.yp .yp-portlet .k-grid.open_filter + .filterModal {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    top: 70px;
    right: 35px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .k-grid.open_filter + .filterModal + .filterModal-box-close {
      display: block; } }
  html body.yp .yp-portlet .staticGrid .staticRow .label-bold .label-normal {
    max-width: 32px; }
  html body.yp .yp-portlet .mCustomScrollbar .mCSB_scrollTools {
    width: 49px;
    opacity: 1 !important; }
  html body.yp .yp-portlet .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger {
    height: 130px; }
  html body.yp .yp-portlet .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    width: 36px;
    background-color: rgba(239, 239, 239, 0.68);
    background-image: url(../images/scrollbar_bg.png);
    background-position: cover;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    position: relative; }
  html body.yp .yp-portlet .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar:before {
    content: "\f2f8";
    font-family: Material-Design-Iconic-Font;
    font-size: 20px;
    position: absolute;
    top: 23px;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 12px; }
  html body.yp .yp-portlet .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar:after {
    content: "\f2f2";
    font-family: Material-Design-Iconic-Font;
    font-size: 20px;
    position: absolute;
    bottom: 23px;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 12px; }
  html body.yp .yp-portlet html.k-ie body .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper.open .columnMenu-options {
    display: block;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none; }
  html body.yp .yp-portlet html.k-ie body .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options {
    display: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none; }
  html body.yp .yp-portlet html.k-ie body .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options input[type=checkbox] {
    margin-bottom: -2px;
    margin-top: 1px; }
  html body.yp .yp-portlet html.k-ie body .k-grid .k-grid-toolbar .toolbar .toolbar-commands .columnMenu-wrapper .columnMenu-options label {
    margin-bottom: 0;
    margin-top: 4px; }
  html body.yp .yp-portlet html.k-ie body .k-grid .k-grid-content table {
    overflow: hidden; }
  html body.yp .yp-portlet html.k-ie body .k-grid .k-grid-content table tr td .element-action-wrapper {
    top: 0;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    text-align: center;
    width: 100%;
    display: inline-block; }
  html body.yp .yp-portlet html.k-ie body .k-grid .checked::before {
    top: 0;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    text-align: center;
    width: 100%;
    display: inline-block;
    left: auto;
    right: auto; }
  html body.yp .yp-portlet html.k-ie body .yp-responsive .kendoGrid.yp-responsive-always-desktop .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon {
    position: relative;
    display: inline; }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid {
    margin: 20px auto auto;
    position: relative;
    background-color: #fbfbfb;
    -webkit-box-shadow: 0 2px 0 0 #a3a5a4;
    -moz-box-shadow: 0 2px 0 0 #a3a5a4;
    box-shadow: 0 2px 0 0 #a3a5a4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid .close {
    position: absolute;
    color: rgba(244, 244, 244, 0.5);
    font-size: 16px;
    right: -25px;
    top: -7px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    z-index: 10; }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    list-style: none;
    padding: 7px; }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key {
    display: inline-block;
    float: left;
    text-align: center;
    border: 1px solid #DDD;
    cursor: pointer;
    color: #0c0c0c; }
  @media (min-width: 769px) {
    html body.yp .yp-portlet .loginGridWrapper .loginGrid .loginGrid_Canvas .login_keyboard_keys_wrapper .login_keyboard_key:hover {
      color: rgba(12, 12, 12, 0.5);
      -o-transition: color 350ms;
      -webkit-transition: color 350ms;
      -moz-transition: color 350ms;
      transition: color 350ms; } }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_only {
    width: 171px;
    height: 171px; }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key {
    width: 39px;
    height: 39px;
    line-height: 39px; }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+4) {
    border-top-width: 0; }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+4) {
    border-bottom-width: 0; }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(4n) {
    border-right-width: 0; }
  html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(4n+1) {
    border-left-width: 0; }
  @media (min-width: 561px) {
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only {
      width: 291px;
      height: 291px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+7) {
      border-top-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+7) {
      border-bottom-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n) {
      border-right-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(7n+1) {
      border-left-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar {
      width: 460px;
      height: 460px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper {
      padding: 16px 15px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+11) {
      border-top-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+11) {
      border-bottom-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n) {
      border-right-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(11n+1) {
      border-left-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 {
      width: 420px;
      height: 420px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper {
      padding: 16px 15px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+10) {
      border-top-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+10) {
      border-bottom-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(10n) {
      border-right-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(10n+1) {
      border-left-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 {
      width: 381px;
      height: 381px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper {
      padding: 16px 15px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+9) {
      border-top-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+9) {
      border-bottom-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(9n) {
      border-right-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(9n+1) {
      border-left-width: 0; } }
  @media (max-width: 560px) {
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only {
      width: 250px;
      height: 370px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_Capital_only .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar {
      width: 250px;
      height: 840px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.digits_letters_specialChar .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 {
      width: 250px;
      height: 681px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size10x10 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 {
      width: 250px;
      height: 564px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper {
      padding: 9px 7px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key {
      width: 39px;
      height: 39px;
      line-height: 39px; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(-n+6) {
      border-top-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-last-child(-n+6) {
      border-bottom-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n) {
      border-right-width: 0; }
    html body.yp .yp-portlet .loginGridWrapper .loginGrid.size9x9 .login_keyboard_keys_wrapper .login_keyboard_key:nth-child(6n+1) {
      border-left-width: 0; } }
  html body.yp .yp-portlet .alert-wrapper {
    background-color: #f5f5f5;
    border: 2px solid #fff;
    position: absolute;
    width: 371px;
    height: 448px;
    padding: 40px 10px 30px;
    right: 0;
    top: 46px;
    z-index: 2; }
  html body.yp .yp-portlet .alert-wrapper .swiper-container {
    height: 100%;
    padding: 0 10px; }
  html body.yp .yp-portlet .alert-wrapper .swiper-container .swiper-wrapper .swiper-slide {
    height: auto; }
  html body.yp .yp-portlet .alert-wrapper .alertNotification {
    height: 149px;
    width: 100%;
    padding-right: 33px; }
  html body.yp .yp-portlet .alert-wrapper .alertNotification:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .alert-wrapper .alertNotification.unread .alert-title:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    float: left;
    margin: 8px 18px 0 0;
    background-color: #96be0f;
    position: absolute;
    left: -33px; }
  html body.yp .yp-portlet .alert-wrapper .alertNotification .alert-title {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #666;
    font-size: 13px;
    text-align: left;
    float: left;
    clear: both;
    margin-left: 33px;
    position: relative; }
  html body.yp .yp-portlet .alert-wrapper .alertNotification .alert-time {
    color: #96be0f;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    float: left;
    clear: both;
    margin-top: -1px;
    margin-left: 33px;
    position: relative; }
  html body.yp .yp-portlet .alert-wrapper .alertNotification .alert-description {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    text-align: left;
    float: left;
    clear: both;
    line-height: 160%;
    margin-left: 33px;
    position: relative; }
  html body.yp .yp-portlet .alert-wrapper .alertNotification .alert-separator {
    background-image: url(../images/alertNotificationDottedLine.png);
    height: 2px;
    background-repeat: repeat-x;
    margin: 26px 0 26px 33px;
    float: left;
    width: calc(100% - 33px);
    position: relative; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .alert-wrapper {
      width: 305px;
      padding: 15px 20px 15px 15px; } }
  html body.yp .yp-portlet .small-form {
    background-color: rgba(233, 233, 233, 0.7);
    padding: 27px 20px 25px; }
  html body.yp .yp-portlet .small-form .form-group .control-label {
    margin-bottom: 0; }
  html body.yp .yp-portlet .small-form .form-group .form-group, html body.yp .yp-portlet .small-form .form-group .form-control {
    height: 33px; }
  html body.yp .yp-portlet .small-form .form-group .form-group .controls .controls-wrapper .k-widget {
    height: 33px;
    border: 0; }
  html body.yp .yp-portlet .small-form .form-group .form-group .controls .controls-wrapper .k-widget .k-multiselect-wrap {
    height: 100%; }
  html body.yp .yp-portlet .small-form .btn {
    margin-top: 35px; }
  html body.yp .yp-portlet .card {
    border-bottom: 3px solid #E3E4E8; }
  html body.yp .yp-portlet .card .card-header {
    height: 60px; }
  html body.yp .yp-portlet .card .card-header:after {
    content: "";
    display: table;
    clear: both; }
  html body.yp .yp-portlet .card .card-header .card-title {
    padding: 14px 0;
    float: left; }
  html body.yp .yp-portlet .card .card-header .card-title .title-page {
    margin: 0; }
  html body.yp .yp-portlet .card .card-header .card-action {
    float: right;
    padding: 11px 0; }
  html body.yp .yp-portlet .card .card-header .card-action .form-group {
    margin: 3px 0; }
  html body.yp .yp-portlet .card .card-header .card-action .form-group {
    max-width: none; }
  html body.yp .yp-portlet .card .card-header .card-action .form-group.select-group .controls-wrapper {
    border: 0;
    background: 0 0; }
  html body.yp .yp-portlet .card .card-header .card-action .form-group.select-group .controls-wrapper select {
    padding-right: 15px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #666; }
  html body.yp .yp-portlet .card .card-header .card-action .form-group.select-group .controls-wrapper .arrow-simulator {
    right: 0; }
  html body.yp .yp-portlet .card .card-header .card-action .form-group.dateRange-group .controls-wrapper {
    border: 0;
    background: 0 0;
    max-width: none; }
  html body.yp .yp-portlet .card .card-header .card-action .form-group.dateRange-group .controls-wrapper .dateRange-wrapper {
    width: auto; }
  html body.yp .yp-portlet .card .card-header .card-action .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .form-control {
    background: 0 0;
    width: auto;
    padding: 0 23px 0 0;
    min-width: 190px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px; }
  html body.yp .yp-portlet .card .card-header .card-action .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .glyphicon {
    right: 0;
    pointer-events: none; }
  html body.yp .yp-portlet .card .card-header.bg-white {
    background-color: #FFF;
    padding: 0 15px; }
  html body.yp .yp-portlet .card .card-header.w-line {
    border-bottom: 1px solid #EBEEF0; }
  html body.yp .yp-portlet .card.prevCard-outerHeader {
    margin-top: 60px; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .card .card-header {
      height: auto;
      padding-bottom: 10px; }
    html body.yp .yp-portlet .card .card-header .card-title {
      padding: 0; }
    html body.yp .yp-portlet .card .card-header .card-action {
      float: left;
      padding: 0; }
    html body.yp .yp-portlet .card .card-header .card-action .form-group .controls-wrapper {
      height: 21px; } }
  html body.yp .yp-portlet .generalError {
    width: 100%;
    min-height: 55px;
    background-color: rgba(250, 206, 206, 0.3);
    padding: 14px 42px;
    display: none; }
  html body.yp .yp-portlet .generalError .fa-exclamation-triangle {
    color: #eb5f5f;
    margin-right: 21px;
    font-size: 23px;
    vertical-align: top;
    line-height: 42px; }
  html body.yp .yp-portlet .generalError .generalErrorTextWrapper {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    width: calc(100% - 50px); }
  html body.yp .yp-portlet .generalError .generalErrorTextWrapper .generalErrorText {
    color: #eb5f5f;
    font-size: 23px;
    font-family: Roboto,sans-serif;
    font-weight: 300; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .generalError {
      padding: 7px 20px; }
    html body.yp .yp-portlet .generalError .generalErrorTextWrapper .generalErrorText {
      font-size: 15px; }
    html body.yp .yp-portlet .generalError .generalErrorTextWrapper .generalErrorText + .generalErrorText {
      margin-top: 10px; } }
  html body.yp .yp-portlet .Page404 {
    background-color: #F4F4F4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    position: relative; }
  html body.yp .yp-portlet .Page404 .page-title {
    font-size: 250px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    color: rgba(153, 153, 153, 0.5);
    text-align: center;
    position: relative; }
  html body.yp .yp-portlet .Page404 .page-description {
    font-size: 20px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    color: #333;
    text-align: center;
    position: relative;
    margin-top: -103px; }
  html body.yp .yp-portlet .Page404 .page-separator {
    width: 90%;
    max-width: 1198px;
    height: 2px;
    position: relative;
    margin-top: 37px;
    margin-left: auto;
    margin-right: auto; }
  html body.yp .yp-portlet .Page404 .page-separator:before {
    background-color: rgba(45, 60, 75, 0.1);
    height: 1px;
    width: 100%;
    content: "";
    position: absolute; }
  html body.yp .yp-portlet .Page404 .page-separator:after {
    background-color: rgba(255, 255, 255, 0.9);
    height: 1px;
    width: 100%;
    content: "";
    position: absolute;
    top: 1px; }
  html body.yp .yp-portlet .Page404 .page-button {
    margin-top: 53px;
    text-align: center; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .Page404 .page-title {
      font-size: 50px; }
    html body.yp .yp-portlet .Page404 .page-description {
      font-size: 18px;
      margin-top: 0; }
    html body.yp .yp-portlet .Page404 .page-button, html body.yp .yp-portlet .Page404 .page-separator {
      margin-top: 15px; } }
  html body.yp .yp-portlet html.k-ie .Page404, html body.yp .yp-portlet html.k-safari .Page404 {
    display: block; }
  html body.yp .yp-portlet .checkbox input[type=checkbox], html body.yp .yp-portlet .checkbox-inline input[type=checkbox], html body.yp .yp-portlet input[type=checkbox] {
    margin-bottom: 0; }
  html body.yp .yp-portlet .k-combobox > .k-dropdown-wrap > .k-i-close, html body.yp .yp-portlet .k-multiselect > .k-multiselect-wrap > .k-i-close {
    display: none !important; }

@-moz-document url-prefix() {
  html body.yp .yp-portlet html body {
    position: relative; }
  html body.yp .yp-portlet html body .form-group.radioListing .controls-wrapper .radio label .radio-input, html body.yp .yp-portlet html body .form-group.radioListing .controls-wrapper .radio label .radio-input {
    margin-top: 5px; }
  html body.yp .yp-portlet html body .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio label .radio-input, html body.yp .yp-portlet html body .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio label .radio-input {
    margin-top: 2px; }
  html body.yp .yp-portlet html body .radio-elt-wrapper > label > span, html body.yp .yp-portlet html body .radio-elt-wrapper > label > span > span {
    width: 19px;
    height: 19px; }
  html body.yp .yp-portlet html body .btn:focus, html body.yp .yp-portlet html body div:focus {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .yp-portlet html body div:focus[role=dialog], html body.yp .yp-portlet html body div:focus[role=tablist] {
    outline: 0 !important; }
  html body.yp .yp-portlet html body .checkbox-elt-wrapper > input:focus + label > span, html body.yp .yp-portlet html body .radio-elt-wrapper > input:focus + label > span {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .yp-portlet html body .k-animation-container .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller, html body.yp .yp-portlet html body .k-animation-container .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller, html body.yp .yp-portlet html body .k-animation-container .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller, html body.yp .yp-portlet html body .k-animation-container .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller {
    padding-right: 17px; }
  html body.yp .yp-portlet html body .k-animation-container .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list, html body.yp .yp-portlet html body .k-animation-container .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list, html body.yp .yp-portlet html body .k-animation-container .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-desktop .k-list-scroller .k-list, html body.yp .yp-portlet html body .k-animation-container .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-desktop-view .k-list-scroller .k-list {
    width: calc(100% + 17px); } }
  html body.yp .yp-portlet html.k-ie body {
    position: relative; }
  html body.yp .yp-portlet html.k-ie body.homepage {
    overflow: hidden; }
  html body.yp .yp-portlet html.k-ie body input::-ms-clear {
    display: none; }
  html body.yp .yp-portlet html.k-ie body .form-group.radioListing .controls-wrapper .radio label .radio-input, html body.yp .yp-portlet html.k-ie body .form-group.radioListing .controls-wrapper .radio label .radio-input {
    margin-top: 5px; }
  html body.yp .yp-portlet html.k-ie body .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio label .radio-input, html body.yp .yp-portlet html.k-ie body .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio label .radio-input {
    margin-top: 2px; }
  html body.yp .yp-portlet html.k-ie body .btn:focus, html body.yp .yp-portlet html.k-ie body div:focus {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .yp-portlet html.k-ie body div:focus[role=dialog], html body.yp .yp-portlet html.k-ie body div:focus[role=tablist] {
    outline: 0 !important; }
  html body.yp .yp-portlet html.k-ie body .checkbox-elt-wrapper > input:focus + label > span, html body.yp .yp-portlet html.k-ie body .radio-elt-wrapper > input:focus + label > span {
    outline: #999 dotted 1px !important;
    outline-offset: 0 !important; }
  html body.yp .yp-portlet html.k-ie body .k-block, html body.yp .yp-portlet html.k-ie body .k-button, html body.yp .yp-portlet html.k-ie body .k-draghandle, html body.yp .yp-portlet html.k-ie body .k-grid-header, html body.yp .yp-portlet html.k-ie body .k-grouping-header, html body.yp .yp-portlet html.k-ie body .k-header, html body.yp .yp-portlet html.k-ie body .k-pager-wrap, html body.yp .yp-portlet html.k-ie body .k-toolbar, html body.yp .yp-portlet html.k-ie body .k-treemap-tile, html body.yp .yp-portlet html.k-ie body .km-pane-wrapper .k-header {
    background-color: transparent; }
  html body.yp .yp-portlet .generalError {
    width: 100%;
    min-height: 55px;
    background-color: generalErrorBg; }
  html body.yp .yp-portlet .generalError .fa-exclamation-triangle, html body.yp .yp-portlet .generalError .generalErrorText {
    color: generalErrorC; }
  html body.yp .yp-portlet .mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */ }
  html body.yp .yp-portlet .mCustomScrollbar.mCS_no_scrollbar, html body.yp .yp-portlet .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto; }
  html body.yp .yp-portlet .mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr; }
  html body.yp .yp-portlet .mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto; }
  html body.yp .yp-portlet .mCSB_inside > .mCSB_container {
    margin-right: 30px; }
  html body.yp .yp-portlet .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0; }
  html body.yp .yp-portlet .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px; }
  html body.yp .yp-portlet .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0; }
  html body.yp .yp-portlet .mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0; }
  html body.yp .yp-portlet .mCSB_outside + .mCSB_scrollTools {
    right: -26px; }
  html body.yp .yp-portlet .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
  html body.yp .yp-portlet .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0; }
  html body.yp .yp-portlet .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto; }
  html body.yp .yp-portlet .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center; }
  html body.yp .yp-portlet .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */ }
  html body.yp .yp-portlet .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  html body.yp .yp-portlet .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */ }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonUp,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0; }
  html body.yp .yp-portlet .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px; }
  html body.yp .yp-portlet .mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%; }
  html body.yp .yp-portlet .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0; }
  html body.yp .yp-portlet .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0; }
  html body.yp .yp-portlet .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  html body.yp .yp-portlet .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px; }
  html body.yp .yp-portlet .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px; }
  html body.yp .yp-portlet .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0; }
  html body.yp .yp-portlet .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0; }
  html body.yp .yp-portlet .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto; }
  html body.yp .yp-portlet .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto; }
  html body.yp .yp-portlet .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  html body.yp .yp-portlet .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0; }
  html body.yp .yp-portlet .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
  html body.yp .yp-portlet .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer; }
  html body.yp .yp-portlet .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0; }
  html body.yp .yp-portlet .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0; }
  html body.yp .yp-portlet .mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px; }
  html body.yp .yp-portlet .mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px; }
  html body.yp .yp-portlet .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px; }
  html body.yp .yp-portlet .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0; }
  html body.yp .yp-portlet .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  html body.yp .yp-portlet .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0; }
  html body.yp .yp-portlet .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px; }
  html body.yp .yp-portlet .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0; }
  html body.yp .yp-portlet .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px; }
  html body.yp .yp-portlet .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0; }
  html body.yp .yp-portlet .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0; }
  html body.yp .yp-portlet .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0; }
  html body.yp .yp-portlet .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0; }
  html body.yp .yp-portlet .mCSB_scrollTools,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonUp,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonDown,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonLeft,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }
  html body.yp .yp-portlet .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
  html body.yp .yp-portlet .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }
  html body.yp .yp-portlet .mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; }
  html body.yp .yp-portlet .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
  html body.yp .yp-portlet .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"; }
  html body.yp .yp-portlet .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  html body.yp .yp-portlet .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  html body.yp .yp-portlet .mCustomScrollBox:hover > .mCSB_scrollTools,
  html body.yp .yp-portlet .mCustomScrollBox:hover ~ .mCSB_scrollTools,
  html body.yp .yp-portlet .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
  html body.yp .yp-portlet .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonUp,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonDown,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonLeft,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonUp:hover,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonDown:hover,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonLeft:hover,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; }
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonUp:active,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonDown:active,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonLeft:active,
  html body.yp .yp-portlet .mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"; }
  html body.yp .yp-portlet .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15); }
  html body.yp .yp-portlet .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75); }
  html body.yp .yp-portlet .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85); }
  html body.yp .yp-portlet .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9); }
  html body.yp .yp-portlet .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0; }
  html body.yp .yp-portlet .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px; }
  html body.yp .yp-portlet .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px; }
  html body.yp .yp-portlet .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px; }
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto; }
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85); }
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9); }
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0; }
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px; }
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px; }
  html body.yp .yp-portlet .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px; }
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85); }
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9); }
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0; }
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px; }
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px; }
  html body.yp .yp-portlet .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px; }
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0; }
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto; }
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85); }
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9); }
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0; }
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px; }
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px; }
  html body.yp .yp-portlet .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px; }
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85); }
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9); }
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0; }
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px; }
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px; }
  html body.yp .yp-portlet .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px; }
  html body.yp .yp-portlet .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1); }
  html body.yp .yp-portlet .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px; }
  html body.yp .yp-portlet .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%; }
  html body.yp .yp-portlet .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto; }
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15); }
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75); }
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85); }
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9); }
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0; }
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px; }
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px; }
  html body.yp .yp-portlet .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15); }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools .mCSB_dragger,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */ }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px; }
  html body.yp .yp-portlet .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px; }
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75); }
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15); }
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85); }
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9); }
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px; }
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px; }
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px; }
  html body.yp .yp-portlet .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px; }
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px; }
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center; }
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"; }
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x; }
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px; }
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px; }
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px; }
  html body.yp .yp-portlet .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px; }
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px; }
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px; }
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px; }
  html body.yp .yp-portlet .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px; }
  html body.yp .yp-portlet .mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px; }
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px; }
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px; }
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px; }
  html body.yp .yp-portlet .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools,
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
  html body.yp .yp-portlet .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
  html body.yp .yp-portlet .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools_vertical,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools_horizontal,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px; }
  html body.yp .yp-portlet .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px; }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777; }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent; }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px; }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px; }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px; }
  html body.yp .yp-portlet .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px; }
  html body.yp .yp-portlet .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
  html body.yp .yp-portlet .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0; }
  html body.yp .yp-portlet .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  html body.yp .yp-portlet .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  html body.yp .yp-portlet .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  html body.yp .yp-portlet .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px; }
  html body.yp .yp-portlet .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
  html body.yp .yp-portlet .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto; }
  html body.yp .yp-portlet .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent; }
  html body.yp .yp-portlet .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
  html body.yp .yp-portlet .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px; }
  html body.yp .yp-portlet .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
  html body.yp .yp-portlet .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px; }
  html body.yp .yp-portlet .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"; }
  html body.yp .yp-portlet .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"; }
  html body.yp .yp-portlet .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"; }
  html body.yp .yp-portlet .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"; }
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px; }
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0; }
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px; }
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0; }
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px; }
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px; }
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px; }
  html body.yp .yp-portlet .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px; }
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75); }
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85); }
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9); }
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1); }
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px; }
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px; }
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px; }
  html body.yp .yp-portlet .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px; }
  html body.yp .yp-portlet .mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  html body.yp .yp-portlet .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  html body.yp .yp-portlet .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0; }
  html body.yp .yp-portlet .mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
  html body.yp .yp-portlet .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px; }
  html body.yp .yp-portlet .mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
  html body.yp .yp-portlet .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px; }
  html body.yp .yp-portlet .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
  html body.yp .yp-portlet .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px; }
  html body.yp .yp-portlet .mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
  html body.yp .yp-portlet .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px; }
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75); }
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85); }
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9); }
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1); }
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px; }
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px; }
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px; }
  html body.yp .yp-portlet .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px; }
  html body.yp .yp-portlet .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  html body.yp .yp-portlet .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2); }
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6); }
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6); }
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75); }
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85); }
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9); }
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75); }
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85); }
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  html body.yp .yp-portlet .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9); }
  html body.yp .yp-portlet .form-group, html body.yp .yp-portlet .form-group {
    margin-top: 2px !important;
    margin-bottom: 2px !important; }
  html body.yp .yp-portlet .yp-inline,
  html body.yp .yp-portlet .yp-inline .yp-repeater-elt {
    display: inline-block; }
  html body.yp .yp-portlet .yp-inline .form-group, html body.yp .yp-portlet .yp-inline .control-label {
    float: none !important; }
  html body.yp .yp-portlet .yp-inline .hasTooltip {
    width: auto !important; }
  html body.yp .yp-portlet .yp-panel {
    /*padding: 5px;*/
    /* Correction du redmine #82306*/
    /* margin: 0px;*/
    /* Correction du redmine #82306*/ }
    html body.yp .yp-portlet .yp-panel .yp-panel {
      padding: 0px; }
    html body.yp .yp-portlet .yp-panel:empty:not(.yp-padding-both) {
      /* rule to hide the global error div in case it is empty */
      padding: 0px; }
  html body.yp .yp-portlet .yp-panel.yp-padding-both,
  html body.yp .yp-portlet .yp-panel .yp-panel.yp-padding-both {
    padding: 5px !important; }
  html body.yp .yp-portlet .yp-panel.yp-padding-col,
  html body.yp .yp-portlet .yp-panel .yp-panel.yp-padding-col {
    padding: 0 12px !important;
    /* Correction du redmine #82306 */ }
  html body.yp .yp-portlet .yp-panel.yp-padding-v,
  html body.yp .yp-portlet .yp-panel .yp-panel.yp-padding-v {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }
  html body.yp .yp-portlet .yp-panel.yp-padding-h,
  html body.yp .yp-portlet .yp-panel .yp-panel.yp-padding-h {
    padding-left: 5px !important;
    padding-right: 5px !important; }
  html body.yp .yp-portlet .yp-panel.yp-padding-l,
  html body.yp .yp-portlet .yp-panel .yp-panel.yp-padding-l {
    padding-left: 15px !important; }
  html body.yp .yp-portlet .yp-panel.padding-none,
  html body.yp .yp-portlet .yp-panel .yp-panel.padding-none {
    padding: 0; }
  html body.yp .yp-portlet .yp-panel.add-space-1 {
    margin-bottom: calc(1 * 5px); }
  html body.yp .yp-portlet .yp-panel.add-space-2 {
    margin-bottom: calc(2 * 5px); }
  html body.yp .yp-portlet .yp-panel.add-space-3 {
    margin-bottom: calc(3 * 5px); }
  html body.yp .yp-portlet .yp-panel.add-space-4 {
    margin-bottom: calc(4 * 5px); }
  html body.yp .yp-portlet .yp-panel.add-space-5 {
    margin-bottom: calc(5 * 5px); }
  html body.yp .yp-portlet .k-widget [class^='col-'], html body.yp .yp-portlet .k-widget [class*=' col-'] {
    box-sizing: border-box; }
  html body.yp .yp-portlet .yp-panel.yp-margin-both {
    margin: 10px; }
  html body.yp .yp-portlet .yp-panel.yp-margin-v {
    margin-top: 10px;
    margin-bottom: 10px; }
  html body.yp .yp-portlet .yp-panel.yp-margin-h {
    margin-left: 10px;
    margin-right: 10px; }
  html body.yp .yp-portlet .yp-panel.yp-margin-top {
    margin-top: 10px; }
  html body.yp .yp-portlet .yp-panel.yp-margin-right {
    margin-right: 10px; }
  html body.yp .yp-portlet .yp-panel.yp-margin-bottom {
    margin-bottom: 10px; }
  html body.yp .yp-portlet .yp-panel.yp-margin-left {
    margin-left: 10px; }
  html body.yp .yp-portlet .yp-panel-fill-solid {
    background-color: #EFF9FB; }
  html body.yp .yp-portlet .yp-panel-fill-solid,
  html body.yp .yp-portlet .yp-panel.yp-panel-border-solid,
  html body.yp .yp-portlet .yp-panel-border-groove,
  html body.yp .yp-portlet .yp-panel-border-double,
  html body.yp .yp-portlet .yp-panel-border-dotted,
  html body.yp .yp-portlet .yp-panel-border-dashed {
    margin: 0 !important; }
  html body.yp .yp-portlet .yp-panel.yp-panel-border-solid {
    border: solid 1px #00B0FF;
    border-radius: 3px;
    padding: 4px 0 0;
    margin-bottom: 6px !important; }
  html body.yp .yp-portlet .yp-panel-border-groove {
    border: groove 1px #00B0FF;
    border-radius: 3px; }
  html body.yp .yp-portlet .yp-panel-border-double {
    border: double 1px #00B0FF;
    border-radius: 3px; }
  html body.yp .yp-portlet .yp-panel-border-dotted {
    border: dotted 1px #00B0FF;
    border-radius: 3px; }
  html body.yp .yp-portlet .yp-panel-border-dashed {
    border: dashed 1px #00B0FF;
    border-radius: 3px; }
  html body.yp .yp-portlet .yp-panel-border-none {
    border-style: none; }
  html body.yp .yp-portlet .yp-repeater .yp-label label {
    display: block;
    /* added for IE compatibility */ }
  html body.yp .yp-portlet .phone-number:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f098";
    position: relative;
    top: 0px;
    margin: 0 5px 0 0; }
  html body.yp .yp-portlet .yp-label label.yp-text-bold {
    font-weight: bold !important; }
  html body.yp .yp-portlet .yp-label label {
    display: inline;
    cursor: default; }
  html body.yp .yp-portlet .yp-label label.title-section {
    width: 100%;
    margin-top: 10px;
    display: block; }
  html body.yp .yp-portlet .yp-summaryBoard.summaryBoard.bordered {
    border: solid 2px #96be0f;
    border-radius: 3px; }
  html body.yp .yp-portlet .yp-terms-and-condition.custom-display {
    margin-left: 30px;
    margin-top: 10px; }
  html body.yp .yp-portlet .yp-wizard {
    margin-left: 25px; }
  html body.yp .yp-portlet .yp-view-wizard {
    background-color: #FFFFFF;
    margin-left: -10px;
    margin-right: 25px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs li:last-of-type .processDottedLine {
    /*hide trailing dots on last step*/
    height: 0; }
  html body.yp .yp-portlet .tabs-display input[type="checkbox"]:checked:before {
    width: 4px;
    height: 10px; }
  html body.yp .yp-portlet .yp-element-with-tooltip {
    max-width: calc(100% - 32px);
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px; }
  html body.yp .yp-portlet .tooltip-wrapper {
    position: absolute;
    /*top: 50%;
  left: auto;
  right: auto;
  transform: translateY(-50%);*/
    z-index: 9999; }
  @media (max-width: 991px) {
    html body.yp .yp-portlet .form-group + .tooltip-wrapper {
      transform: translateY(20%); } }
  html body.yp .yp-portlet .form-group.hasTooltip {
    max-width: calc(100% - 32px);
    margin-right: 15px;
    float: left;
    width: 100%; }
  html body.yp .yp-portlet label span.yp-element-with-tooltip {
    min-width: 100%;
    margin-right: 0; }
  html body.yp .yp-portlet .switch-wrapper .tooltip-wrapper.right-tooltip, html body.yp .yp-portlet .checkbox-wrapper .tooltip-wrapper.right-tooltip {
    vertical-align: top;
    padding-left: 10px; }
  html body.yp .yp-portlet .yp-tab {
    padding-left: -15px !important;
    padding-right: -15px !important;
    margin-bottom: 20px;
    padding-bottom: 25px;
    background-color: #FFFFFF;
    border-bottom: 4px solid #E3E4E8; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab.stepped-tab:last-child {
    max-height: 27px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper .text-wrapper {
    width: calc(100% - 52px); }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab .tab-wrapper .text-wrapper:after {
    right: -13px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content:after {
    right: 40px !important; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-content .tab .text-wrapper {
    padding: 0 6px 6px 6px; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-disabled .tab-wrapper {
    opacity: 1; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-disabled .tab-wrapper .tab-state-wrapper,
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-disabled .tab-wrapper .text-wrapper {
    opacity: .7; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-disabled .tab-wrapper .tab-middle-wrapper,
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.no-restrictions.vr-tabs .tabs-content .tab.k-state-hover .tab-wrapper .tab-middle-wrapper {
    float: left;
    background-color: white;
    border-radius: 15px; }
  html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider, html body.yp .yp-portlet .form-group.slider-control .form-control .k-slider {
    width: calc(100% - 180px); }
  @media (max-width: 991px) and (min-width: 768px) {
    html body.yp .yp-portlet .form-group.slider-control .controls .form-control .min-slider .visible-sm, html body.yp .yp-portlet .form-group.slider-control .controls .form-control .max-slider .visible-sm {
      display: inline-block !important; } }
  html body.yp .yp-portlet .form-group.kendoGrid .k-grid .checkbox:checked:before {
    top: 7px;
    width: 4px;
    height: 12px; }
  html body.yp .yp-portlet .yp-table {
    padding-left: -15px !important;
    padding-right: -15px !important;
    margin-bottom: 20px;
    padding-bottom: 25px;
    background-color: #FFFFFF;
    border-bottom: 4px solid #E3E4E8; }
  html body.yp .yp-portlet .k-grid-header .checkbox {
    padding-top: 0px; }
  html body.yp .yp-portlet .k-grid-content .checkbox {
    padding-top: 0px; }
  html body.yp .yp-portlet .mCSB_container {
    min-height: 20px; }
  html body.yp .yp-portlet .k-grid .k-alt {
    /*  background-color: rgba(150, 190, 15, 0.5); */ }
  html body.yp .yp-portlet .yp-title-page {
    padding-left: 25px;
    padding-right: 25px;
    background-color: #F4F4F4; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal {
    top: 50% !important;
    position: fixed; }
  html body.yp .yp-portlet .yp-content-wdgetscontainer {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
    padding: 10px;
    background-color: #FFFFFF;
    /*border-bottom: 4px solid #E3E4E8;*/ }
  html body.yp .yp-portlet .yp-content-wdgetscontainer .yp-component-wrapper.yp-widget {
    width: 100%;
    padding: 0 0; }
  html body.yp .yp-portlet .yp-required-div {
    padding-left: 25px;
    display: none; }
  html body.yp .yp-portlet .form-group .help-block.dropdown-help-block {
    z-index: 99999;
    top: 32px;
    width: calc(100% - 20px);
    max-width: 500px; }
  html body.yp .yp-portlet .form-group .k-dropdown.combobox.k-state-border-down + .help-block.dropdown-help-block {
    top: 75px;
    margin-left: 10px; }
  html body.yp .yp-portlet .form-group.error:before, html body.yp .yp-portlet .form-group.error:before,
  html body.yp .yp-portlet .form-group.warning:before, html body.yp .yp-portlet .form-group.warning:before {
    z-index: 1; }
  html body.yp .yp-portlet .form-group.upload.error:before,
  html body.yp .yp-portlet .form-group.upload.warning:before {
    display: none; }
  html body.yp .yp-portlet .form-group.textarea.error table tbody tr:first-child td,
  html body.yp .yp-portlet .form-group.textarea.warning table tbody tr:first-child td {
    padding-left: 30px; }
  html body.yp .yp-portlet .form-group.radioListing.error:before {
    display: none; }
  html body.yp .yp-portlet .form-group.radioListing.error input[type="radio"]:after {
    border-color: #ef6262; }
  html body.yp .yp-portlet .form-group.error .controls .k-numerictextbox.form-control, html body.yp .yp-portlet .form-group.warning .controls .k-numerictextbox.form-control {
    padding-left: 0px; }
  html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group).error .controlLabelSide,
  html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group).warning .controlLabelSide {
    padding-left: 35px; }
  html body.yp .yp-portlet .form-group.error:not(.doubleDate-group) .controls input.form-control,
  html body.yp .yp-portlet .form-group.warning:not(.doubleDate-group) .controls input.form-control {
    padding-left: 43px !important;
    box-sizing: border-box; }
  html body.yp .yp-portlet .form-group.error .yp-help-block,
  html body.yp .yp-portlet .form-group.error .yp-help-block,
  html body.yp .yp-portlet .form-group.warning .yp-help-block,
  html body.yp .yp-portlet .form-group.warning .yp-help-block {
    position: absolute;
    z-index: 5;
    width: 100%;
    max-width: 260px;
    background-color: #f8f8f8;
    border: 1px solid #ef6262;
    color: #666;
    font-size: 13px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    padding: 4px; }
  html body.yp .yp-portlet .form-group.error .yp-help-block ul,
  html body.yp .yp-portlet .form-group.error .yp-help-block ul,
  html body.yp .yp-portlet .form-group.warning .yp-help-block ul,
  html body.yp .yp-portlet .form-group.warning .yp-help-block ul {
    padding-left: 0;
    list-style: none; }
  html body.yp .yp-portlet .form-group.error .yp-help-block ul:only-child,
  html body.yp .yp-portlet .form-group.error .yp-help-block ul:only-child,
  html body.yp .yp-portlet .form-group.warning .yp-help-block ul:only-child,
  html body.yp .yp-portlet .form-group.warning .yp-help-block ul:only-child {
    margin-bottom: 0; }
  html body.yp .yp-portlet .form-group.error .yp-help-block ul li:before,
  html body.yp .yp-portlet .form-group.error .yp-help-block ul li:before .form-group.warning .yp-help-block ul li:before,
  html body.yp .yp-portlet .form-group.warning .yp-help-block ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    float: left;
    background-color: #EF6262;
    margin: 10px 14px 0 0; }
  html body.yp .yp-portlet .form-group.error .uploader-form-group {
    border: 1px solid #ef6262; }
  html body.yp .yp-portlet .form-group.warning .uploader-form-group {
    border: 1px solid #D9A300; }
  html body.yp .yp-portlet .form-group.error .help-block, html body.yp .yp-portlet .form-group.error .help-block {
    position: absolute;
    z-index: 5;
    width: 100%;
    min-width: 20em;
    max-width: 260px;
    background-color: #f8f8f8;
    border: 1px solid #ef6262;
    color: #666;
    font-size: 13px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    padding: 4px; }
  html body.yp .yp-portlet .form-group.error .help-block ul,
  html body.yp .yp-portlet .form-group.error .help-block ul {
    padding-left: 0;
    list-style: none; }
  html body.yp .yp-portlet .form-group.error .help-block ul:only-child,
  html body.yp .yp-portlet .form-group.error .help-block ul:only-child {
    margin-bottom: 0; }
  html body.yp .yp-portlet .form-group.error .help-block ul li:before, html body.yp .yp-portlet .form-group.error .help-block ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    float: left;
    background-color: #EF6262;
    margin: 10px 14px 0 0; }
  html body.yp .yp-portlet .link[role=href], html body.yp .yp-portlet .label-email[role=href] {
    text-decoration: underline !important;
    cursor: pointer; }
  html body.yp .yp-portlet .link:not([role]), html body.yp .yp-portlet .label-email:not([role]) {
    text-decoration: none; }
  html body.yp .yp-portlet .btn-group {
    font-size: inherit; }
  html body.yp .yp-portlet .list.list-bullet {
    list-style: none;
    padding-left: 40px; }
  html body.yp .yp-portlet .list.list-bullet li:before {
    position: absolute; }
  html body.yp .yp-portlet .list.list-bullet li .label-wrapper {
    display: inherit;
    display: inherit;
    margin-top: 0px; }
  html body.yp .yp-portlet .list.list-bullet li .label-wrapper .description-label {
    display: inherit; }
  html body.yp .yp-portlet .list li.has-action .action-wrapper {
    width: auto; }
  html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio + .radio,
  html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio + .radio {
    margin-left: 0px; }
  html body.yp .yp-portlet .controls-wrapper .radio label {
    margin-right: 40px; }
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper {
    padding-left: 0; }
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper.calendarWidget {
    border: none; }
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .form-control,
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper .dateRange-wrapper input.form-control:not(.yp-hidden-dateRange) {
    width: 100%;
    padding-right: 0;
    padding-right: 15px; }
  html body.yp .yp-portlet .form-group .controls .calendarWidget .k-datepicker .k-picker-wrap .k-select .k-i-calendar {
    background: 0 0;
    opacity: inherit; }
  html body.yp .yp-portlet .yp-date-picker .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .form-control:disabled,
  html body.yp .yp-portlet .yp-date-picker .form-group.dateRange-group .controls-wrapper .dateRange-wrapper .form-control:disabled,
  html body.yp .yp-portlet .yp-date-picker .form-group.dateRange-group.kendo-datepicker .controls .controls-wrapper .dateRange-wrapper .k-picker-wrap.k-state-disabled .k-select {
    cursor: auto; }
  html body.yp .yp-portlet .form-group .controls .calendarWidget .k-datepicker .k-picker-wrap .k-select .k-i-calendar:before {
    content: "\f073";
    color: #30465f;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 12px; }
  html body.yp .yp-portlet .k-widget.k-datepicker.k-header, html body.yp .yp-portlet .k-widget.k-datepicker.k-header {
    padding-left: 0; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls .controls-wrapper .dateRange-wrapper input.yp-hidden-dateRange {
    width: 0px;
    height: 0px;
    top: 100%;
    border: 0; }
  html body.yp .yp-portlet .k-picker-wrap .k-select {
    line-height: 3.2em; }
  html body.yp .yp-portlet .k-autocomplete.k-state-default, html body.yp .yp-portlet .k-dropdown-wrap.k-state-default, html body.yp .yp-portlet .k-numeric-wrap.k-state-default, html body.yp .yp-portlet .k-picker-wrap.k-state-default {
    background-color: #fff; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control:disabled,
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control:disabled,
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control[readonly],
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control[readonly] {
    cursor: not-allowed; }
  html body.yp .yp-portlet .k-numeric-wrap .k-select {
    border: 0px;
    /*override the 0 0 0 1px rule*/ }
  html body.yp .yp-portlet .form-group.comboMultiSelection .controls .controls-wrapper span.k-tooltip-validation {
    display: none !important; }
  html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper, html body.yp .yp-portlet .form-group.select-group.mobileElt .controls-wrapper {
    left: 0px !important; }
  html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-virtual-content .k-list .k-item {
    height: auto !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    position: relative;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    padding: 0 10px !important; }
  html body.yp .yp-portlet .k-multiselect-wrap .k-input {
    box-shadow: none !important; }
  html body.yp .yp-portlet .form-group.select-group.comboBox.hasTemplate.has-one-column .controls .controls-wrapper .k-animation-container .hasTemplate {
    padding-top: 0px;
    padding-left: 0px; }
  html body.yp .yp-portlet .form-group.select-group.comboBox.hasTemplate.has-one-column .controls .controls-wrapper .k-animation-container .hasTemplate ul li span.item-title:before {
    display: none; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .dropdown-header,
  html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .dropdown-header {
    padding: 0px !important; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate .item-wrapper .item-title,
  html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate .item-wrapper .item-title {
    line-height: 20px !important;
    white-space: normal !important;
    word-wrap: break-word;
    vertical-align: text-top; }
  html body.yp .yp-portlet .form-group.select-group.comboBox.hasTemplate.mobileElt .controls .controls-wrapper {
    z-index: 402; }
  html body.yp .yp-portlet .form-group .help-block:empty,
  html body.yp .yp-portlet .form-group .help-block:empty {
    margin: 0px; }
  html body.yp .yp-portlet .form-group.warning .help-block:empty,
  html body.yp .yp-portlet .form-group.warning .help-block:empty {
    display: none; }
  html body.yp .yp-portlet .form-group.warning .help-block {
    max-width: 260px; }
  html body.yp .yp-portlet .form-group.error .help-block:empty,
  html body.yp .yp-portlet .form-group.error .help-block:empty {
    display: none; }
  html body.yp .yp-portlet .actionbar {
    /*padding-bottom: 20px;*/
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    /* Redmine 76881: to compensate for flex on "row" parent */ }
    html body.yp .yp-portlet .actionbar .actionbarWrapper .btn-group .btn {
      float: none; }
    html body.yp .yp-portlet .actionbar .actionbarWrapper .dropdown-menu {
      padding: 5px !important;
      max-width: none;
      /* Redmine 76881: "Actions" dropdown in YP action bar */ }
    html body.yp .yp-portlet .actionbar .actionbarWrapper .dropdown-toggle .visible-sm.visible-xs {
      float: left; }
    html body.yp .yp-portlet .actionbar .actionbarWrapper .dropdown-toggle .caret {
      margin-top: 0;
      margin-left: 10px; }
  html body.yp .yp-portlet textarea {
    border: solid;
    border-color: #e6e6e6;
    border-width: 1px; }
  html body.yp .yp-portlet .form-group.dateRange-group.error .controls .dateRangeLabel:nth-child(1),
  html body.yp .yp-portlet .form-group.dateRange-group.warning .controls .dateRangeLabel:nth-child(1) {
    padd\ing-left: 30px;
    max-width: calc(100% - 30px); }
  html body.yp .yp-portlet .form-group.error, html body.yp .yp-portlet .form-group.textarea.error .controls textarea, html body.yp .yp-portlet .form-group.error .controls, html body.yp .yp-portlet .form-group.error .controls .controls-wrapper,
  html body.yp .yp-portlet .form-group.error .controls .controls-wrapper .k-widget, html body.yp .yp-portlet .form-group.w-label.error,
  html body.yp .yp-portlet .form-group.w-label.error:not(.dateRange-group), html body.yp .yp-portlet .form-group.w-label.error:not(.dateRange-group),
  html body.yp .yp-portlet .form-group.error .controls .k-widget {
    border-color: #ef6262; }
  html body.yp .yp-portlet .form-group.comboMultiSelection .controls .controls-wrapper .k-widget.k-multiselect,
  html body.yp .yp-portlet .form-group.comboMultiSelection .controls .controls-wrapper .k-widget.k-multiselect {
    border-style: hidden; }
  html body.yp .yp-portlet .k-list-container.hasTemplate .k-list-scroller {
    width: 100%; }
  html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-ComboBox.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-always-mobile .k-list-scroller .k-list .k-item .item-wrapper, html body.yp .yp-portlet .k-list-container.kendo-Multiselect.hasTemplate.yp-responsive-mobile-view .k-list-scroller .k-list .k-item .item-wrapper {
    width: 100% !important; }
  html body.yp .yp-portlet .form-group.select-group.comboBox.hasTemplate .controls .controls-wrapper {
    height: 100%; }
  html body.yp .yp-portlet .form-group.select-group.comboBox.comboMultiSelection .controls .controls-wrapper .k-button .k-icon.k-i-close {
    vertical-align: text-bottom; }
  html body.yp .yp-portlet .form-group.select-group .controls-wrapper .k-widget.k-combobox .k-dropdown-wrap span.k-select .k-icon {
    vertical-align: middle; }
  html body.yp .yp-portlet .generalError .generalErrorTextWrapper {
    margin-left: 0;
    margin-top: 10px; }
  html body.yp .yp-portlet .yp-terms-and-condition .form-group.error:before {
    top: 1px; }
  html body.yp .yp-portlet .yp-terms-and-condition .form-group.error .controls .checkbox-wrapper > input:after {
    border: 1px solid #ef6262 !important; }
  html body.yp .yp-portlet .yp-terms-and-condition .form-group.error .controls .checkbox-wrapper > input {
    padding-left: 0px !important; }
  html body.yp .yp-portlet .yp-terms-and-condition .form-group.error:before,
  html body.yp .yp-portlet .yp-terms-and-condition .form-group.warning:before {
    display: none; }
  html body.yp .yp-portlet .upload-icon:after {
    content: '\f22a'; }
  html body.yp .yp-portlet .tabs-display ul li, html body.yp .yp-portlet .tabs-display .btn.btn-form.btn-prev {
    color: #555; }
  html body.yp .yp-portlet .form-group.error .controls .fileUploadTitle,
  html body.yp .yp-portlet .form-group.warning .controls .fileUploadTitle {
    padding-left: 5px; }
  html body.yp .yp-portlet .form-group.textarea .controls textarea {
    float: none; }
  html body.yp .yp-portlet .form-group .controls .calendarWidget span.k-widget.k-datepicker {
    border-radius: 0px;
    border: none; }
  html body.yp .yp-portlet .form-group .controls .calendarWidget span.k-picker-wrap {
    border: none; }
  html body.yp .yp-portlet .checkbox-wrapper input {
    /*   width: 0; */
    margin-right: 25px; }
  html body.yp .yp-portlet .checkbox-wrapper > input[type=checkbox]:after {
    margin-right: 0px; }
  html body.yp .yp-portlet .checkbox-wrapper input[type=checkbox] {
    outline: none; }
  html body.yp .yp-portlet .ladda-button,
  html body.yp .yp-portlet .ladda-button .ladda-spinner,
  html body.yp .yp-portlet .ladda-button .ladda-label {
    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -ms-transition: none !important;
    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    transition: none !important; }
  html body.yp .yp-portlet .checkbox-wrapper {
    /*     padding-top: 10px; */ }
  html body.yp .yp-portlet .form-group .controls .calendarWidget .k-datepicker .k-picker-wrap.k-state-hover,
  html body.yp .yp-portlet .form-group .controls .calendarWidget .k-datepicker .k-picker-wrap.k-state-focused {
    box-shadow: none !important; }
  html body.yp .yp-portlet .form-group.textarea .controls textarea {
    box-shadow: none !important;
    border-color: #e6e6e6;
    /* border on some screens aren't visible*/ }
  html body.yp .yp-portlet .kendoGrid .kendoGrid-form-control .toolbar .toolbar-commands .btn {
    width: auto; }
  html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls .controls-wrapper .dateRange-wrapper .k-picker-wrap .k-select {
    width: 2.9em;
    border: 0; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group:not(.success):not(.error):not(.warning) .controls-wrapper .dateRangeLabel + .dateRange-wrapper input.form-control {
    border: 0; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group:not(.success):not(.error):not(.warning) .controls-wrapper .dateRangeLabel + .dateRange-wrapper input.form-control:focus:required {
    border: 1px solid #ef6262; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group.warning .controls input,
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group.error .controls input {
    border: 0; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group.warning .controls .controls-wrapper,
  html body.yp .yp-portlet .form-group.textarea.warning .controls textarea {
    border-color: #c09853; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls .controls-wrapper .dateRange-wrapper .glyphicon.glyphicon-calendar.fa.fa-calendar:before {
    content: "\f133"; }
  html body.yp .yp-portlet .form-group.dateRange-group.kendo-datepicker .controls .controls-wrapper .dateRange-wrapper .k-icon.k-i-calendar {
    vertical-align: sub;
    margin-left: -15px; }
  html body.yp .yp-portlet .letter-uppercase {
    text-transform: uppercase; }
  html body.yp .yp-portlet .letter-lowercase {
    text-transform: lowercase; }
  html body.yp .yp-portlet .letter-capitalize {
    text-transform: capitalize; }
  html body.yp .yp-portlet ::-webkit-input-placeholder {
    /* WebKit browsers */
    text-transform: none; }
  html body.yp .yp-portlet :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    text-transform: none; }
  html body.yp .yp-portlet ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    text-transform: none; }
  html body.yp .yp-portlet :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    text-transform: none; }
  html body.yp .yp-portlet .btn.btn-form {
    min-width: 256px;
    width: auto;
    margin-left: 0 !important;
    margin-right: 10px; }
  html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group) .controlLabelSide,
  html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group) .controls {
    width: auto; }
  html body.yp .yp-portlet .form-group.w-label:not(.dateRange-group) .controlLabelSide {
    min-width: 67px; }
  html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper {
    width: auto;
    max-width: 185px;
    min-width: 128px;
    white-space: nowrap; }
  html body.yp .yp-portlet .form-group.dateRange-group .controls-wrapper.calendarWidget {
    border: solid 1px rgba(0, 0, 0, 0); }
  html body.yp .yp-portlet .k-grid .yp-column-detail-wrapper {
    text-align: left;
    padding-top: 7px; }
  html body.yp .yp-portlet .form-group.error .help-block, html body.yp .yp-portlet .form-group.warning .help-block, html body.yp .yp-portlet .form-group.error .help-block, html body.yp .yp-portlet .form-group.warning .help-block {
    padding: 4px; }
  html body.yp .yp-portlet .dropdown-menu > li > span {
    display: block; }
  html body.yp .yp-portlet .dropdown-menu > li > span > a,
  html body.yp .yp-portlet .dropdown-menu > li > span > button {
    width: 100%; }
  html body.yp .yp-portlet .k-animation-container {
    opacity: 1 !important; }
  html body.yp .yp-portlet .k-animation-container.combobox-animation-container {
    opacity: 0 !important; }
  html body.yp .yp-portlet .k-animation-container.combobox-animation-container.show-animation-container {
    opacity: 1 !important; }
  html body.yp .yp-portlet .sidetab-cards .sidetabs-toggle {
    display: block;
    margin-left: 20px;
    color: grey;
    background-color: #f4f4f4 !important; }
  html body.yp .yp-portlet .sidetab-cards .tabs-content {
    padding: 0 40px 0 0 !important; }
    html body.yp .yp-portlet .sidetab-cards .tabs-content:before, html body.yp .yp-portlet .sidetab-cards .tabs-content:after {
      background-image: none !important;
      height: 0 !important; }
    html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab {
      margin: 0 0 0 10px !important;
      background-color: #f4f4f4 !important;
      padding: 0.45em 0.8em !important;
      border-bottom: 1px solid #ffffff !important;
      /*float: none !important;*/ }
      html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab i.fa {
        margin-right: 0.2em;
        color: #39add2 !important; }
      html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab .text-wrapper {
        text-align: left;
        color: #888888 !important;
        width: calc(100% - 10px) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important; }
      html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab .badge {
        float: right;
        position: relative;
        z-index: 10;
        top: 6px;
        background-color: #96be0f;
        color: #ffffff; }
      html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab.k-state-active {
        margin-left: 0 !important;
        padding-left: calc(0.8em + 10px) !important;
        padding-right: calc(0.8em + 10px) !important;
        background-color: #96be0f !important;
        background: linear-gradient(to right, #83a60d, #96be0f) !important; }
        html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab.k-state-active i.fa {
          color: #ffffff !important; }
        html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab.k-state-active .text-wrapper {
          color: #ffffff !important; }
          html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab.k-state-active .text-wrapper:after {
            display: none; }
        html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab.k-state-active .badge {
          background-color: #39add2;
          color: #ffffff; }
  html body.yp .yp-portlet .sidetab-cards.expanded .sidetabs-toggle .fa-chevron-right {
    display: none; }
  html body.yp .yp-portlet .sidetab-cards.expanded .tabs-content i.fa {
    font-size: 2em !important; }
  html body.yp .yp-portlet .badge:empty {
    display: none; }
  @media (min-width: 993px) {
    html body.yp .yp-portlet .sidetab-cards.compact .sidetabs-toggle .fa-chevron-left {
      display: none; }
    html body.yp .yp-portlet .sidetab-cards.compact .tabs-content {
      width: 70px !important; }
      html body.yp .yp-portlet .sidetab-cards.compact .tabs-content .tab-label {
        display: none; }
      html body.yp .yp-portlet .sidetab-cards.compact .tabs-content .badge {
        line-height: 70%;
        position: absolute !important;
        right: -15px;
        top: 0px !important;
        font-size: 0;
        width: 1px !important;
        box-sizing: border-box;
        border-radius: 50%;
        height: 12px !important; }
      html body.yp .yp-portlet .sidetab-cards.compact .tabs-content .k-state-active .badge {
        right: -22px !important; }
      html body.yp .yp-portlet .sidetab-cards.compact .tabs-content i.fa {
        font-size: 1.5em !important;
        line-height: 1.35em !important; } }
  html body.yp .yp-portlet .sidetab-cards.tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper {
    padding: 0 !important; }
  html body.yp .yp-portlet .sidetab-cards.tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-header .tabs-burger {
    top: 0 !important; }
  html body.yp .yp-portlet .sidetab-cards.tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-header {
    padding: 0 !important; }
  html body.yp .yp-portlet .sidetab-cards.tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab .tab-wrapper:after {
    display: none; }
  @media (max-width: 991px) {
    html body.yp .yp-portlet .sidetab-cards.compact .tabs-content li.tab .text-wrapper {
      padding-bottom: 0 !important; }
    html body.yp .yp-portlet .sidetab-cards .tab-label .visible-sm,
    html body.yp .yp-portlet .sidetab-cards .tabs-header .tabs-value .visible-sm {
      display: inline !important; }
    html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab.k-state-active:before, html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab.k-state-active:after {
      display: none; }
    html body.yp .yp-portlet .sidetab-cards.tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions.vr-tabs .tabs-content {
      width: calc(100% - 50px) !important; }
    html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab.k-state-active {
      padding-left: 0.8em !important; } }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item .tab-wrapper .tab-state-wrapper {
    background-color: #39add2 !important;
    border: 1px solid #39add2 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item .tab-wrapper .number-wrapper {
    color: #FFF !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item .tab-wrapper .text-wrapper {
    color: #39add2 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item.k-state-active .tab-wrapper .tab-state-wrapper {
    background-color: #FFF !important;
    border: 1px solid #39add2 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item.k-state-active .tab-wrapper .number-wrapper {
    color: #39add2 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item.k-state-active .tab-wrapper .text-wrapper {
    color: #39add2 !important; }
  html body.yp .yp-portlet .sidetab-cards.compact .tabs-content li.tab.k-state-active {
    padding-top: 10px !important;
    padding-bottom: 6px !important; }
  html body.yp .yp-portlet .sidetab-cards.tabs-wrapper.numbered-tabs .tabs-content .tab.stepped-tab:last-child {
    max-height: none; }
  html body.yp .yp-portlet .sidetab-cards .tabs-content li.tab i.fa {
    min-height: 0.9em; }
  html body.yp .yp-portlet .clearfix:before, html body.yp .yp-portlet .yp-content-wdgetscontainer:before, html body.yp .yp-portlet fieldset:before, html body.yp .yp-portlet .repeater-wrapper > div:before, html body.yp .yp-portlet .yp-summary-board:before, html body.yp .yp-portlet .yp-dashboard:before, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"]:before, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button:before, html body.yp .yp-portlet-ttt.yp-portlet .yp-view:before,
  html body.yp .yp-portlet-yme.yp-portlet .yp-view:before,
  html body.yp .yp-portlet-ysc.yp-portlet .yp-view:before,
  html body.yp .yp-portlet-yse.yp-portlet .yp-view:before,
  html body.yp .yp-portlet-ilf.yp-portlet .yp-view:before,
  html body.yp .yp-portlet-idd.yp-portlet .yp-view:before, html body.yp .yp-portlet .clearfix:after, html body.yp .yp-portlet .yp-content-wdgetscontainer:after, html body.yp .yp-portlet fieldset:after, html body.yp .yp-portlet .repeater-wrapper > div:after, html body.yp .yp-portlet .yp-summary-board:after, html body.yp .yp-portlet .yp-dashboard:after, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"]:after, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button:after, html body.yp .yp-portlet-ttt.yp-portlet .yp-view:after,
  html body.yp .yp-portlet-yme.yp-portlet .yp-view:after,
  html body.yp .yp-portlet-ysc.yp-portlet .yp-view:after,
  html body.yp .yp-portlet-yse.yp-portlet .yp-view:after,
  html body.yp .yp-portlet-ilf.yp-portlet .yp-view:after,
  html body.yp .yp-portlet-idd.yp-portlet .yp-view:after {
    content: " ";
    display: table; }
  html body.yp .yp-portlet .clearfix:after, html body.yp .yp-portlet .yp-content-wdgetscontainer:after, html body.yp .yp-portlet fieldset:after, html body.yp .yp-portlet .repeater-wrapper > div:after, html body.yp .yp-portlet .yp-summary-board:after, html body.yp .yp-portlet .yp-dashboard:after, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"]:after, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button:after, html body.yp .yp-portlet-ttt.yp-portlet .yp-view:after,
  html body.yp .yp-portlet-yme.yp-portlet .yp-view:after,
  html body.yp .yp-portlet-ysc.yp-portlet .yp-view:after,
  html body.yp .yp-portlet-yse.yp-portlet .yp-view:after,
  html body.yp .yp-portlet-ilf.yp-portlet .yp-view:after,
  html body.yp .yp-portlet-idd.yp-portlet .yp-view:after {
    clear: both; }
  html body.yp .yp-portlet fieldset {
    width: auto; }
  html body.yp .yp-portlet .portlet-body .actionbar .actionbar-notification {
    display: none; }
  html body.yp .yp-portlet .form-group .control-label.label-emphasis, html body.yp .yp-portlet .label-emphasis, html body.yp .yp-portlet label.label-emphasis {
    font-weight: bold;
    color: #39add2;
    font-size: 13px;
    font-family: Roboto,sans-serif; }
  html body.yp .yp-portlet .k-button.btn-link {
    background-color: transparent;
    box-shadow: none;
    text-shadow: none; }
    html body.yp .yp-portlet .k-button.btn-link:not([disabled]) {
      color: #96be0f; }
      html body.yp .yp-portlet .k-button.btn-link:not([disabled]):hover {
        color: #bbec14; }
  html body.yp .yp-portlet .k-button.btn-icon {
    width: 38px !important;
    position: relative;
    padding-left: 10px !important;
    padding-right: 10px !important; }
    html body.yp .yp-portlet .k-button.btn-icon .btn-text + .zmdi {
      margin: 0; }
    html body.yp .yp-portlet .k-button.btn-icon.btn-link {
      width: auto !important; }
    html body.yp .yp-portlet .k-button.btn-icon.btn-round {
      border-radius: 50%; }
    html body.yp .yp-portlet .k-button.btn-icon i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 1.5em; }
  html body.yp .yp-portlet .alert {
    color: rgba(0, 0, 0, 0.75);
    background: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    position: relative;
    margin-bottom: 10px;
    padding: 5px 25px 5px 40px; }
    html body.yp .yp-portlet .alert ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
    html body.yp .yp-portlet .alert > i {
      font-size: 2em;
      opacity: 0.35;
      position: absolute;
      left: 10px; }
    html body.yp .yp-portlet .alert.alert-info {
      color: #31708f;
      background-color: #d9edf7;
      border-color: #bce8f1; }
    html body.yp .yp-portlet .alert.alert-success {
      color: #3c763d;
      background-color: #dff0d8;
      border-color: #d6e9c6; }
    html body.yp .yp-portlet .alert.alert-warning {
      color: #8a6d3b;
      background-color: #fcf8e3;
      border-color: #faebcc; }
    html body.yp .yp-portlet .alert.alert-danger {
      color: #a94442;
      background-color: #f2dede;
      border-color: #ebccd1; }
  html body.yp .yp-portlet .link[role=href], html body.yp .yp-portlet .label-email[role=href] {
    text-decoration: none !important; }
    html body.yp .yp-portlet .link[role=href]:hover, html body.yp .yp-portlet .label-email:hover {
      text-decoration: underline !important; }
    html body.yp .yp-portlet .link[role=href] i + .ladda-label, html body.yp .yp-portlet .label-email[role=href] i + .ladda-label,
    html body.yp .yp-portlet .link[role=href] .ladda-label + i,
    html body.yp .yp-portlet .label-email[role=href] .ladda-label + i {
      margin-left: 4px; }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header {
    padding-top: 14px !important;
    padding-bottom: 14px !important; }
    html body.yp .yp-portlet .k-grid .k-grid-header th.k-header > .k-link {
      padding-top: 0px !important;
      padding-bottom: 0px !important; }
  html body.yp .yp-portlet .k-button.btn-round {
    border-radius: 50%;
    padding: 6px 14px; }
  html body.yp .yp-portlet .kendoGrid-form-control .toolbar-commands .btn-group .yp-icon + .yp-action-label span:not(:empty) {
    margin-left: .4em; }
  html body.yp .yp-portlet .yp-action {
    /*&:not(.btn-icon) {
    .yp-action-label + .yp-icon, 
    & .yp-icon + .yp-action-label {
      margin-left: 0;
    }
  }*/ }
    html body.yp .yp-portlet .yp-action .yp-action-label + .yp-icon,
    html body.yp .yp-portlet .yp-action .yp-icon + .yp-action-label span:not(:empty) {
      margin-left: .4em; }
  html body.yp .yp-portlet .form-horizontal .control-label {
    padding-top: 0; }
  html body.yp .yp-portlet .yp-label,
  html body.yp .yp-portlet .form-group,
  html body.yp .yp-portlet .yp-checkbox {
    margin: 0 0 5px !important; }
    html body.yp .yp-portlet .yp-label.yp-component-wrapper,
    html body.yp .yp-portlet .form-group.yp-component-wrapper,
    html body.yp .yp-portlet .yp-checkbox.yp-component-wrapper {
      margin: 0 0 5px !important; }
    .yp-page-title html body.yp .yp-portlet .yp-label, .yp-page-title
    html body.yp .yp-portlet .form-group, .yp-page-title
    html body.yp .yp-portlet .yp-checkbox {
      margin-bottom: 0; }
  html body.yp .yp-portlet .title-page {
    margin: 6px 0 0; }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header {
    padding-top: 8px;
    padding-bottom: 8px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar {
    padding: 4px 30px; }
    html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-title {
      font-size: 19px;
      color: #666;
      padding-top: 7px; }
  html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio, html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs.vr-tabs .tabs-content {
    width: auto; }
  html body.yp .yp-portlet .yp-label .title-section-big {
    padding: 10px 0 !important; }
  html body.yp .yp-portlet .title-section-big {
    font-size: 20px;
    color: #777;
    margin-top: 10px; }
  html body.yp .yp-portlet .title-page {
    font-weight: 300; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr.k-detail-row .k-detail-cell {
    padding: 18px 0;
    background-color: #f5f5f5; }
  html body.yp .yp-portlet .repeater-wrapper > div {
    margin: 10px 0;
    border: 1px solid #f0f0f0;
    border-left: 3px solid #96BE0F;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
  html body.yp .yp-portlet .repeater-loading-height {
    min-height: 50px; }
  html body.yp .yp-portlet .col-md-1 i.yp-icon.yp-icon-list {
    /* Temporary ILF fix for "Liste des emprunteurs" button in dashboard widget */
    margin-left: 15px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar .toolbar-commands .search-wrapper {
    top: 3px;
    margin-right: 10px; }
  html body.yp .yp-portlet .btn-group {
    margin: 0;
    margin-bottom: 5px; }
    html body.yp .yp-portlet .btn-group + .btn-group {
      margin-left: 0;
      margin-right: 0; }
    html body.yp .yp-portlet .btn-group .btn {
      margin-left: 10px; }
    html body.yp .yp-portlet .btn-group .btn + .btn {
      margin-left: 10px; }
    html body.yp .yp-portlet .btn-group > .btn:first-child {
      margin-left: 10px; }
    html body.yp .yp-portlet .btn-group:first-child .btn:first-child {
      margin-left: 0; }
    html body.yp .yp-portlet .btn-group .btn.dropdown-toggle {
      margin-left: 0; }
  @media (min-width: 1160px) {
    html body.yp .yp-portlet .btn-group > .btn:first-child {
      margin-left: 10px; } }
  html body.yp .yp-portlet .form-group .control-label,
  html body.yp .yp-portlet .title-page,
  html body.yp .yp-portlet .checkbox-wrapper > label .checkboxText,
  html body.yp .yp-portlet .switch-wrapper .switch-text,
  html body.yp .yp-portlet .label-normal {
    color: inherit; }
  html body.yp .yp-portlet .yp-view {
    color: #666; }
  html body.yp .yp-portlet button.link, html body.yp .yp-portlet button.label-email {
    background-color: transparent;
    border: none;
    padding: 0; }
  html body.yp .yp-portlet button.link:not([href]):hover, html body.yp .yp-portlet button.label-email:not([href]):hover,
  html body.yp .yp-portlet button.link:hover,
  html body.yp .yp-portlet button.label-email:hover {
    text-decoration: underline !important;
    cursor: pointer !important; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal {
    z-index: 10002 !important; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper {
    width: calc(50% - 80px) !important; }
  html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control, html body.yp .yp-portlet .form-group.dateRange-group.doubleDate-group .controls-wrapper .dateRangeLabel + .dateRange-wrapper .form-control {
    padding-right: 0;
    width: 90%; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .form-group + .tooltip-wrapper {
    right: 0 !important; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal .btn-group {
    margin-bottom: 10px; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal {
    overflow: auto;
    box-sizing: border-box; }
  html body.yp .yp-portlet a.link, html body.yp .yp-portlet a.label-email {
    cursor: pointer; }
  html body.yp .yp-portlet .k-grid {
    padding: 0;
    min-height: 425px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar {
    background-color: rgba(249, 249, 249, 0.75);
    border-color: #EEE;
    margin: 0; }
  html body.yp .yp-portlet .k-grid .k-grid-header {
    padding: 0;
    border-color: #f2f2f2;
    background-color: #FFF; }
  html body.yp .yp-portlet .k-grid .k-pager-wrap {
    /*     margin: 4px 0 0; */
    background-color: #FFF; }
  html body.yp .yp-portlet .k-pager-wrap .k-dropdown {
    width: auto;
    min-width: 5.2em; }
  html body.yp .yp-portlet .k-upload-files {
    width: 100%;
    float: left; }
    html body.yp .yp-portlet .k-upload-files .k-button {
      border-color: transparent;
      background-color: transparent; }
    html body.yp .yp-portlet .k-upload-files .preview-icon-text {
      left: -7px !important; }
    html body.yp .yp-portlet .k-upload-files .name-size-wrapper {
      white-space: normal !important; }
  html body.yp .yp-portlet .yp-file-upload .file-wrapper {
    height: auto !important; }
  html body.yp .yp-portlet .yp-file-upload .k-upload-status-total {
    display: none; }
  html body.yp .yp-portlet .yp-file-upload .help-block {
    position: static !important;
    max-width: 100% !important; }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header {
    padding: 22px 15px !important;
    vertical-align: middle; }
  html body.yp .yp-portlet .k-grid .k-grid-header .checkbox {
    min-height: 0px;
    right: 7px;
    top: 1px;
    padding-top: 0px;
    max-width: none; }
  html body.yp .yp-portlet .k-grid .k-grid-content .checkbox {
    right: 7px;
    top: 1px;
    min-height: 0px;
    max-width: none; }
    html body.yp .yp-portlet .k-grid .k-grid-content .checkbox:before {
      top: 9px; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=checkbox] {
    padding: 17px 15px !important; }
  html body.yp .yp-portlet .k-grid .k-grid-pager .k-i-arrow-w, html body.yp .yp-portlet .k-grid .k-grid-pager .k-i-arrow-e {
    margin-top: 8px; }
  html body.yp .yp-portlet .k-grid .k-grid-pager .k-pager-sizes {
    margin-left: 40px; }
  html body.yp .yp-portlet .k-grid .k-grid-pager .k-i-arrow-s, html body.yp .yp-portlet .k-grid .k-grid-pager .k-i-refresh {
    margin-top: 9px; }
  html body.yp .yp-portlet .k-grid .k-grid-pager .k-state-selected {
    margin-top: 0;
    padding-top: 0; }
  html body.yp .yp-portlet html label {
    color: inherit !important; }
  html body.yp .yp-portlet .dateRange-wrapper .glyphicon-remove {
    top: 18px !important; }
  html body.yp .yp-portlet .dateRange-wrapper i.glyphicon-calendar {
    top: 52% !important;
    right: 21px !important; }
  html body.yp .yp-portlet .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs:not(.no-restrictions).vr-tabs .tabs-content {
    width: calc(45% - 300px) !important;
    min-width: 170px;
    max-width: 300px;
    padding: 20px; }
  html body.yp .yp-portlet .element-action-wrapper .action-options-wrapper {
    position: absolute;
    /*  width: 128px; */
    padding: 55px 0 20px;
    right: -15px;
    left: auto;
    top: -10px;
    background-color: #FFF;
    z-index: 2;
    /*  -moz-transform-origin: top; */
    /*  -o-transform-origin: top; */
    /*  -webkit-transform-origin: top; */
    /*   -ms-transform-origin: top; */
    transform-origin: top;
    /*   -ms-transform: scaleY(0); */
    /*   -webkit-transform: scaleY(0); */
    /*   -o-transform: scaleY(0); */
    /*   -moz-transform: scaleY(0); */
    /*   transform: scaleY(0); */
    /*   -o-transition: transform 350ms; */
    /*   -webkit-transition: transform 350ms; */
    /*   -moz-transition: transform 350ms; */
    /*   transition: transform 350ms; */
    /*   -webkit-box-shadow: 0 0 18px rgba(204, 204, 204, 0.62); */
    /*   -moz-box-shadow: 0 0 18px rgba(204, 204, 204, 0.62); */
    box-shadow: 0 0 18px rgba(204, 204, 204, 0.62); }
  html body.yp .yp-portlet .k-scrollbar-vertical {
    top: 0;
    right: -25px;
    /*  width: 17px; */
    height: 100%;
    /*  overflow-x: hidden; */ }
  html body.yp .yp-portlet .k-grid .k-grid-header th.k-header {
    font-weight: bold; }
  html body.yp .yp-portlet .k-grid-header .checkbox {
    position: inherit;
    padding-top: 10px;
    right: 8px; }
  html body.yp .yp-portlet .k-grid .k-grid-content table tr td[data-grid-role=checkbox] {
    padding-left: 5px;
    padding-right: 5px; }
  html body.yp .yp-portlet textarea.text-height-sm {
    height: 100px;
    min-height: 0; }
  html body.yp .yp-portlet textarea.text-height-md {
    height: 180px;
    min-height: 0; }
  html body.yp .yp-portlet textarea.text-height-lg {
    height: 260px;
    min-height: 0; }
  html body.yp .yp-portlet .form-group.textarea .controls .k-editor.text-height-sm {
    height: 270px !important;
    min-height: 0; }
  html body.yp .yp-portlet .form-group.textarea .controls .k-editor.text-height-md {
    height: 380px !important;
    min-height: 0; }
  html body.yp .yp-portlet .form-group.textarea .controls .k-editor.text-height-lg {
    height: 460px !important;
    min-height: 0; }
  html body.yp .yp-portlet .k-grid-content {
    overflow-x: hidden !important;
    overflow-y: scroll !important; }
  html body.yp .yp-portlet .title-section {
    margin-bottom: 20px !important; }
  html body.yp .yp-portlet .k-grid.has-header-column-menu .k-grid-header th.k-header {
    outline: none; }
  html body.yp .yp-portlet .yp-confirmation.yp-table {
    /* Remove bottom border from popup */
    border: none; }
  html body.yp .yp-portlet .yp-confirmation .btn-group > .btn:first-child {
    margin-left: 0 !important; }
  html body.yp .yp-portlet .k-widget.k-window.k-widget-modal {
    /* Remove bottom Spacing from popup */
    padding: 60px 40px 30px !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item .tab-wrapper .tab-state-wrapper {
    background-color: #39add2 !important;
    border: 1px solid #39add2 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item .tab-wrapper .number-wrapper {
    color: #FFF !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item .tab-wrapper .text-wrapper {
    color: #39add2 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item.k-state-active .tab-wrapper .tab-state-wrapper {
    background-color: #FFF !important;
    border: 1px solid #39add2 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item.k-state-active .tab-wrapper .number-wrapper {
    color: #39add2 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item.k-state-active .tab-wrapper .text-wrapper {
    color: #39add2 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item.tab.k-state-active-next .tab-wrapper .tab-state-wrapper {
    background-color: #fff !important;
    border: 1px solid #A6A6A6 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item.tab.k-state-active-next .tab-wrapper .number-wrapper {
    color: #A6A6A6 !important; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .tabs-wrapper.yp-responsive-starting-tablet.numbered-tabs.no-restrictions .tabs-content .tab.k-item.tab.k-state-active-next .tab-wrapper .text-wrapper {
    color: #A6A6A6 !important; }
  html body.yp .yp-portlet .yp-content-wdgetscontainer .col-md-12 {
    width: 100%; }
  html body.yp .yp-portlet .cursor-pointer, html body.yp .yp-portlet .label-email {
    cursor: pointer !important; }
  html body.yp .yp-portlet input::-ms-clear, html body.yp .yp-portlet input::-ms-reveal {
    display: none !important; }
  @media (min-width: 1160px) {
    html body.yp .yp-portlet .btn-group > .btn:first-child {
      margin-left: 10px; } }
  html body.yp .yp-portlet .filterModal .yp-content-wdgetscontainer {
    padding: 10px 10px;
    margin-bottom: 15px; }
  html body.yp .yp-portlet .filterModal .yp-panel .btn-group {
    margin: 0px 0px 10px 25px; }
  html body.yp .yp-portlet .filterModal .box-dialog .row {
    padding-left: 0px;
    padding-right: 0px; }
  html body.yp .yp-portlet .filterModal {
    padding-top: 10px !important; }
  html body.yp .yp-portlet .yp-ct-yme-conversation-details-read-more .k-button {
    width: auto; }
  html body.yp .yp-portlet .btn-group .btn {
    margin-left: 15px; }
  html body.yp .yp-portlet .btn-group > .btn:first-child {
    margin-left: 15px; }
  html body.yp .yp-portlet .yp-widget .btn-group {
    margin-left: 15px; }
  html body.yp .yp-portlet .btn-group .btn {
    margin-bottom: 5px; }
  html body.yp .yp-portlet .switch-wrapper .switch-text {
    max-width: 100%; }
  html body.yp .yp-portlet .form-group.textarea .editor-inline, html body.yp .yp-portlet html body.yp .yp-portlet .form-group.textarea .editor-inline {
    -webkit-text-fill-color: #666; }
  html body.yp .yp-portlet .tabs-wrapper.numbered-tabs .tabs-display {
    padding: 0px !important; }
  html body.yp .yp-portlet .yp-view-wizard {
    background-color: #fff;
    margin-left: 0px !important;
    margin-right: 0px !important; }
  html body.yp .yp-portlet form.form-horizontal .controls {
    margin-bottom: 10px; }
  html body.yp .yp-portlet .label-informative {
    margin: 15px 0 0 15px; }
  html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio, html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio {
    float: none;
    margin-right: 0;
    display: inline-block;
    text-align: left; }
  html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio label,
  html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio label {
    margin-right: 0; }
  html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio + .radio,
  html body.yp .yp-portlet .form-group.radioListing.horizontalListing .controls .controls-wrapper .radio + .radio {
    margin-left: 20px; }
  html body.yp .yp-portlet .k-grid-content i:not(.yp-icon) {
    padding: 0 0.3em; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile .k-upload {
    float: left;
    clear: both; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile .k-upload:not(.autoUpload) .k-upload-button {
    position: relative;
    top: auto;
    margin-bottom: 15px; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile .k-upload.autoUpload {
    width: 100%; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile .k-upload.autoUpload .k-dropzone .k-button {
    position: absolute !important;
    top: -43px !important;
    margin-bottom: 64px !important;
    left: 0px; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile .k-upload .k-dropzone .k-upload-button {
    position: relative;
    top: auto;
    right: auto; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile .k-upload .k-upload-files .k-file .file-wrapper .infos-wrapper .name-size-wrapper .name-size {
    display: block; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile .k-upload .k-dropzone .dragFilesContainer {
    display: none; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile .k-dropzone .k-upload-status-total {
    display: none; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile .k-upload.autoUpload .k-dropzone {
    min-height: 0px; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile .k-upload .k-upload-files .k-file .file-wrapper {
    height: auto; }
  html body.yp .yp-portlet .uploader-form-group.uploader-always-mobile + .help-block {
    position: static; }
  html body.yp .yp-portlet .yp-responsive[max-width~="992px"] .yp-file-upload.uploader-form-group.uploader-always-mobile {
    float: none; }
  html body.yp .yp-portlet .k-grid-header .k-header {
    color: #444 !important; }
  html body.yp .yp-portlet .yp-components-container {
    position: relative; }
  html body.yp .yp-portlet .yp-components-container .k-loading-mask {
    /*     width: auto!important; */
    /*     height: auto!important; */
    /*     position: absolute; */
    /*     left: 0; */
    /*     right: 0; */
    /*     top: 0; */
    /*     bottom: 0; */
    min-width: 50px;
    min-height: 50px;
    /*     background-color: rgba(255, 255, 255, 0.5); */ }
  html body.yp .yp-portlet .k-loading-mask {
    min-width: 50px;
    min-height: 50px; }
  html body.yp .yp-portlet .k-grid .k-header .toolbar .toolbar-commands {
    text-align: right; }
  html body.yp .yp-portlet .yp-grid-sorting-div {
    display: none; }
    html body.yp .yp-portlet .yp-grid-sorting-div select.yp-grid-sorting-select {
      color: #999;
      font-size: 1em;
      padding: 2px 3px; }
    html body.yp .yp-portlet .yp-grid-sorting-div i.yp-icon {
      color: #ccc;
      vertical-align: middle; }
      html body.yp .yp-portlet .yp-grid-sorting-div i.yp-icon:hover, html body.yp .yp-portlet .yp-grid-sorting-div i.yp-icon:active {
        cursor: pointer;
        color: #39add2; }
  html body.yp .yp-portlet label {
    margin-bottom: 0; }
  html body.yp .yp-portlet .yp-ct-funding-family.yp-ct-ilf-ges-financial-tab-popup-funding-family.yp-repeater,
  html body.yp .yp-portlet .yp-ct-funding-line-family.yp-ct-ilf-ges-financial-line-client-repeater-popup-funding-line-family.yp-repeater {
    padding-right: 15px !important; }
  @media (max-width: 767px) {
    html body.yp .yp-portlet .btn-group.btn-s-icon {
      display: inline-block !important;
      width: auto !important; } }
  html body.yp .yp-portlet .yp-repeater .yp-label label {
    display: inline-block;
    float: none; }
  html body.yp .yp-portlet .btn {
    border-width: 0px;
    text-transform: uppercase; }
  html body.yp .yp-portlet .btn-primary:active:hover,
  html body.yp .yp-portlet .btn-primary:active:focus {
    background-color: #39ADD2; }
  html body.yp .yp-portlet label {
    font-weight: normal; }
  html body.yp .yp-portlet .radio label,
  html body.yp .yp-portlet .radio-inline label,
  html body.yp .yp-portlet .checkbox label,
  html body.yp .yp-portlet .checkbox-inline label {
    padding-left: 25px; }
  html body.yp .yp-portlet .radio input[type="radio"],
  html body.yp .yp-portlet .radio-inline input[type="radio"],
  html body.yp .yp-portlet .checkbox input[type="radio"],
  html body.yp .yp-portlet .checkbox-inline input[type="radio"],
  html body.yp .yp-portlet .radio input[type="checkbox"],
  html body.yp .yp-portlet .radio-inline input[type="checkbox"],
  html body.yp .yp-portlet .checkbox input[type="checkbox"],
  html body.yp .yp-portlet .checkbox-inline input[type="checkbox"] {
    margin-left: -25px; }
  html body.yp .yp-portlet input[type="radio"],
  html body.yp .yp-portlet .radio input[type="radio"],
  html body.yp .yp-portlet .radio-inline input[type="radio"] {
    position: relative;
    margin-top: 6px;
    margin-right: 4px;
    vertical-align: top;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer; }
  html body.yp .yp-portlet input[type="radio"]:focus,
  html body.yp .yp-portlet .radio input[type="radio"]:focus,
  html body.yp .yp-portlet .radio-inline input[type="radio"]:focus {
    outline: none; }
  html body.yp .yp-portlet input[type="radio"]:before,
  html body.yp .yp-portlet .radio input[type="radio"]:before,
  html body.yp .yp-portlet .radio-inline input[type="radio"]:before,
  html body.yp .yp-portlet input[type="radio"]:after,
  html body.yp .yp-portlet .radio input[type="radio"]:after,
  html body.yp .yp-portlet .radio-inline input[type="radio"]:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms; }
  html body.yp .yp-portlet input[type="radio"]:before,
  html body.yp .yp-portlet .radio input[type="radio"]:before,
  html body.yp .yp-portlet .radio-inline input[type="radio"]:before {
    position: absolute;
    left: 0;
    top: -3px;
    background-color: #2196f3;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  html body.yp .yp-portlet input[type="radio"]:after,
  html body.yp .yp-portlet .radio input[type="radio"]:after,
  html body.yp .yp-portlet .radio-inline input[type="radio"]:after {
    position: relative;
    top: -3px;
    border: 2px solid #666666; }
  html body.yp .yp-portlet input[type="radio"]:checked:before,
  html body.yp .yp-portlet .radio input[type="radio"]:checked:before,
  html body.yp .yp-portlet .radio-inline input[type="radio"]:checked:before {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  html body.yp .yp-portlet input[type="radio"]:disabled:checked:before,
  html body.yp .yp-portlet .radio input[type="radio"]:disabled:checked:before,
  html body.yp .yp-portlet .radio-inline input[type="radio"]:disabled:checked:before {
    background-color: #bbbbbb; }
  html body.yp .yp-portlet input[type="radio"]:checked:after,
  html body.yp .yp-portlet .radio input[type="radio"]:checked:after,
  html body.yp .yp-portlet .radio-inline input[type="radio"]:checked:after {
    border-color: #2196f3; }
  html body.yp .yp-portlet input[type="radio"]:disabled:after,
  html body.yp .yp-portlet .radio input[type="radio"]:disabled:after,
  html body.yp .yp-portlet .radio-inline input[type="radio"]:disabled:after,
  html body.yp .yp-portlet input[type="radio"]:disabled:checked:after,
  html body.yp .yp-portlet .radio input[type="radio"]:disabled:checked:after,
  html body.yp .yp-portlet .radio-inline input[type="radio"]:disabled:checked:after {
    border-color: #bbbbbb; }
  html body.yp .yp-portlet input[type="checkbox"],
  html body.yp .yp-portlet .checkbox input[type="checkbox"],
  html body.yp .yp-portlet .checkbox-inline input[type="checkbox"] {
    position: relative;
    border: none;
    margin-bottom: -4px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer; }
  html body.yp .yp-portlet input[type="checkbox"]:focus,
  html body.yp .yp-portlet .checkbox input[type="checkbox"]:focus,
  html body.yp .yp-portlet .checkbox-inline input[type="checkbox"]:focus {
    outline: none; }
  html body.yp .yp-portlet input[type="checkbox"]:focus:after,
  html body.yp .yp-portlet .checkbox input[type="checkbox"]:focus:after,
  html body.yp .yp-portlet .checkbox-inline input[type="checkbox"]:focus:after {
    border-color: #2196f3; }
  html body.yp .yp-portlet input[type="checkbox"]:after,
  html body.yp .yp-portlet .checkbox input[type="checkbox"]:after,
  html body.yp .yp-portlet .checkbox-inline input[type="checkbox"]:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-right: 5px;
    border: 2px solid #666666;
    border-radius: 2px;
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms; }
  html body.yp .yp-portlet input[type="checkbox"]:checked:before,
  html body.yp .yp-portlet .checkbox input[type="checkbox"]:checked:before,
  html body.yp .yp-portlet .checkbox-inline input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    top: 0;
    left: 6px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid #fff;
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  html body.yp .yp-portlet .checkbox-wrapper > input:checked:before {
    border: 2px solid #666666;
    border-top-width: 0;
    border-left-width: 0; }
  html body.yp .yp-portlet input[type="checkbox"]:checked:after,
  html body.yp .yp-portlet .checkbox input[type="checkbox"]:checked:after,
  html body.yp .yp-portlet .checkbox-inline input[type="checkbox"]:checked:after {
    background-color: #2196f3;
    border-color: #2196f3; }
  html body.yp .yp-portlet input[type="checkbox"]:disabled:after,
  html body.yp .yp-portlet .checkbox input[type="checkbox"]:disabled:after,
  html body.yp .yp-portlet .checkbox-inline input[type="checkbox"]:disabled:after {
    border-color: #bbbbbb; }
  html body.yp .yp-portlet input[type="checkbox"]:disabled:checked:after,
  html body.yp .yp-portlet .checkbox input[type="checkbox"]:disabled:checked:after,
  html body.yp .yp-portlet .checkbox-inline input[type="checkbox"]:disabled:checked:after {
    background-color: #bbbbbb;
    border-color: transparent; }
  html body.yp .yp-portlet .yp-file-upload {
    line-height: 23px; }
  @media (max-width: 767px) and (max-width: 979px) {
    html body.yp .yp-portlet .btn-group, html body.yp .yp-portlet .button-holder {
      width: 100%; } }
  html body.yp .yp-portlet .loading-cover {
    position: absolute;
    background-color: white;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10; }
  html body.yp .yp-portlet .loading-anim {
    background-image: url(Material/yp-loading-animation.gif);
    position: absolute;
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
    left: calc(50% - 16px); }
  @media (max-width: 979px) {
    html body.yp .yp-portlet html body.yp .ypw-portlet .navigation-toggle.open .nav-collapse {
      flex: 1 1 100%; } }
  html body.yp .yp-portlet .yp-table {
    /*
	  Added to display grid list 'items per page'
	  Overwrite koein style 
	 */
    /*
	 * Alignment
	 */
    /* Vertical */
    /* Horizontal */
    /** CRUD offline table styling (background) */
    /** Loading gear */
    /** Row actions */ }
    html body.yp .yp-portlet .yp-table .k-animation-container {
      opacity: 1 !important; }
    html body.yp .yp-portlet .yp-table .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon.k-i-expand:after {
      content: "\f278"; }
    html body.yp .yp-portlet .yp-table .k-grid .k-grid-content table tr td.k-hierarchy-cell .k-icon.k-i-collapse:after {
      content: "\f273"; }
    html body.yp .yp-portlet .yp-table td.yp-column-valign-top {
      vertical-align: top; }
    html body.yp .yp-portlet .yp-table td.yp-column-valign-middle {
      vertical-align: middle; }
    html body.yp .yp-portlet .yp-table td.yp-column-valign-bottom {
      vertical-align: bottom; }
    html body.yp .yp-portlet .yp-table td.yp-column-align-left {
      text-align: left; }
    html body.yp .yp-portlet .yp-table td.yp-column-align-center {
      text-align: center; }
    html body.yp .yp-portlet .yp-table td.yp-column-align-right {
      text-align: right; }
    html body.yp .yp-portlet .yp-table .k-grid tr:hover, html body.yp .yp-portlet .yp-table .k-grid tr .yp-row-active {
      background-color: #dddddd; }
    html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-edited, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-EDITED {
      background-color: #ADD8D8; }
      html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-edited:hover, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-edited .yp-row-active, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-EDITED:hover, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-EDITED .yp-row-active {
        background-color: #7AA5A5; }
    html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-newly-added, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-NEWLY_ADDED {
      background-color: #E2FB8D; }
      html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-newly-added:hover, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-newly-added .yp-row-active, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-NEWLY_ADDED:hover, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-NEWLY_ADDED .yp-row-active {
        background-color: #AFC85A; }
    html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-deleted, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-DELETED {
      background-color: #FD4F4F; }
      html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-deleted:hover, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-deleted .yp-row-active, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-DELETED:hover, html body.yp .yp-portlet .yp-table .k-grid tr.yp-row-state-DELETED .yp-row-active {
        background-color: #CA1C1C; }
    html body.yp .yp-portlet .yp-table .k-loading-mask {
      position: relative;
      padding: 30px; }
    html body.yp .yp-portlet .yp-table .yp-row-action {
      cursor: pointer; }
    html body.yp .yp-portlet .yp-table td > .yp-row-action:not(.hidden) + .yp-row-action:not(.hidden) {
      margin-left: 1em; }
    html body.yp .yp-portlet .yp-table .action-options-wrapper a:hover, html body.yp .yp-portlet .yp-table .action-options-wrapper a:hover {
      text-decoration: none; }
    html body.yp .yp-portlet .yp-table .action-options-wrapper .yp-row-action .yp-icon {
      margin-right: 1em; }
    html body.yp .yp-portlet .yp-table .element-action-wrapper .action-options-wrapper .options .option {
      cursor: default; }
    html body.yp .yp-portlet .yp-table .yp-error {
      text-align: center;
      padding: 3em; }
      html body.yp .yp-portlet .yp-table .yp-error .yp-error-message {
        border: 1px solid #ef6262;
        background-color: #f8f8f8;
        padding: 1em 2em;
        color: #666; }
    html body.yp .yp-portlet .yp-table .yp-info {
      text-align: center;
      padding: 3em; }
      html body.yp .yp-portlet .yp-table .yp-info .yp-info-message {
        border: 1px solid #60b4df;
        background-color: #f8f8f8;
        padding: 1em 2em;
        color: #666; }
  html body.yp .yp-portlet .yp-icon-fa, html body.yp .yp-portlet .yp-icon.yp-icon-view, html body.yp .yp-portlet .yp-icon.yp-icon-edit, html body.yp .yp-portlet .yp-icon.yp-icon-delete, html body.yp .yp-portlet .yp-icon.yp-icon-close, html body.yp .yp-portlet .yp-icon.yp-icon-refresh, html body.yp .yp-portlet .yp-icon.yp-icon-history, html body.yp .yp-portlet .yp-icon.yp-icon-pending, html body.yp .yp-portlet .yp-icon.yp-icon-search, html body.yp .yp-portlet .yp-icon.yp-icon-info, html body.yp .yp-portlet .yp-icon.yp-icon-warning, html body.yp .yp-portlet .yp-icon.yp-icon-help, html body.yp .yp-portlet .yp-icon.yp-icon-user, html body.yp .yp-portlet .yp-icon.yp-icon-users, html body.yp .yp-portlet .yp-icon.yp-icon-calendar, html body.yp .yp-portlet .yp-icon.yp-icon-notification, html body.yp .yp-portlet .yp-icon.yp-icon-settings, html body.yp .yp-portlet .yp-icon.yp-icon-check, html body.yp .yp-portlet .yp-icon.yp-icon-checkbox, html body.yp .yp-portlet .yp-icon.yp-icon-empty-box, html body.yp .yp-portlet .yp-icon.yp-icon-time, html body.yp .yp-portlet .yp-icon.yp-icon-download, html body.yp .yp-portlet .yp-icon.yp-icon-upload, html body.yp .yp-portlet .yp-icon.yp-icon-dots, html body.yp .yp-portlet .yp-icon.yp-icon-bars, html body.yp .yp-portlet .yp-icon.yp-icon-message-unread, html body.yp .yp-portlet .yp-icon.yp-icon-message-read, html body.yp .yp-portlet .yp-icon.yp-icon-money, html body.yp .yp-portlet .yp-icon.yp-icon-folder, html body.yp .yp-portlet .yp-icon.yp-icon-file, html body.yp .yp-portlet .yp-icon.yp-icon-files, html body.yp .yp-portlet .yp-icon.yp-icon-home, html body.yp .yp-portlet .yp-icon.yp-icon-filter, html body.yp .yp-portlet .yp-icon.yp-icon-expand, html body.yp .yp-portlet .yp-icon.yp-icon-collapse, html body.yp .yp-portlet .yp-icon.yp-icon-add, html body.yp .yp-portlet .yp-icon.yp-icon-print, html body.yp .yp-portlet .yp-icon.yp-icon-sort-az, html body.yp .yp-portlet .yp-icon.yp-icon-sort-za, html body.yp .yp-portlet .yp-icon.yp-icon-comment, html body.yp .yp-portlet .yp-icon.yp-icon-list, html body.yp .yp-portlet .yp-icon.yp-icon-table, html body.yp .yp-portlet .yp-icon.yp-icon-chart-bar, html body.yp .yp-portlet .yp-icon.yp-icon-forbidden, html body.yp .yp-portlet .yp-icon.yp-icon-key, html body.yp .yp-portlet .yp-icon.yp-icon-locked, html body.yp .yp-portlet .yp-icon.yp-icon-unlocked, html body.yp .yp-portlet .yp-icon.yp-icon-user-circled, html body.yp .yp-portlet .yp-icon.yp-icon-credit-card, html body.yp .yp-portlet .yp-icon.yp-icon-outgoing, html body.yp .yp-portlet .yp-icon.yp-icon-building, html body.yp .yp-portlet .yp-icon.yp-icon-globe, html body.yp .yp-portlet .yp-icon.yp-icon-file-image, html body.yp .yp-portlet .yp-icon.yp-icon-file-word, html body.yp .yp-portlet .yp-icon.yp-icon-file-pdf, html body.yp .yp-portlet .yp-icon.yp-icon-file-archive, html body.yp .yp-portlet .yp-icon.yp-icon-file-excel, html body.yp .yp-portlet .yp-icon.yp-icon-file-text, html body.yp .yp-portlet .yp-icon.yp-icon-paperclip, html body.yp .yp-portlet .yp-icon.yp-icon-arrow-left, html body.yp .yp-portlet .yp-icon.yp-icon-arrow-right, html body.yp .yp-portlet .yp-icon.yp-icon-arrow-down, html body.yp .yp-portlet .yp-icon.yp-icon-arrow-up, html body.yp .yp-portlet .yp-icon.yp-icon-mail-reply, html body.yp .yp-portlet .yp-icon.yp-icon-mail-forward, html body.yp .yp-portlet .yp-icon.yp-icon-mail-save, html body.yp .yp-portlet .yp-icon.yp-icon-mail-send, html body.yp .yp-portlet .yp-icon.yp-icon-mail-edit, html body.yp .yp-portlet .yp-icon.yp-icon-plus-square, html body.yp .yp-portlet .yp-icon.yp-icon-minus-square, html body.yp .yp-portlet .yp-icon.yp-icon-circle, html body.yp .yp-portlet .yp-icon.yp-icon-insert, html body.yp .yp-portlet .yp-icon.yp-icon-arrows-v, html body.yp .yp-portlet .yp-icon.yp-icon-long-arrow-right, html body.yp .yp-portlet .yp-icon.yp-icon-arrow-circle-o-right {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  html body.yp .yp-portlet .yp-icon {
    /** Sizes: defined in enum IconSize */
    /** Icons: defined in enum Icon */ }
    html body.yp .yp-portlet .yp-icon.yp-icon-size-xs {
      width: 16px;
      height: 16px;
      background-size: 16px;
      font-size: 16px !important; }
    html body.yp .yp-portlet .yp-icon.yp-icon-size-sm {
      width: 24px;
      height: 24px;
      background-size: 24px;
      font-size: 24px !important; }
    html body.yp .yp-portlet .yp-icon.yp-icon-size-md {
      width: 32px;
      height: 32px;
      background-size: 32px;
      font-size: 32px !important; }
    html body.yp .yp-portlet .yp-icon.yp-icon-size-lg {
      width: 48px;
      height: 48px;
      background-size: 48px;
      font-size: 48px !important; }
    html body.yp .yp-portlet .yp-icon.yp-icon-size-xl {
      width: 64px;
      height: 64px;
      background-size: 64px;
      font-size: 64px !important; }
    html body.yp .yp-portlet .yp-icon.yp-icon-view:before {
      content: "\f06e"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-edit:before {
      content: "\f040"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-delete:before {
      content: "\f1f8"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-close:before {
      content: "\f00d"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-refresh:before {
      content: "\f021"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-history:before {
      content: "\f1da"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-pending:before {
      content: "\f252"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-search:before {
      content: "\f002"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-info:before {
      content: "\f05a"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-warning:before {
      content: "\f071"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-help:before {
      content: "\f29c"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-user:before {
      content: "\f007"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-users:before {
      content: "\f0c0"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-calendar:before {
      content: "\f073"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-notification:before {
      content: "\f0a2"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-settings:before {
      content: "\f013"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-check:before {
      content: "\f00c"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-checkbox:before {
      content: "\f046"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-empty-box:before {
      content: "\f096"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-time:before {
      content: "\f017"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-download:before {
      content: "\f019"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-upload:before {
      content: "\f093"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-dots:before {
      content: "\f142"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-bars:before {
      content: "\f0c9"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-message-unread:before {
      content: "\f003"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-message-read:before {
      content: "\f2b7"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-money:before {
      content: "\f0d6"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-folder:before {
      content: "\f115"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-file:before {
      content: "\f016"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-files:before {
      content: "\f0c5"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-home:before {
      content: "\f015"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-filter:before {
      content: "\f0b0"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-expand:before {
      content: "\f196"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-collapse:before {
      content: "\f147"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-add:before {
      content: "\f067"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-print:before {
      content: "\f02f"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-sort-az:before {
      content: "\f160"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-sort-za:before {
      content: "\f161"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-comment:before {
      content: "\f0e5"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-list:before {
      content: "\f0ca"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-table:before {
      content: "\f0ce"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-chart-bar:before {
      content: "\f080"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-forbidden:before {
      content: "\f05e"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-forbidden:before {
      content: "\f05e"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-key:before {
      content: "\f084"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-locked:before {
      content: "\f023"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-unlocked:before {
      content: "\f13e"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-user-circled:before {
      content: "\f2be"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-credit-card:before {
      content: "\f09d"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-outgoing:before {
      content: "\f045"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-building:before {
      content: "\f0f7"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-globe:before {
      content: "\f0ac"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-file-image:before {
      content: "\f1c5"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-file-word:before {
      content: "\f1c2"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-file-pdf:before {
      content: "\f1c1"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-file-archive:before {
      content: "\f1c6"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-file-excel:before {
      content: "\f1c3"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-file-text:before {
      content: "\f0f6"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-paperclip:before {
      content: "\f0c6"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-arrow-left:before {
      content: "\f060"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-arrow-right:before {
      content: "\f061"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-arrow-down:before {
      content: "\f063"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-arrow-up:before {
      content: "\f062"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-mail-reply:before {
      content: "\f112"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-mail-forward:before {
      content: "\f064"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-mail-save:before {
      content: "\f0c7"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-mail-send:before {
      content: "\f1d8"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-mail-edit:before {
      content: "\f044"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-plus-square:before {
      content: "\f0fe"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-minus-square:before {
      content: "\f146"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-circle:before {
      content: "\f111"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-insert {
      /*fa-indent*/ }
      html body.yp .yp-portlet .yp-icon.yp-icon-insert:before {
        content: "\f03c"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-arrows-v:before {
      content: "\f07d"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-long-arrow-right:before {
      content: "\f178"; }
    html body.yp .yp-portlet .yp-icon.yp-icon-arrow-circle-o-right:before {
      content: "\f18e"; }
  html body.yp .yp-portlet .yp-image {
    /** For all images */
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /** Sizes: defined in enum ImageSize */
    /** At the moment, 3 sizes : 80, 160, 256 */
    /** Image shapes */
    /** Images: Defined in enum Image */ }
    html body.yp .yp-portlet .yp-image.yp-image-size-s {
      height: 80px;
      width: 80px; }
    html body.yp .yp-portlet .yp-image.yp-image-size-m {
      height: 160px;
      width: 160px; }
    html body.yp .yp-portlet .yp-image.yp-image-size-l {
      height: 256px;
      width: 256px; }
    html body.yp .yp-portlet .yp-image .yp-image-shape-circle {
      border-radius: 50%; }
    html body.yp .yp-portlet .yp-image .yp-image-shape-square {
      border-radius: 0; }
    html body.yp .yp-portlet .yp-image.yp-image-bird-nest {
      background-image: url(../images/yp/image/Nest-in-branch-with-three-yellow-birds-2975_m.jpg); }
    html body.yp .yp-portlet .yp-image.yp-image-boat {
      background-image: url("http://d19vj6yy87fjj8.cloudfront.net/wp-content/uploads/2014/11/MorrisYachts-48GT-highres-3545-256x256.jpg"); }
    html body.yp .yp-portlet .yp-image.yp-image-flowers {
      background-image: url("https://news.artnet.com/app/news-upload/2015/02/flowers02-256x256.jpg"); }
  html body.yp .yp-portlet .clearfix, html body.yp .yp-portlet .yp-content-wdgetscontainer, html body.yp .yp-portlet fieldset, html body.yp .yp-portlet .repeater-wrapper > div, html body.yp .yp-portlet .yp-summary-board, html body.yp .yp-portlet .yp-dashboard, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"], html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button, html body.yp .yp-portlet-ttt.yp-portlet .yp-view,
  html body.yp .yp-portlet-yme.yp-portlet .yp-view,
  html body.yp .yp-portlet-ysc.yp-portlet .yp-view,
  html body.yp .yp-portlet-yse.yp-portlet .yp-view,
  html body.yp .yp-portlet-ilf.yp-portlet .yp-view,
  html body.yp .yp-portlet-idd.yp-portlet .yp-view {
    *zoom: 1; }
    html body.yp .yp-portlet .clearfix:before, html body.yp .yp-portlet .yp-content-wdgetscontainer:before, html body.yp .yp-portlet fieldset:before, html body.yp .yp-portlet .repeater-wrapper > div:before, html body.yp .yp-portlet .yp-summary-board:before, html body.yp .yp-portlet .yp-dashboard:before, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"]:before, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button:before, html body.yp .yp-portlet-ttt.yp-portlet .yp-view:before,
    html body.yp .yp-portlet-yme.yp-portlet .yp-view:before,
    html body.yp .yp-portlet-ysc.yp-portlet .yp-view:before,
    html body.yp .yp-portlet-yse.yp-portlet .yp-view:before,
    html body.yp .yp-portlet-ilf.yp-portlet .yp-view:before,
    html body.yp .yp-portlet-idd.yp-portlet .yp-view:before, html body.yp .yp-portlet .clearfix:after, html body.yp .yp-portlet .yp-content-wdgetscontainer:after, html body.yp .yp-portlet fieldset:after, html body.yp .yp-portlet .repeater-wrapper > div:after, html body.yp .yp-portlet .yp-summary-board:after, html body.yp .yp-portlet .yp-dashboard:after, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"]:after, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button:after, html body.yp .yp-portlet-ttt.yp-portlet .yp-view:after,
    html body.yp .yp-portlet-yme.yp-portlet .yp-view:after,
    html body.yp .yp-portlet-ysc.yp-portlet .yp-view:after,
    html body.yp .yp-portlet-yse.yp-portlet .yp-view:after,
    html body.yp .yp-portlet-ilf.yp-portlet .yp-view:after,
    html body.yp .yp-portlet-idd.yp-portlet .yp-view:after {
      content: " ";
      display: table; }
    html body.yp .yp-portlet .clearfix:after, html body.yp .yp-portlet .yp-content-wdgetscontainer:after, html body.yp .yp-portlet fieldset:after, html body.yp .yp-portlet .repeater-wrapper > div:after, html body.yp .yp-portlet .yp-summary-board:after, html body.yp .yp-portlet .yp-dashboard:after, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"]:after, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button:after, html body.yp .yp-portlet-ttt.yp-portlet .yp-view:after,
    html body.yp .yp-portlet-yme.yp-portlet .yp-view:after,
    html body.yp .yp-portlet-ysc.yp-portlet .yp-view:after,
    html body.yp .yp-portlet-yse.yp-portlet .yp-view:after,
    html body.yp .yp-portlet-ilf.yp-portlet .yp-view:after,
    html body.yp .yp-portlet-idd.yp-portlet .yp-view:after {
      clear: both; }
  html body.yp .yp-portlet .flush-all, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"], html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button .yp-component-wrapper, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button .yp-component-wrapper label.title-sub-section,
  html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button .yp-component-wrapper label.label-informative, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-img"], html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-magazine"] {
    margin: 0;
    padding: 0; }
  html body.yp .yp-portlet .bg-cover-center, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-img"] .yp-action .k-button .yp-component-wrapper i, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-magazine"] i {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  @media only screen and (min-width: 481px) {
    html body.yp .yp-portlet .over-phone-center-contents-vh, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-simple"] .yp-action .k-button {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; } }
  html body.yp .yp-portlet .yp-dashboard {
    background-color: transparent;
    margin: 0;
    padding: 0;
    color: #555555;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    /**fixer les alignements entre les libelles - Mouvements en attente**/ }
    html body.yp .yp-portlet .yp-dashboard label {
      font-size: 14px; }
    html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-indicators-update"] div.add-space-small .yp-label label {
      font-size: 11px; }
    html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-indicators-update"] div.add-space-height {
      height: 10% !important; }
    html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] {
      outline: transparent solid 2px;
      position: relative;
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
      margin: 0px 0px 10px 0px; }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"]:hover {
        top: -1px; }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"]:active {
        top: 1px; }
      @media only screen and (min-width: 481px) {
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] {
          float: left;
          margin: 0px 10px 10px 0px; }
          html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"]:hover {
            outline-color: #bbec14; } }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button {
        padding: 10px;
        box-sizing: border-box;
        border-radius: 0;
        color: rgba(255, 255, 255, 0.85);
        background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.15), transparent, transparent);
        cursor: pointer;
        border: none;
        width: 100%;
        height: 100%;
        position: relative;
        text-align: initial; }
        @media only screen and (min-width: 481px) {
          html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button {
            text-align: center; } }
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button:hover {
          background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.08), transparent); }
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button .yp-component-wrapper label.title-sub-section,
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button .yp-component-wrapper label.label-informative {
          cursor: pointer;
          text-transform: none;
          font-weight: normal;
          color: inherit; }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel .yp-action .k-button, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel.yp-bg-color-primary .yp-action .k-button {
        background-color: #96BE0F; }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel.yp-bg-color-secondary .yp-action .k-button {
        background-color: #2B3A61; }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel.yp-bg-color-tertiary .yp-action .k-button {
        background-color: #555555; }
      @media only screen and (min-width: 481px) {
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel, html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel.col-md-3 {
          width: 120px;
          height: 120px; }
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel.col-md-6 {
          width: 250px;
          height: 120px; }
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel.col-md-9 {
          width: 380px;
          height: 120px; }
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-panel.col-md-12 {
          width: 510px;
          height: 120px; } }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"] .yp-checkbox [type=checkbox] {
        margin: 0;
        position: absolute;
        right: 15px;
        bottom: -5px; }
      @media only screen and (max-width: 480px) {
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-simple"] .yp-action .k-button .yp-component-wrapper i {
          font-size: 1.5em; }
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-simple"] .yp-action .k-button .yp-component-wrapper.yp-label {
          display: inline;
          width: auto; } }
      @media only screen and (min-width: 481px) {
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-simple"] .yp-action .k-button .yp-component-wrapper i {
          font-size: 3em; }
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-simple"] .yp-action .k-button .yp-component-wrapper label.title-sub-section {
          display: block;
          line-height: 1em;
          margin-top: 0.4em;
          text-align: center;
          width: 100%; } }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-img"] .yp-panel {
        width: 100%;
        height: 100%; }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-img"] .yp-action .k-button .yp-component-wrapper i {
        display: block;
        width: 100%;
        height: 100%; }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-profile"] .yp-action .k-button .yp-component-wrapper.yp-image {
        width: 80px;
        height: 80px;
        display: block;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px; }
        @media only screen and (max-width: 480px) {
          html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-profile"] .yp-action .k-button .yp-component-wrapper.yp-image {
            width: 40px;
            height: 40px; } }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-profile"] .yp-action .k-button .yp-component-wrapper.yp-label {
        float: none;
        display: inline;
        width: auto; }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-profile"] .yp-action .k-button .yp-component-wrapper label.title-sub-section {
        font-size: 1.3em;
        font-weight: 300;
        float: none;
        display: block;
        width: auto; }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-profile"] .yp-action .k-button .yp-component-wrapper label.label-informative {
        font-size: 0.9em;
        float: none;
        display: block;
        width: auto; }
      @media only screen and (max-width: 480px) {
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-count"] .yp-action .k-button .yp-component-wrapper label.title-sub-section {
          display: inline; }
          html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-count"] .yp-action .k-button .yp-component-wrapper label.title-sub-section:after {
            content: ": "; }
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-count"] .yp-action .k-button .yp-component-wrapper label.label-informative {
          font-size: 1.2em;
          font-weight: 300;
          float: right; } }
      @media only screen and (min-width: 481px) {
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-count"] .yp-action .k-button .yp-component-wrapper label.title-sub-section {
          font-size: 1.3em;
          font-weight: 300; }
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-count"] .yp-action .k-button .yp-component-wrapper label.label-informative {
          font-size: 2em;
          font-weight: 300;
          position: absolute;
          bottom: 10px;
          right: 10px;
          text-align: right; } }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-magazine"] i {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.4; }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-magazine"] .yp-action .k-button .yp-component-wrapper label.title-sub-section {
        padding: 10px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); }
      @media only screen and (max-width: 480px) {
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-magazine"] .yp-action .k-button .yp-component-wrapper label.title-sub-section {
          display: block;
          position: relative; } }
      @media only screen and (min-width: 481px) {
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-magazine"] .yp-action .k-button .yp-component-wrapper label.title-sub-section {
          position: absolute;
          bottom: 0; } }
      html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-deco"] {
        outline: none;
        cursor: default; }
        html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-deco"]:active {
          top: 0; }
        @media only screen and (max-width: 480px) {
          html body.yp .yp-portlet .yp-dashboard div[class*="yp-layout-type-dashboard-"][class*="-deco"] {
            display: none; } }
    html body.yp .yp-portlet .yp-dashboard .yp-layout .yp-label.yp-component-wrapper {
      margin-bottom: 0px !important; }
    html body.yp .yp-portlet .yp-dashboard .yp-layout .yp-label label {
      padding-top: 0px !important;
      line-height: unset; }
  html body.yp .yp-portlet .yp-actionbar-mini {
    padding: 0.2em; }
    html body.yp .yp-portlet .yp-actionbar-mini.yp-align-right {
      float: right; }
    html body.yp .yp-portlet .yp-actionbar-mini.yp-align-left {
      float: left; }
    html body.yp .yp-portlet .yp-actionbar-mini > .yp-action .yp-action-label {
      display: none; }
    html body.yp .yp-portlet .yp-actionbar-mini > .yp-action:not([style*="display: none"]) + .yp-action:not([style*="display: none"]) {
      margin-left: 0; }
    html body.yp .yp-portlet .yp-actionbar-mini > .yp-action:not([style*="display: none"]) + .element-action-wrapper:not([style*="display: none"]) {
      margin-left: 1em; }
    html body.yp .yp-portlet .yp-actionbar-mini .element-action-wrapper {
      position: relative;
      display: inline-block;
      top: 8px; }
      html body.yp .yp-portlet .yp-actionbar-mini .element-action-wrapper .action-icon {
        position: relative; }
      html body.yp .yp-portlet .yp-actionbar-mini .element-action-wrapper .k-button.btn-icon {
        width: auto;
        background-color: inherit !important;
        border-radius: 0;
        box-shadow: none;
        color: inherit;
        text-transform: none;
        text-decoration: inherit; }
        html body.yp .yp-portlet .yp-actionbar-mini .element-action-wrapper .k-button.btn-icon i {
          position: initial;
          transform: none;
          font-size: 1.5em;
          margin-right: 0.5em; }
        html body.yp .yp-portlet .yp-actionbar-mini .element-action-wrapper .k-button.btn-icon .yp-action-label {
          text-decoration: inherit; }
          html body.yp .yp-portlet .yp-actionbar-mini .element-action-wrapper .k-button.btn-icon .yp-action-label span {
            text-decoration: inherit; }
      html body.yp .yp-portlet .yp-actionbar-mini .element-action-wrapper .yp-action:hover, html body.yp .yp-portlet .yp-actionbar-mini .element-action-wrapper .yp-action:focus {
        text-decoration: underline; }
  html body.yp .yp-portlet .yp-repeater.yp-style-hierarchy-gradient {
    padding: 0px;
    float: none; }
    html body.yp .yp-portlet .yp-repeater.yp-style-hierarchy-gradient > .yp-repeater-elt {
      border-left: 8px solid #96BE0F;
      border-top: 1px solid #d7d7d7;
      border-right: 1px solid #d7d7d7; }
      html body.yp .yp-portlet .yp-repeater.yp-style-hierarchy-gradient > .yp-repeater-elt:last-child {
        border-bottom: 1px solid #d7d7d7; }
      html body.yp .yp-portlet .yp-repeater.yp-style-hierarchy-gradient > .yp-repeater-elt .yp-style-hierarchy-gradient > .yp-repeater-elt {
        position: relative;
        border-right: none;
        left: -8px;
        width: calc(100% + $thinBorderWidth + $borderWidth);
        border-left-color: rgba(255, 255, 255, 0.25); }
        html body.yp .yp-portlet .yp-repeater.yp-style-hierarchy-gradient > .yp-repeater-elt .yp-style-hierarchy-gradient > .yp-repeater-elt:last-child {
          border-bottom: none; }
      html body.yp .yp-portlet .yp-repeater.yp-style-hierarchy-gradient > .yp-repeater-elt:nth-child(odd) {
        border-left-color: #2B3A61; }
      html body.yp .yp-portlet .yp-repeater.yp-style-hierarchy-gradient > .yp-repeater-elt:nth-child(even) {
        border-left-color: #96BE0F; }
  html body.yp .yp-portlet .yp-repeater .yp-error {
    text-align: center;
    padding: 3em; }
    html body.yp .yp-portlet .yp-repeater .yp-error .yp-error-message {
      border: 1px solid #ef6262;
      background-color: #f8f8f8;
      padding: 1em 2em;
      color: #666;
      display: block; }
  html body.yp .yp-portlet .yp-combo .k-dropdown,
  html body.yp .yp-portlet .yp-combo .k-combobox {
    width: 100%;
    border: 1px solid #F4F4F4; }
  html body.yp .yp-portlet .yp-combo .k-dropdown .k-dropdown-wrap,
  html body.yp .yp-portlet .yp-combo .k-combobox .k-dropdown-wrap {
    box-shadow: none; }
  html body.yp .yp-portlet .yp-combo .yp-virtual, html body.yp .yp-portlet .yp-combo .yp-blank {
    display: none; }
  html body.yp .yp-portlet .yp-combo .k-multiselect .k-i-close {
    position: relative;
    top: 3px; }
  html body.yp .yp-portlet .yp-combo .placeholder,
  html body.yp .yp-portlet .yp-combo .k-multiselect .k-input {
    font-style: italic;
    color: #aaa; }
  html body.yp .yp-portlet .yp-combo:not(.yp-loading) .k-select .k-i-arrow-s {
    background: none; }
    html body.yp .yp-portlet .yp-combo:not(.yp-loading) .k-select .k-i-arrow-s:before {
      content: "\f2f9";
      font: normal normal normal 14px/1 Material-Design-Iconic-Font;
      font-size: 15px;
      color: #2B3A61;
      position: absolute;
      right: 14px;
      top: 0;
      line-height: 35px;
      cursor: pointer;
      width: 8px;
      min-height: 35px;
      height: 100%; }
  html body.yp .yp-portlet .yp-combo:not(.yp-loading) .k-state-border-down .k-select .k-i-arrow-s:before,
  html body.yp .yp-portlet .yp-combo:not(.yp-loading) .k-state-border-down .k-multiselect-wrap:before {
    content: "\f2fc"; }
  html body.yp .yp-portlet .yp-combo:not(.yp-loading) .yp-clear + .k-select {
    display: none; }
  html body.yp .yp-portlet .yp-combo:not(.yp-loading) .yp-clear {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 9px; }
    html body.yp .yp-portlet .yp-combo:not(.yp-loading) .yp-clear .k-i-close {
      background: none; }
      html body.yp .yp-portlet .yp-combo:not(.yp-loading) .yp-clear .k-i-close:before {
        content: "\f136";
        font: normal normal normal 14px/1 Material-Design-Iconic-Font;
        font-size: 15px;
        color: #2B3A61;
        position: absolute;
        right: 14px;
        top: 0;
        line-height: 35px;
        cursor: pointer;
        width: 8px;
        min-height: 35px;
        height: 100%; }
  html body.yp .yp-portlet .yp-combo.yp-loading .k-multiselect-wrap:before {
    content: ''; }
  html body.yp .yp-portlet .yp-combo.yp-loading .yp-clear {
    display: none; }
  html body.yp .yp-portlet .yp-combo .yp-loading-option {
    padding-left: 2em;
    margin-bottom: 1em;
    font-style: italic;
    color: #999999; }
  html body.yp .yp-portlet .yp-combo .form-group.error .k-input {
    padding-left: 2em; }
  html body.yp .yp-portlet .yp-combo .k-list .k-state-hover,
  html body.yp .yp-portlet .yp-combo .k-list .k-state-selected,
  html body.yp .yp-portlet .yp-combo .k-list .k-state-focused {
    background-color: #96BE0F;
    color: white; }
  html body.yp .yp-portlet .yp-combo .k-list .k-state-hover,
  html body.yp .yp-portlet .yp-combo .k-list .k-state-focused:not(.k-state-selected) {
    opacity: 0.5; }
  @media (max-width: 992px) {
    html body.yp .yp-portlet .yp-combo .yp-opt-header-container {
      display: none; }
    html body.yp .yp-portlet .yp-combo .yp-opt-container {
      display: block; }
    html body.yp .yp-portlet .yp-combo .yp-opt {
      display: block; }
    html body.yp .yp-portlet .yp-combo .yp-opt-container:not(.yp-no-data-label) .yp-opt:before {
      content: attr(data-title) ": ";
      font-weight: bold; }
    html body.yp .yp-portlet .yp-combo li:not(:last-child) .yp-opt-container:not(.yp-no-data-label) {
      border-bottom: 1px solid black !important; } }
  @media (min-width: 992px) {
    html body.yp .yp-portlet .yp-combo .yp-opt-header-container {
      padding: 15px 29px 5px 12px;
      font-weight: bold;
      border-bottom: 1px solid #444; } }
  html body.yp .yp-portlet .yp-combo.yp-disabled .k-widget,
  html body.yp .yp-portlet .yp-combo.yp-disabled .k-multiselect-wrap,
  html body.yp .yp-portlet .yp-combo.yp-disabled .k-multiselect-wrap:before,
  html body.yp .yp-portlet .yp-combo.yp-disabled .k-multiselect-wrap .k-button,
  html body.yp .yp-portlet .yp-combo.yp-disabled .k-multiselect-wrap .k-input,
  html body.yp .yp-portlet .yp-combo.yp-disabled .k-multiselect-wrap .k-icon,
  html body.yp .yp-portlet .yp-combo.yp-disabled .k-dropdown-wrap,
  html body.yp .yp-portlet .yp-combo.yp-disabled .k-select .k-i-arrow-s:before,
  html body.yp .yp-portlet .yp-combo.yp-disabled .yp-clear .k-i-close:before, html body.yp .yp-portlet .yp-combo.yp-readonly .k-widget,
  html body.yp .yp-portlet .yp-combo.yp-readonly .k-multiselect-wrap,
  html body.yp .yp-portlet .yp-combo.yp-readonly .k-multiselect-wrap:before,
  html body.yp .yp-portlet .yp-combo.yp-readonly .k-multiselect-wrap .k-button,
  html body.yp .yp-portlet .yp-combo.yp-readonly .k-multiselect-wrap .k-input,
  html body.yp .yp-portlet .yp-combo.yp-readonly .k-multiselect-wrap .k-icon,
  html body.yp .yp-portlet .yp-combo.yp-readonly .k-dropdown-wrap,
  html body.yp .yp-portlet .yp-combo.yp-readonly .k-select .k-i-arrow-s:before,
  html body.yp .yp-portlet .yp-combo.yp-readonly .yp-clear .k-i-close:before {
    cursor: not-allowed !important; }
  html body.yp .yp-portlet .yp-flex-container {
    display: flex; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-default {
    flex-grow: 1; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-auto {
    flex-grow: 1; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-grow-2 {
    flex-grow: 2; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-grow-3 {
    flex-grow: 3; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-shrink-2 {
    flex-shrink: 2; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-shrink-3 {
    flex-shrink: 3; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-icon {
    width: 40px; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-checkbox {
    width: 40px; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-double-icon {
    width: 80px; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-date {
    width: 120px; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-width-40 {
    width: 40px; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-width-80 {
    width: 80px; }
  html body.yp .yp-portlet .yp-flex-item.yp-size-width-120 {
    width: 120px; }

@font-face {
  html body.yp .yp-portlet {
    font-family: 'Material-Design-Iconic-Font';
    src: url("fonts/Material-Design-Iconic-Font.woff2?v=2.2.0") format("woff2"), url("fonts/Material-Design-Iconic-Font.woff?v=2.2.0") format("woff"), url("fonts/Material-Design-Iconic-Font.ttf?v=2.2.0") format("truetype");
    font-weight: normal;
    font-style: normal; } }
  html body.yp .yp-portlet .zmdi {
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  html body.yp .yp-portlet .zmdi-hc-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%; }
  html body.yp .yp-portlet .zmdi-hc-2x {
    font-size: 2em; }
  html body.yp .yp-portlet .zmdi-hc-3x {
    font-size: 3em; }
  html body.yp .yp-portlet .zmdi-hc-4x {
    font-size: 4em; }
  html body.yp .yp-portlet .zmdi-hc-5x {
    font-size: 5em; }
  html body.yp .yp-portlet .zmdi-hc-fw {
    width: 1.28571429em;
    text-align: center; }
  html body.yp .yp-portlet .zmdi-hc-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none; }
  html body.yp .yp-portlet .zmdi-hc-ul > li {
    position: relative; }
  html body.yp .yp-portlet .zmdi-hc-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center; }
  html body.yp .yp-portlet .zmdi-hc-li.zmdi-hc-lg {
    left: -1.85714286em; }
  html body.yp .yp-portlet .zmdi-hc-border {
    padding: .1em .25em;
    border: solid 0.1em #9e9e9e;
    border-radius: 2px; }
  html body.yp .yp-portlet .zmdi-hc-border-circle {
    padding: .1em .25em;
    border: solid 0.1em #9e9e9e;
    border-radius: 50%; }
  html body.yp .yp-portlet .zmdi.pull-left {
    float: left;
    margin-right: .15em; }
  html body.yp .yp-portlet .zmdi.pull-right {
    float: right;
    margin-left: .15em; }
  html body.yp .yp-portlet .zmdi-hc-spin {
    -webkit-animation: zmdi-spin 1.5s infinite linear;
    animation: zmdi-spin 1.5s infinite linear; }
  html body.yp .yp-portlet .zmdi-hc-spin-reverse {
    -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
    animation: zmdi-spin-reverse 1.5s infinite linear; }

@-webkit-keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }

@keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }
  html body.yp .yp-portlet .zmdi-hc-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  html body.yp .yp-portlet .zmdi-hc-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  html body.yp .yp-portlet .zmdi-hc-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  html body.yp .yp-portlet .zmdi-hc-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  html body.yp .yp-portlet .zmdi-hc-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1); }
  html body.yp .yp-portlet .zmdi-hc-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle; }
  html body.yp .yp-portlet .zmdi-hc-stack-1x,
  html body.yp .yp-portlet .zmdi-hc-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center; }
  html body.yp .yp-portlet .zmdi-hc-stack-1x {
    line-height: inherit; }
  html body.yp .yp-portlet .zmdi-hc-stack-2x {
    font-size: 2em; }
  html body.yp .yp-portlet .zmdi-hc-inverse {
    color: #ffffff; }
  html body.yp .yp-portlet .zmdi-3d-rotation:before {
    content: '\f101'; }
  html body.yp .yp-portlet .zmdi-airplane-off:before {
    content: '\f102'; }
  html body.yp .yp-portlet .zmdi-airplane:before {
    content: '\f103'; }
  html body.yp .yp-portlet .zmdi-album:before {
    content: '\f104'; }
  html body.yp .yp-portlet .zmdi-archive:before {
    content: '\f105'; }
  html body.yp .yp-portlet .zmdi-assignment-account:before {
    content: '\f106'; }
  html body.yp .yp-portlet .zmdi-assignment-alert:before {
    content: '\f107'; }
  html body.yp .yp-portlet .zmdi-assignment-check:before {
    content: '\f108'; }
  html body.yp .yp-portlet .zmdi-assignment-o:before {
    content: '\f109'; }
  html body.yp .yp-portlet .zmdi-assignment-return:before {
    content: '\f10a'; }
  html body.yp .yp-portlet .zmdi-assignment-returned:before {
    content: '\f10b'; }
  html body.yp .yp-portlet .zmdi-assignment:before {
    content: '\f10c'; }
  html body.yp .yp-portlet .zmdi-attachment-alt:before {
    content: '\f10d'; }
  html body.yp .yp-portlet .zmdi-attachment:before {
    content: '\f10e'; }
  html body.yp .yp-portlet .zmdi-audio:before {
    content: '\f10f'; }
  html body.yp .yp-portlet .zmdi-badge-check:before {
    content: '\f110'; }
  html body.yp .yp-portlet .zmdi-balance-wallet:before {
    content: '\f111'; }
  html body.yp .yp-portlet .zmdi-balance:before {
    content: '\f112'; }
  html body.yp .yp-portlet .zmdi-battery-alert:before {
    content: '\f113'; }
  html body.yp .yp-portlet .zmdi-battery-flash:before {
    content: '\f114'; }
  html body.yp .yp-portlet .zmdi-battery-unknown:before {
    content: '\f115'; }
  html body.yp .yp-portlet .zmdi-battery:before {
    content: '\f116'; }
  html body.yp .yp-portlet .zmdi-bike:before {
    content: '\f117'; }
  html body.yp .yp-portlet .zmdi-block-alt:before {
    content: '\f118'; }
  html body.yp .yp-portlet .zmdi-block:before {
    content: '\f119'; }
  html body.yp .yp-portlet .zmdi-boat:before {
    content: '\f11a'; }
  html body.yp .yp-portlet .zmdi-book-image:before {
    content: '\f11b'; }
  html body.yp .yp-portlet .zmdi-book:before {
    content: '\f11c'; }
  html body.yp .yp-portlet .zmdi-bookmark-outline:before {
    content: '\f11d'; }
  html body.yp .yp-portlet .zmdi-bookmark:before {
    content: '\f11e'; }
  html body.yp .yp-portlet .zmdi-brush:before {
    content: '\f11f'; }
  html body.yp .yp-portlet .zmdi-bug:before {
    content: '\f120'; }
  html body.yp .yp-portlet .zmdi-bus:before {
    content: '\f121'; }
  html body.yp .yp-portlet .zmdi-cake:before {
    content: '\f122'; }
  html body.yp .yp-portlet .zmdi-car-taxi:before {
    content: '\f123'; }
  html body.yp .yp-portlet .zmdi-car-wash:before {
    content: '\f124'; }
  html body.yp .yp-portlet .zmdi-car:before {
    content: '\f125'; }
  html body.yp .yp-portlet .zmdi-card-giftcard:before {
    content: '\f126'; }
  html body.yp .yp-portlet .zmdi-card-membership:before {
    content: '\f127'; }
  html body.yp .yp-portlet .zmdi-card-travel:before {
    content: '\f128'; }
  html body.yp .yp-portlet .zmdi-card:before {
    content: '\f129'; }
  html body.yp .yp-portlet .zmdi-case-check:before {
    content: '\f12a'; }
  html body.yp .yp-portlet .zmdi-case-download:before {
    content: '\f12b'; }
  html body.yp .yp-portlet .zmdi-case-play:before {
    content: '\f12c'; }
  html body.yp .yp-portlet .zmdi-case:before {
    content: '\f12d'; }
  html body.yp .yp-portlet .zmdi-cast-connected:before {
    content: '\f12e'; }
  html body.yp .yp-portlet .zmdi-cast:before {
    content: '\f12f'; }
  html body.yp .yp-portlet .zmdi-chart-donut:before {
    content: '\f130'; }
  html body.yp .yp-portlet .zmdi-chart:before {
    content: '\f131'; }
  html body.yp .yp-portlet .zmdi-city-alt:before {
    content: '\f132'; }
  html body.yp .yp-portlet .zmdi-city:before {
    content: '\f133'; }
  html body.yp .yp-portlet .zmdi-close-circle-o:before {
    content: '\f134'; }
  html body.yp .yp-portlet .zmdi-close-circle:before {
    content: '\f135'; }
  html body.yp .yp-portlet .zmdi-close:before {
    content: '\f136'; }
  html body.yp .yp-portlet .zmdi-cocktail:before {
    content: '\f137'; }
  html body.yp .yp-portlet .zmdi-code-setting:before {
    content: '\f138'; }
  html body.yp .yp-portlet .zmdi-code-smartphone:before {
    content: '\f139'; }
  html body.yp .yp-portlet .zmdi-code:before {
    content: '\f13a'; }
  html body.yp .yp-portlet .zmdi-coffee:before {
    content: '\f13b'; }
  html body.yp .yp-portlet .zmdi-collection-bookmark:before {
    content: '\f13c'; }
  html body.yp .yp-portlet .zmdi-collection-case-play:before {
    content: '\f13d'; }
  html body.yp .yp-portlet .zmdi-collection-folder-image:before {
    content: '\f13e'; }
  html body.yp .yp-portlet .zmdi-collection-image-o:before {
    content: '\f13f'; }
  html body.yp .yp-portlet .zmdi-collection-image:before {
    content: '\f140'; }
  html body.yp .yp-portlet .zmdi-collection-item-1:before {
    content: '\f141'; }
  html body.yp .yp-portlet .zmdi-collection-item-2:before {
    content: '\f142'; }
  html body.yp .yp-portlet .zmdi-collection-item-3:before {
    content: '\f143'; }
  html body.yp .yp-portlet .zmdi-collection-item-4:before {
    content: '\f144'; }
  html body.yp .yp-portlet .zmdi-collection-item-5:before {
    content: '\f145'; }
  html body.yp .yp-portlet .zmdi-collection-item-6:before {
    content: '\f146'; }
  html body.yp .yp-portlet .zmdi-collection-item-7:before {
    content: '\f147'; }
  html body.yp .yp-portlet .zmdi-collection-item-8:before {
    content: '\f148'; }
  html body.yp .yp-portlet .zmdi-collection-item-9-plus:before {
    content: '\f149'; }
  html body.yp .yp-portlet .zmdi-collection-item-9:before {
    content: '\f14a'; }
  html body.yp .yp-portlet .zmdi-collection-item:before {
    content: '\f14b'; }
  html body.yp .yp-portlet .zmdi-collection-music:before {
    content: '\f14c'; }
  html body.yp .yp-portlet .zmdi-collection-pdf:before {
    content: '\f14d'; }
  html body.yp .yp-portlet .zmdi-collection-plus:before {
    content: '\f14e'; }
  html body.yp .yp-portlet .zmdi-collection-speaker:before {
    content: '\f14f'; }
  html body.yp .yp-portlet .zmdi-collection-text:before {
    content: '\f150'; }
  html body.yp .yp-portlet .zmdi-collection-video:before {
    content: '\f151'; }
  html body.yp .yp-portlet .zmdi-compass:before {
    content: '\f152'; }
  html body.yp .yp-portlet .zmdi-cutlery:before {
    content: '\f153'; }
  html body.yp .yp-portlet .zmdi-delete:before {
    content: '\f154'; }
  html body.yp .yp-portlet .zmdi-dialpad:before {
    content: '\f155'; }
  html body.yp .yp-portlet .zmdi-dns:before {
    content: '\f156'; }
  html body.yp .yp-portlet .zmdi-drink:before {
    content: '\f157'; }
  html body.yp .yp-portlet .zmdi-edit:before {
    content: '\f158'; }
  html body.yp .yp-portlet .zmdi-email-open:before {
    content: '\f159'; }
  html body.yp .yp-portlet .zmdi-email:before {
    content: '\f15a'; }
  html body.yp .yp-portlet .zmdi-eye-off:before {
    content: '\f15b'; }
  html body.yp .yp-portlet .zmdi-eye:before {
    content: '\f15c'; }
  html body.yp .yp-portlet .zmdi-eyedropper:before {
    content: '\f15d'; }
  html body.yp .yp-portlet .zmdi-favorite-outline:before {
    content: '\f15e'; }
  html body.yp .yp-portlet .zmdi-favorite:before {
    content: '\f15f'; }
  html body.yp .yp-portlet .zmdi-filter-list:before {
    content: '\f160'; }
  html body.yp .yp-portlet .zmdi-fire:before {
    content: '\f161'; }
  html body.yp .yp-portlet .zmdi-flag:before {
    content: '\f162'; }
  html body.yp .yp-portlet .zmdi-flare:before {
    content: '\f163'; }
  html body.yp .yp-portlet .zmdi-flash-auto:before {
    content: '\f164'; }
  html body.yp .yp-portlet .zmdi-flash-off:before {
    content: '\f165'; }
  html body.yp .yp-portlet .zmdi-flash:before {
    content: '\f166'; }
  html body.yp .yp-portlet .zmdi-flip:before {
    content: '\f167'; }
  html body.yp .yp-portlet .zmdi-flower-alt:before {
    content: '\f168'; }
  html body.yp .yp-portlet .zmdi-flower:before {
    content: '\f169'; }
  html body.yp .yp-portlet .zmdi-font:before {
    content: '\f16a'; }
  html body.yp .yp-portlet .zmdi-fullscreen-alt:before {
    content: '\f16b'; }
  html body.yp .yp-portlet .zmdi-fullscreen-exit:before {
    content: '\f16c'; }
  html body.yp .yp-portlet .zmdi-fullscreen:before {
    content: '\f16d'; }
  html body.yp .yp-portlet .zmdi-functions:before {
    content: '\f16e'; }
  html body.yp .yp-portlet .zmdi-gas-station:before {
    content: '\f16f'; }
  html body.yp .yp-portlet .zmdi-gesture:before {
    content: '\f170'; }
  html body.yp .yp-portlet .zmdi-globe-alt:before {
    content: '\f171'; }
  html body.yp .yp-portlet .zmdi-globe-lock:before {
    content: '\f172'; }
  html body.yp .yp-portlet .zmdi-globe:before {
    content: '\f173'; }
  html body.yp .yp-portlet .zmdi-graduation-cap:before {
    content: '\f174'; }
  html body.yp .yp-portlet .zmdi-home:before {
    content: '\f175'; }
  html body.yp .yp-portlet .zmdi-hospital-alt:before {
    content: '\f176'; }
  html body.yp .yp-portlet .zmdi-hospital:before {
    content: '\f177'; }
  html body.yp .yp-portlet .zmdi-hotel:before {
    content: '\f178'; }
  html body.yp .yp-portlet .zmdi-hourglass-alt:before {
    content: '\f179'; }
  html body.yp .yp-portlet .zmdi-hourglass-outline:before {
    content: '\f17a'; }
  html body.yp .yp-portlet .zmdi-hourglass:before {
    content: '\f17b'; }
  html body.yp .yp-portlet .zmdi-http:before {
    content: '\f17c'; }
  html body.yp .yp-portlet .zmdi-image-alt:before {
    content: '\f17d'; }
  html body.yp .yp-portlet .zmdi-image-o:before {
    content: '\f17e'; }
  html body.yp .yp-portlet .zmdi-image:before {
    content: '\f17f'; }
  html body.yp .yp-portlet .zmdi-inbox:before {
    content: '\f180'; }
  html body.yp .yp-portlet .zmdi-invert-colors-off:before {
    content: '\f181'; }
  html body.yp .yp-portlet .zmdi-invert-colors:before {
    content: '\f182'; }
  html body.yp .yp-portlet .zmdi-key:before {
    content: '\f183'; }
  html body.yp .yp-portlet .zmdi-label-alt-outline:before {
    content: '\f184'; }
  html body.yp .yp-portlet .zmdi-label-alt:before {
    content: '\f185'; }
  html body.yp .yp-portlet .zmdi-label-heart:before {
    content: '\f186'; }
  html body.yp .yp-portlet .zmdi-label:before {
    content: '\f187'; }
  html body.yp .yp-portlet .zmdi-labels:before {
    content: '\f188'; }
  html body.yp .yp-portlet .zmdi-lamp:before {
    content: '\f189'; }
  html body.yp .yp-portlet .zmdi-landscape:before {
    content: '\f18a'; }
  html body.yp .yp-portlet .zmdi-layers-off:before {
    content: '\f18b'; }
  html body.yp .yp-portlet .zmdi-layers:before {
    content: '\f18c'; }
  html body.yp .yp-portlet .zmdi-library:before {
    content: '\f18d'; }
  html body.yp .yp-portlet .zmdi-link:before {
    content: '\f18e'; }
  html body.yp .yp-portlet .zmdi-lock-open:before {
    content: '\f18f'; }
  html body.yp .yp-portlet .zmdi-lock-outline:before {
    content: '\f190'; }
  html body.yp .yp-portlet .zmdi-lock:before {
    content: '\f191'; }
  html body.yp .yp-portlet .zmdi-mail-reply-all:before {
    content: '\f192'; }
  html body.yp .yp-portlet .zmdi-mail-reply:before {
    content: '\f193'; }
  html body.yp .yp-portlet .zmdi-mail-send:before {
    content: '\f194'; }
  html body.yp .yp-portlet .zmdi-mall:before {
    content: '\f195'; }
  html body.yp .yp-portlet .zmdi-map:before {
    content: '\f196'; }
  html body.yp .yp-portlet .zmdi-menu:before {
    content: '\f197'; }
  html body.yp .yp-portlet .zmdi-money-box:before {
    content: '\f198'; }
  html body.yp .yp-portlet .zmdi-money-off:before {
    content: '\f199'; }
  html body.yp .yp-portlet .zmdi-money:before {
    content: '\f19a'; }
  html body.yp .yp-portlet .zmdi-more-vert:before {
    content: '\f19b'; }
  html body.yp .yp-portlet .zmdi-more:before {
    content: '\f19c'; }
  html body.yp .yp-portlet .zmdi-movie-alt:before {
    content: '\f19d'; }
  html body.yp .yp-portlet .zmdi-movie:before {
    content: '\f19e'; }
  html body.yp .yp-portlet .zmdi-nature-people:before {
    content: '\f19f'; }
  html body.yp .yp-portlet .zmdi-nature:before {
    content: '\f1a0'; }
  html body.yp .yp-portlet .zmdi-navigation:before {
    content: '\f1a1'; }
  html body.yp .yp-portlet .zmdi-open-in-browser:before {
    content: '\f1a2'; }
  html body.yp .yp-portlet .zmdi-open-in-new:before {
    content: '\f1a3'; }
  html body.yp .yp-portlet .zmdi-palette:before {
    content: '\f1a4'; }
  html body.yp .yp-portlet .zmdi-parking:before {
    content: '\f1a5'; }
  html body.yp .yp-portlet .zmdi-pin-account:before {
    content: '\f1a6'; }
  html body.yp .yp-portlet .zmdi-pin-assistant:before {
    content: '\f1a7'; }
  html body.yp .yp-portlet .zmdi-pin-drop:before {
    content: '\f1a8'; }
  html body.yp .yp-portlet .zmdi-pin-help:before {
    content: '\f1a9'; }
  html body.yp .yp-portlet .zmdi-pin-off:before {
    content: '\f1aa'; }
  html body.yp .yp-portlet .zmdi-pin:before {
    content: '\f1ab'; }
  html body.yp .yp-portlet .zmdi-pizza:before {
    content: '\f1ac'; }
  html body.yp .yp-portlet .zmdi-plaster:before {
    content: '\f1ad'; }
  html body.yp .yp-portlet .zmdi-power-setting:before {
    content: '\f1ae'; }
  html body.yp .yp-portlet .zmdi-power:before {
    content: '\f1af'; }
  html body.yp .yp-portlet .zmdi-print:before {
    content: '\f1b0'; }
  html body.yp .yp-portlet .zmdi-puzzle-piece:before {
    content: '\f1b1'; }
  html body.yp .yp-portlet .zmdi-quote:before {
    content: '\f1b2'; }
  html body.yp .yp-portlet .zmdi-railway:before {
    content: '\f1b3'; }
  html body.yp .yp-portlet .zmdi-receipt:before {
    content: '\f1b4'; }
  html body.yp .yp-portlet .zmdi-refresh-alt:before {
    content: '\f1b5'; }
  html body.yp .yp-portlet .zmdi-refresh-sync-alert:before {
    content: '\f1b6'; }
  html body.yp .yp-portlet .zmdi-refresh-sync-off:before {
    content: '\f1b7'; }
  html body.yp .yp-portlet .zmdi-refresh-sync:before {
    content: '\f1b8'; }
  html body.yp .yp-portlet .zmdi-refresh:before {
    content: '\f1b9'; }
  html body.yp .yp-portlet .zmdi-roller:before {
    content: '\f1ba'; }
  html body.yp .yp-portlet .zmdi-ruler:before {
    content: '\f1bb'; }
  html body.yp .yp-portlet .zmdi-scissors:before {
    content: '\f1bc'; }
  html body.yp .yp-portlet .zmdi-screen-rotation-lock:before {
    content: '\f1bd'; }
  html body.yp .yp-portlet .zmdi-screen-rotation:before {
    content: '\f1be'; }
  html body.yp .yp-portlet .zmdi-search-for:before {
    content: '\f1bf'; }
  html body.yp .yp-portlet .zmdi-search-in-file:before {
    content: '\f1c0'; }
  html body.yp .yp-portlet .zmdi-search-in-page:before {
    content: '\f1c1'; }
  html body.yp .yp-portlet .zmdi-search-replace:before {
    content: '\f1c2'; }
  html body.yp .yp-portlet .zmdi-search:before {
    content: '\f1c3'; }
  html body.yp .yp-portlet .zmdi-seat:before {
    content: '\f1c4'; }
  html body.yp .yp-portlet .zmdi-settings-square:before {
    content: '\f1c5'; }
  html body.yp .yp-portlet .zmdi-settings:before {
    content: '\f1c6'; }
  html body.yp .yp-portlet .zmdi-shield-check:before {
    content: '\f1c7'; }
  html body.yp .yp-portlet .zmdi-shield-security:before {
    content: '\f1c8'; }
  html body.yp .yp-portlet .zmdi-shopping-basket:before {
    content: '\f1c9'; }
  html body.yp .yp-portlet .zmdi-shopping-cart-plus:before {
    content: '\f1ca'; }
  html body.yp .yp-portlet .zmdi-shopping-cart:before {
    content: '\f1cb'; }
  html body.yp .yp-portlet .zmdi-sign-in:before {
    content: '\f1cc'; }
  html body.yp .yp-portlet .zmdi-sort-amount-asc:before {
    content: '\f1cd'; }
  html body.yp .yp-portlet .zmdi-sort-amount-desc:before {
    content: '\f1ce'; }
  html body.yp .yp-portlet .zmdi-sort-asc:before {
    content: '\f1cf'; }
  html body.yp .yp-portlet .zmdi-sort-desc:before {
    content: '\f1d0'; }
  html body.yp .yp-portlet .zmdi-spellcheck:before {
    content: '\f1d1'; }
  html body.yp .yp-portlet .zmdi-storage:before {
    content: '\f1d2'; }
  html body.yp .yp-portlet .zmdi-store-24:before {
    content: '\f1d3'; }
  html body.yp .yp-portlet .zmdi-store:before {
    content: '\f1d4'; }
  html body.yp .yp-portlet .zmdi-subway:before {
    content: '\f1d5'; }
  html body.yp .yp-portlet .zmdi-sun:before {
    content: '\f1d6'; }
  html body.yp .yp-portlet .zmdi-tab-unselected:before {
    content: '\f1d7'; }
  html body.yp .yp-portlet .zmdi-tab:before {
    content: '\f1d8'; }
  html body.yp .yp-portlet .zmdi-tag-close:before {
    content: '\f1d9'; }
  html body.yp .yp-portlet .zmdi-tag-more:before {
    content: '\f1da'; }
  html body.yp .yp-portlet .zmdi-tag:before {
    content: '\f1db'; }
  html body.yp .yp-portlet .zmdi-thumb-down:before {
    content: '\f1dc'; }
  html body.yp .yp-portlet .zmdi-thumb-up-down:before {
    content: '\f1dd'; }
  html body.yp .yp-portlet .zmdi-thumb-up:before {
    content: '\f1de'; }
  html body.yp .yp-portlet .zmdi-ticket-star:before {
    content: '\f1df'; }
  html body.yp .yp-portlet .zmdi-toll:before {
    content: '\f1e0'; }
  html body.yp .yp-portlet .zmdi-toys:before {
    content: '\f1e1'; }
  html body.yp .yp-portlet .zmdi-traffic:before {
    content: '\f1e2'; }
  html body.yp .yp-portlet .zmdi-translate:before {
    content: '\f1e3'; }
  html body.yp .yp-portlet .zmdi-triangle-down:before {
    content: '\f1e4'; }
  html body.yp .yp-portlet .zmdi-triangle-up:before {
    content: '\f1e5'; }
  html body.yp .yp-portlet .zmdi-truck:before {
    content: '\f1e6'; }
  html body.yp .yp-portlet .zmdi-turning-sign:before {
    content: '\f1e7'; }
  html body.yp .yp-portlet .zmdi-wallpaper:before {
    content: '\f1e8'; }
  html body.yp .yp-portlet .zmdi-washing-machine:before {
    content: '\f1e9'; }
  html body.yp .yp-portlet .zmdi-window-maximize:before {
    content: '\f1ea'; }
  html body.yp .yp-portlet .zmdi-window-minimize:before {
    content: '\f1eb'; }
  html body.yp .yp-portlet .zmdi-window-restore:before {
    content: '\f1ec'; }
  html body.yp .yp-portlet .zmdi-wrench:before {
    content: '\f1ed'; }
  html body.yp .yp-portlet .zmdi-zoom-in:before {
    content: '\f1ee'; }
  html body.yp .yp-portlet .zmdi-zoom-out:before {
    content: '\f1ef'; }
  html body.yp .yp-portlet .zmdi-alert-circle-o:before {
    content: '\f1f0'; }
  html body.yp .yp-portlet .zmdi-alert-circle:before {
    content: '\f1f1'; }
  html body.yp .yp-portlet .zmdi-alert-octagon:before {
    content: '\f1f2'; }
  html body.yp .yp-portlet .zmdi-alert-polygon:before {
    content: '\f1f3'; }
  html body.yp .yp-portlet .zmdi-alert-triangle:before {
    content: '\f1f4'; }
  html body.yp .yp-portlet .zmdi-help-outline:before {
    content: '\f1f5'; }
  html body.yp .yp-portlet .zmdi-help:before {
    content: '\f1f6'; }
  html body.yp .yp-portlet .zmdi-info-outline:before {
    content: '\f1f7'; }
  html body.yp .yp-portlet .zmdi-info:before {
    content: '\f1f8'; }
  html body.yp .yp-portlet .zmdi-notifications-active:before {
    content: '\f1f9'; }
  html body.yp .yp-portlet .zmdi-notifications-add:before {
    content: '\f1fa'; }
  html body.yp .yp-portlet .zmdi-notifications-none:before {
    content: '\f1fb'; }
  html body.yp .yp-portlet .zmdi-notifications-off:before {
    content: '\f1fc'; }
  html body.yp .yp-portlet .zmdi-notifications-paused:before {
    content: '\f1fd'; }
  html body.yp .yp-portlet .zmdi-notifications:before {
    content: '\f1fe'; }
  html body.yp .yp-portlet .zmdi-account-add:before {
    content: '\f1ff'; }
  html body.yp .yp-portlet .zmdi-account-box-mail:before {
    content: '\f200'; }
  html body.yp .yp-portlet .zmdi-account-box-o:before {
    content: '\f201'; }
  html body.yp .yp-portlet .zmdi-account-box-phone:before {
    content: '\f202'; }
  html body.yp .yp-portlet .zmdi-account-box:before {
    content: '\f203'; }
  html body.yp .yp-portlet .zmdi-account-calendar:before {
    content: '\f204'; }
  html body.yp .yp-portlet .zmdi-account-circle:before {
    content: '\f205'; }
  html body.yp .yp-portlet .zmdi-account-o:before {
    content: '\f206'; }
  html body.yp .yp-portlet .zmdi-account:before {
    content: '\f207'; }
  html body.yp .yp-portlet .zmdi-accounts-add:before {
    content: '\f208'; }
  html body.yp .yp-portlet .zmdi-accounts-alt:before {
    content: '\f209'; }
  html body.yp .yp-portlet .zmdi-accounts-list-alt:before {
    content: '\f20a'; }
  html body.yp .yp-portlet .zmdi-accounts-list:before {
    content: '\f20b'; }
  html body.yp .yp-portlet .zmdi-accounts-outline:before {
    content: '\f20c'; }
  html body.yp .yp-portlet .zmdi-accounts:before {
    content: '\f20d'; }
  html body.yp .yp-portlet .zmdi-face:before {
    content: '\f20e'; }
  html body.yp .yp-portlet .zmdi-female:before {
    content: '\f20f'; }
  html body.yp .yp-portlet .zmdi-male-alt:before {
    content: '\f210'; }
  html body.yp .yp-portlet .zmdi-male-female:before {
    content: '\f211'; }
  html body.yp .yp-portlet .zmdi-male:before {
    content: '\f212'; }
  html body.yp .yp-portlet .zmdi-mood-bad:before {
    content: '\f213'; }
  html body.yp .yp-portlet .zmdi-mood:before {
    content: '\f214'; }
  html body.yp .yp-portlet .zmdi-run:before {
    content: '\f215'; }
  html body.yp .yp-portlet .zmdi-walk:before {
    content: '\f216'; }
  html body.yp .yp-portlet .zmdi-cloud-box:before {
    content: '\f217'; }
  html body.yp .yp-portlet .zmdi-cloud-circle:before {
    content: '\f218'; }
  html body.yp .yp-portlet .zmdi-cloud-done:before {
    content: '\f219'; }
  html body.yp .yp-portlet .zmdi-cloud-download:before {
    content: '\f21a'; }
  html body.yp .yp-portlet .zmdi-cloud-off:before {
    content: '\f21b'; }
  html body.yp .yp-portlet .zmdi-cloud-outline-alt:before {
    content: '\f21c'; }
  html body.yp .yp-portlet .zmdi-cloud-outline:before {
    content: '\f21d'; }
  html body.yp .yp-portlet .zmdi-cloud-upload:before {
    content: '\f21e'; }
  html body.yp .yp-portlet .zmdi-cloud:before {
    content: '\f21f'; }
  html body.yp .yp-portlet .zmdi-download:before {
    content: '\f220'; }
  html body.yp .yp-portlet .zmdi-file-plus:before {
    content: '\f221'; }
  html body.yp .yp-portlet .zmdi-file-text:before {
    content: '\f222'; }
  html body.yp .yp-portlet .zmdi-file:before {
    content: '\f223'; }
  html body.yp .yp-portlet .zmdi-folder-outline:before {
    content: '\f224'; }
  html body.yp .yp-portlet .zmdi-folder-person:before {
    content: '\f225'; }
  html body.yp .yp-portlet .zmdi-folder-star-alt:before {
    content: '\f226'; }
  html body.yp .yp-portlet .zmdi-folder-star:before {
    content: '\f227'; }
  html body.yp .yp-portlet .zmdi-folder:before {
    content: '\f228'; }
  html body.yp .yp-portlet .zmdi-gif:before {
    content: '\f229'; }
  html body.yp .yp-portlet .zmdi-upload:before {
    content: '\f22a'; }
  html body.yp .yp-portlet .zmdi-border-all:before {
    content: '\f22b'; }
  html body.yp .yp-portlet .zmdi-border-bottom:before {
    content: '\f22c'; }
  html body.yp .yp-portlet .zmdi-border-clear:before {
    content: '\f22d'; }
  html body.yp .yp-portlet .zmdi-border-color:before {
    content: '\f22e'; }
  html body.yp .yp-portlet .zmdi-border-horizontal:before {
    content: '\f22f'; }
  html body.yp .yp-portlet .zmdi-border-inner:before {
    content: '\f230'; }
  html body.yp .yp-portlet .zmdi-border-left:before {
    content: '\f231'; }
  html body.yp .yp-portlet .zmdi-border-outer:before {
    content: '\f232'; }
  html body.yp .yp-portlet .zmdi-border-right:before {
    content: '\f233'; }
  html body.yp .yp-portlet .zmdi-border-style:before {
    content: '\f234'; }
  html body.yp .yp-portlet .zmdi-border-top:before {
    content: '\f235'; }
  html body.yp .yp-portlet .zmdi-border-vertical:before {
    content: '\f236'; }
  html body.yp .yp-portlet .zmdi-copy:before {
    content: '\f237'; }
  html body.yp .yp-portlet .zmdi-crop:before {
    content: '\f238'; }
  html body.yp .yp-portlet .zmdi-format-align-center:before {
    content: '\f239'; }
  html body.yp .yp-portlet .zmdi-format-align-justify:before {
    content: '\f23a'; }
  html body.yp .yp-portlet .zmdi-format-align-left:before {
    content: '\f23b'; }
  html body.yp .yp-portlet .zmdi-format-align-right:before {
    content: '\f23c'; }
  html body.yp .yp-portlet .zmdi-format-bold:before {
    content: '\f23d'; }
  html body.yp .yp-portlet .zmdi-format-clear-all:before {
    content: '\f23e'; }
  html body.yp .yp-portlet .zmdi-format-clear:before {
    content: '\f23f'; }
  html body.yp .yp-portlet .zmdi-format-color-fill:before {
    content: '\f240'; }
  html body.yp .yp-portlet .zmdi-format-color-reset:before {
    content: '\f241'; }
  html body.yp .yp-portlet .zmdi-format-color-text:before {
    content: '\f242'; }
  html body.yp .yp-portlet .zmdi-format-indent-decrease:before {
    content: '\f243'; }
  html body.yp .yp-portlet .zmdi-format-indent-increase:before {
    content: '\f244'; }
  html body.yp .yp-portlet .zmdi-format-italic:before {
    content: '\f245'; }
  html body.yp .yp-portlet .zmdi-format-line-spacing:before {
    content: '\f246'; }
  html body.yp .yp-portlet .zmdi-format-list-bulleted:before {
    content: '\f247'; }
  html body.yp .yp-portlet .zmdi-format-list-numbered:before {
    content: '\f248'; }
  html body.yp .yp-portlet .zmdi-format-ltr:before {
    content: '\f249'; }
  html body.yp .yp-portlet .zmdi-format-rtl:before {
    content: '\f24a'; }
  html body.yp .yp-portlet .zmdi-format-size:before {
    content: '\f24b'; }
  html body.yp .yp-portlet .zmdi-format-strikethrough-s:before {
    content: '\f24c'; }
  html body.yp .yp-portlet .zmdi-format-strikethrough:before {
    content: '\f24d'; }
  html body.yp .yp-portlet .zmdi-format-subject:before {
    content: '\f24e'; }
  html body.yp .yp-portlet .zmdi-format-underlined:before {
    content: '\f24f'; }
  html body.yp .yp-portlet .zmdi-format-valign-bottom:before {
    content: '\f250'; }
  html body.yp .yp-portlet .zmdi-format-valign-center:before {
    content: '\f251'; }
  html body.yp .yp-portlet .zmdi-format-valign-top:before {
    content: '\f252'; }
  html body.yp .yp-portlet .zmdi-redo:before {
    content: '\f253'; }
  html body.yp .yp-portlet .zmdi-select-all:before {
    content: '\f254'; }
  html body.yp .yp-portlet .zmdi-space-bar:before {
    content: '\f255'; }
  html body.yp .yp-portlet .zmdi-text-format:before {
    content: '\f256'; }
  html body.yp .yp-portlet .zmdi-transform:before {
    content: '\f257'; }
  html body.yp .yp-portlet .zmdi-undo:before {
    content: '\f258'; }
  html body.yp .yp-portlet .zmdi-wrap-text:before {
    content: '\f259'; }
  html body.yp .yp-portlet .zmdi-comment-alert:before {
    content: '\f25a'; }
  html body.yp .yp-portlet .zmdi-comment-alt-text:before {
    content: '\f25b'; }
  html body.yp .yp-portlet .zmdi-comment-alt:before {
    content: '\f25c'; }
  html body.yp .yp-portlet .zmdi-comment-edit:before {
    content: '\f25d'; }
  html body.yp .yp-portlet .zmdi-comment-image:before {
    content: '\f25e'; }
  html body.yp .yp-portlet .zmdi-comment-list:before {
    content: '\f25f'; }
  html body.yp .yp-portlet .zmdi-comment-more:before {
    content: '\f260'; }
  html body.yp .yp-portlet .zmdi-comment-outline:before {
    content: '\f261'; }
  html body.yp .yp-portlet .zmdi-comment-text-alt:before {
    content: '\f262'; }
  html body.yp .yp-portlet .zmdi-comment-text:before {
    content: '\f263'; }
  html body.yp .yp-portlet .zmdi-comment-video:before {
    content: '\f264'; }
  html body.yp .yp-portlet .zmdi-comment:before {
    content: '\f265'; }
  html body.yp .yp-portlet .zmdi-comments:before {
    content: '\f266'; }
  html body.yp .yp-portlet .zmdi-check-all:before {
    content: '\f267'; }
  html body.yp .yp-portlet .zmdi-check-circle-u:before {
    content: '\f268'; }
  html body.yp .yp-portlet .zmdi-check-circle:before {
    content: '\f269'; }
  html body.yp .yp-portlet .zmdi-check-square:before {
    content: '\f26a'; }
  html body.yp .yp-portlet .zmdi-check:before {
    content: '\f26b'; }
  html body.yp .yp-portlet .zmdi-circle-o:before {
    content: '\f26c'; }
  html body.yp .yp-portlet .zmdi-circle:before {
    content: '\f26d'; }
  html body.yp .yp-portlet .zmdi-dot-circle-alt:before {
    content: '\f26e'; }
  html body.yp .yp-portlet .zmdi-dot-circle:before {
    content: '\f26f'; }
  html body.yp .yp-portlet .zmdi-minus-circle-outline:before {
    content: '\f270'; }
  html body.yp .yp-portlet .zmdi-minus-circle:before {
    content: '\f271'; }
  html body.yp .yp-portlet .zmdi-minus-square:before {
    content: '\f272'; }
  html body.yp .yp-portlet .zmdi-minus:before {
    content: '\f273'; }
  html body.yp .yp-portlet .zmdi-plus-circle-o-duplicate:before {
    content: '\f274'; }
  html body.yp .yp-portlet .zmdi-plus-circle-o:before {
    content: '\f275'; }
  html body.yp .yp-portlet .zmdi-plus-circle:before {
    content: '\f276'; }
  html body.yp .yp-portlet .zmdi-plus-square:before {
    content: '\f277'; }
  html body.yp .yp-portlet .zmdi-plus:before {
    content: '\f278'; }
  html body.yp .yp-portlet .zmdi-square-o:before {
    content: '\f279'; }
  html body.yp .yp-portlet .zmdi-star-circle:before {
    content: '\f27a'; }
  html body.yp .yp-portlet .zmdi-star-half:before {
    content: '\f27b'; }
  html body.yp .yp-portlet .zmdi-star-outline:before {
    content: '\f27c'; }
  html body.yp .yp-portlet .zmdi-star:before {
    content: '\f27d'; }
  html body.yp .yp-portlet .zmdi-bluetooth-connected:before {
    content: '\f27e'; }
  html body.yp .yp-portlet .zmdi-bluetooth-off:before {
    content: '\f27f'; }
  html body.yp .yp-portlet .zmdi-bluetooth-search:before {
    content: '\f280'; }
  html body.yp .yp-portlet .zmdi-bluetooth-setting:before {
    content: '\f281'; }
  html body.yp .yp-portlet .zmdi-bluetooth:before {
    content: '\f282'; }
  html body.yp .yp-portlet .zmdi-camera-add:before {
    content: '\f283'; }
  html body.yp .yp-portlet .zmdi-camera-alt:before {
    content: '\f284'; }
  html body.yp .yp-portlet .zmdi-camera-bw:before {
    content: '\f285'; }
  html body.yp .yp-portlet .zmdi-camera-front:before {
    content: '\f286'; }
  html body.yp .yp-portlet .zmdi-camera-mic:before {
    content: '\f287'; }
  html body.yp .yp-portlet .zmdi-camera-party-mode:before {
    content: '\f288'; }
  html body.yp .yp-portlet .zmdi-camera-rear:before {
    content: '\f289'; }
  html body.yp .yp-portlet .zmdi-camera-roll:before {
    content: '\f28a'; }
  html body.yp .yp-portlet .zmdi-camera-switch:before {
    content: '\f28b'; }
  html body.yp .yp-portlet .zmdi-camera:before {
    content: '\f28c'; }
  html body.yp .yp-portlet .zmdi-card-alert:before {
    content: '\f28d'; }
  html body.yp .yp-portlet .zmdi-card-off:before {
    content: '\f28e'; }
  html body.yp .yp-portlet .zmdi-card-sd:before {
    content: '\f28f'; }
  html body.yp .yp-portlet .zmdi-card-sim:before {
    content: '\f290'; }
  html body.yp .yp-portlet .zmdi-desktop-mac:before {
    content: '\f291'; }
  html body.yp .yp-portlet .zmdi-desktop-windows:before {
    content: '\f292'; }
  html body.yp .yp-portlet .zmdi-device-hub:before {
    content: '\f293'; }
  html body.yp .yp-portlet .zmdi-devices-off:before {
    content: '\f294'; }
  html body.yp .yp-portlet .zmdi-devices:before {
    content: '\f295'; }
  html body.yp .yp-portlet .zmdi-dock:before {
    content: '\f296'; }
  html body.yp .yp-portlet .zmdi-floppy:before {
    content: '\f297'; }
  html body.yp .yp-portlet .zmdi-gamepad:before {
    content: '\f298'; }
  html body.yp .yp-portlet .zmdi-gps-dot:before {
    content: '\f299'; }
  html body.yp .yp-portlet .zmdi-gps-off:before {
    content: '\f29a'; }
  html body.yp .yp-portlet .zmdi-gps:before {
    content: '\f29b'; }
  html body.yp .yp-portlet .zmdi-headset-mic:before {
    content: '\f29c'; }
  html body.yp .yp-portlet .zmdi-headset:before {
    content: '\f29d'; }
  html body.yp .yp-portlet .zmdi-input-antenna:before {
    content: '\f29e'; }
  html body.yp .yp-portlet .zmdi-input-composite:before {
    content: '\f29f'; }
  html body.yp .yp-portlet .zmdi-input-hdmi:before {
    content: '\f2a0'; }
  html body.yp .yp-portlet .zmdi-input-power:before {
    content: '\f2a1'; }
  html body.yp .yp-portlet .zmdi-input-svideo:before {
    content: '\f2a2'; }
  html body.yp .yp-portlet .zmdi-keyboard-hide:before {
    content: '\f2a3'; }
  html body.yp .yp-portlet .zmdi-keyboard:before {
    content: '\f2a4'; }
  html body.yp .yp-portlet .zmdi-laptop-chromebook:before {
    content: '\f2a5'; }
  html body.yp .yp-portlet .zmdi-laptop-mac:before {
    content: '\f2a6'; }
  html body.yp .yp-portlet .zmdi-laptop:before {
    content: '\f2a7'; }
  html body.yp .yp-portlet .zmdi-mic-off:before {
    content: '\f2a8'; }
  html body.yp .yp-portlet .zmdi-mic-outline:before {
    content: '\f2a9'; }
  html body.yp .yp-portlet .zmdi-mic-setting:before {
    content: '\f2aa'; }
  html body.yp .yp-portlet .zmdi-mic:before {
    content: '\f2ab'; }
  html body.yp .yp-portlet .zmdi-mouse:before {
    content: '\f2ac'; }
  html body.yp .yp-portlet .zmdi-network-alert:before {
    content: '\f2ad'; }
  html body.yp .yp-portlet .zmdi-network-locked:before {
    content: '\f2ae'; }
  html body.yp .yp-portlet .zmdi-network-off:before {
    content: '\f2af'; }
  html body.yp .yp-portlet .zmdi-network-outline:before {
    content: '\f2b0'; }
  html body.yp .yp-portlet .zmdi-network-setting:before {
    content: '\f2b1'; }
  html body.yp .yp-portlet .zmdi-network:before {
    content: '\f2b2'; }
  html body.yp .yp-portlet .zmdi-phone-bluetooth:before {
    content: '\f2b3'; }
  html body.yp .yp-portlet .zmdi-phone-end:before {
    content: '\f2b4'; }
  html body.yp .yp-portlet .zmdi-phone-forwarded:before {
    content: '\f2b5'; }
  html body.yp .yp-portlet .zmdi-phone-in-talk:before {
    content: '\f2b6'; }
  html body.yp .yp-portlet .zmdi-phone-locked:before {
    content: '\f2b7'; }
  html body.yp .yp-portlet .zmdi-phone-missed:before {
    content: '\f2b8'; }
  html body.yp .yp-portlet .zmdi-phone-msg:before {
    content: '\f2b9'; }
  html body.yp .yp-portlet .zmdi-phone-paused:before {
    content: '\f2ba'; }
  html body.yp .yp-portlet .zmdi-phone-ring:before {
    content: '\f2bb'; }
  html body.yp .yp-portlet .zmdi-phone-setting:before {
    content: '\f2bc'; }
  html body.yp .yp-portlet .zmdi-phone-sip:before {
    content: '\f2bd'; }
  html body.yp .yp-portlet .zmdi-phone:before {
    content: '\f2be'; }
  html body.yp .yp-portlet .zmdi-portable-wifi-changes:before {
    content: '\f2bf'; }
  html body.yp .yp-portlet .zmdi-portable-wifi-off:before {
    content: '\f2c0'; }
  html body.yp .yp-portlet .zmdi-portable-wifi:before {
    content: '\f2c1'; }
  html body.yp .yp-portlet .zmdi-radio:before {
    content: '\f2c2'; }
  html body.yp .yp-portlet .zmdi-reader:before {
    content: '\f2c3'; }
  html body.yp .yp-portlet .zmdi-remote-control-alt:before {
    content: '\f2c4'; }
  html body.yp .yp-portlet .zmdi-remote-control:before {
    content: '\f2c5'; }
  html body.yp .yp-portlet .zmdi-router:before {
    content: '\f2c6'; }
  html body.yp .yp-portlet .zmdi-scanner:before {
    content: '\f2c7'; }
  html body.yp .yp-portlet .zmdi-smartphone-android:before {
    content: '\f2c8'; }
  html body.yp .yp-portlet .zmdi-smartphone-download:before {
    content: '\f2c9'; }
  html body.yp .yp-portlet .zmdi-smartphone-erase:before {
    content: '\f2ca'; }
  html body.yp .yp-portlet .zmdi-smartphone-info:before {
    content: '\f2cb'; }
  html body.yp .yp-portlet .zmdi-smartphone-iphone:before {
    content: '\f2cc'; }
  html body.yp .yp-portlet .zmdi-smartphone-landscape-lock:before {
    content: '\f2cd'; }
  html body.yp .yp-portlet .zmdi-smartphone-landscape:before {
    content: '\f2ce'; }
  html body.yp .yp-portlet .zmdi-smartphone-lock:before {
    content: '\f2cf'; }
  html body.yp .yp-portlet .zmdi-smartphone-portrait-lock:before {
    content: '\f2d0'; }
  html body.yp .yp-portlet .zmdi-smartphone-ring:before {
    content: '\f2d1'; }
  html body.yp .yp-portlet .zmdi-smartphone-setting:before {
    content: '\f2d2'; }
  html body.yp .yp-portlet .zmdi-smartphone-setup:before {
    content: '\f2d3'; }
  html body.yp .yp-portlet .zmdi-smartphone:before {
    content: '\f2d4'; }
  html body.yp .yp-portlet .zmdi-speaker:before {
    content: '\f2d5'; }
  html body.yp .yp-portlet .zmdi-tablet-android:before {
    content: '\f2d6'; }
  html body.yp .yp-portlet .zmdi-tablet-mac:before {
    content: '\f2d7'; }
  html body.yp .yp-portlet .zmdi-tablet:before {
    content: '\f2d8'; }
  html body.yp .yp-portlet .zmdi-tv-alt-play:before {
    content: '\f2d9'; }
  html body.yp .yp-portlet .zmdi-tv-list:before {
    content: '\f2da'; }
  html body.yp .yp-portlet .zmdi-tv-play:before {
    content: '\f2db'; }
  html body.yp .yp-portlet .zmdi-tv:before {
    content: '\f2dc'; }
  html body.yp .yp-portlet .zmdi-usb:before {
    content: '\f2dd'; }
  html body.yp .yp-portlet .zmdi-videocam-off:before {
    content: '\f2de'; }
  html body.yp .yp-portlet .zmdi-videocam-switch:before {
    content: '\f2df'; }
  html body.yp .yp-portlet .zmdi-videocam:before {
    content: '\f2e0'; }
  html body.yp .yp-portlet .zmdi-watch:before {
    content: '\f2e1'; }
  html body.yp .yp-portlet .zmdi-wifi-alt-2:before {
    content: '\f2e2'; }
  html body.yp .yp-portlet .zmdi-wifi-alt:before {
    content: '\f2e3'; }
  html body.yp .yp-portlet .zmdi-wifi-info:before {
    content: '\f2e4'; }
  html body.yp .yp-portlet .zmdi-wifi-lock:before {
    content: '\f2e5'; }
  html body.yp .yp-portlet .zmdi-wifi-off:before {
    content: '\f2e6'; }
  html body.yp .yp-portlet .zmdi-wifi-outline:before {
    content: '\f2e7'; }
  html body.yp .yp-portlet .zmdi-wifi:before {
    content: '\f2e8'; }
  html body.yp .yp-portlet .zmdi-arrow-left-bottom:before {
    content: '\f2e9'; }
  html body.yp .yp-portlet .zmdi-arrow-left:before {
    content: '\f2ea'; }
  html body.yp .yp-portlet .zmdi-arrow-merge:before {
    content: '\f2eb'; }
  html body.yp .yp-portlet .zmdi-arrow-missed:before {
    content: '\f2ec'; }
  html body.yp .yp-portlet .zmdi-arrow-right-top:before {
    content: '\f2ed'; }
  html body.yp .yp-portlet .zmdi-arrow-right:before {
    content: '\f2ee'; }
  html body.yp .yp-portlet .zmdi-arrow-split:before {
    content: '\f2ef'; }
  html body.yp .yp-portlet .zmdi-arrows:before {
    content: '\f2f0'; }
  html body.yp .yp-portlet .zmdi-caret-down-circle:before {
    content: '\f2f1'; }
  html body.yp .yp-portlet .zmdi-caret-down:before {
    content: '\f2f2'; }
  html body.yp .yp-portlet .zmdi-caret-left-circle:before {
    content: '\f2f3'; }
  html body.yp .yp-portlet .zmdi-caret-left:before {
    content: '\f2f4'; }
  html body.yp .yp-portlet .zmdi-caret-right-circle:before {
    content: '\f2f5'; }
  html body.yp .yp-portlet .zmdi-caret-right:before {
    content: '\f2f6'; }
  html body.yp .yp-portlet .zmdi-caret-up-circle:before {
    content: '\f2f7'; }
  html body.yp .yp-portlet .zmdi-caret-up:before {
    content: '\f2f8'; }
  html body.yp .yp-portlet .zmdi-chevron-down:before {
    content: '\f2f9'; }
  html body.yp .yp-portlet .zmdi-chevron-left:before {
    content: '\f2fa'; }
  html body.yp .yp-portlet .zmdi-chevron-right:before {
    content: '\f2fb'; }
  html body.yp .yp-portlet .zmdi-chevron-up:before {
    content: '\f2fc'; }
  html body.yp .yp-portlet .zmdi-forward:before {
    content: '\f2fd'; }
  html body.yp .yp-portlet .zmdi-long-arrow-down:before {
    content: '\f2fe'; }
  html body.yp .yp-portlet .zmdi-long-arrow-left:before {
    content: '\f2ff'; }
  html body.yp .yp-portlet .zmdi-long-arrow-return:before {
    content: '\f300'; }
  html body.yp .yp-portlet .zmdi-long-arrow-right:before {
    content: '\f301'; }
  html body.yp .yp-portlet .zmdi-long-arrow-tab:before {
    content: '\f302'; }
  html body.yp .yp-portlet .zmdi-long-arrow-up:before {
    content: '\f303'; }
  html body.yp .yp-portlet .zmdi-rotate-ccw:before {
    content: '\f304'; }
  html body.yp .yp-portlet .zmdi-rotate-cw:before {
    content: '\f305'; }
  html body.yp .yp-portlet .zmdi-rotate-left:before {
    content: '\f306'; }
  html body.yp .yp-portlet .zmdi-rotate-right:before {
    content: '\f307'; }
  html body.yp .yp-portlet .zmdi-square-down:before {
    content: '\f308'; }
  html body.yp .yp-portlet .zmdi-square-right:before {
    content: '\f309'; }
  html body.yp .yp-portlet .zmdi-swap-alt:before {
    content: '\f30a'; }
  html body.yp .yp-portlet .zmdi-swap-vertical-circle:before {
    content: '\f30b'; }
  html body.yp .yp-portlet .zmdi-swap-vertical:before {
    content: '\f30c'; }
  html body.yp .yp-portlet .zmdi-swap:before {
    content: '\f30d'; }
  html body.yp .yp-portlet .zmdi-trending-down:before {
    content: '\f30e'; }
  html body.yp .yp-portlet .zmdi-trending-flat:before {
    content: '\f30f'; }
  html body.yp .yp-portlet .zmdi-trending-up:before {
    content: '\f310'; }
  html body.yp .yp-portlet .zmdi-unfold-less:before {
    content: '\f311'; }
  html body.yp .yp-portlet .zmdi-unfold-more:before {
    content: '\f312'; }
  html body.yp .yp-portlet .zmdi-apps:before {
    content: '\f313'; }
  html body.yp .yp-portlet .zmdi-grid-off:before {
    content: '\f314'; }
  html body.yp .yp-portlet .zmdi-grid:before {
    content: '\f315'; }
  html body.yp .yp-portlet .zmdi-view-agenda:before {
    content: '\f316'; }
  html body.yp .yp-portlet .zmdi-view-array:before {
    content: '\f317'; }
  html body.yp .yp-portlet .zmdi-view-carousel:before {
    content: '\f318'; }
  html body.yp .yp-portlet .zmdi-view-column:before {
    content: '\f319'; }
  html body.yp .yp-portlet .zmdi-view-comfy:before {
    content: '\f31a'; }
  html body.yp .yp-portlet .zmdi-view-compact:before {
    content: '\f31b'; }
  html body.yp .yp-portlet .zmdi-view-dashboard:before {
    content: '\f31c'; }
  html body.yp .yp-portlet .zmdi-view-day:before {
    content: '\f31d'; }
  html body.yp .yp-portlet .zmdi-view-headline:before {
    content: '\f31e'; }
  html body.yp .yp-portlet .zmdi-view-list-alt:before {
    content: '\f31f'; }
  html body.yp .yp-portlet .zmdi-view-list:before {
    content: '\f320'; }
  html body.yp .yp-portlet .zmdi-view-module:before {
    content: '\f321'; }
  html body.yp .yp-portlet .zmdi-view-quilt:before {
    content: '\f322'; }
  html body.yp .yp-portlet .zmdi-view-stream:before {
    content: '\f323'; }
  html body.yp .yp-portlet .zmdi-view-subtitles:before {
    content: '\f324'; }
  html body.yp .yp-portlet .zmdi-view-toc:before {
    content: '\f325'; }
  html body.yp .yp-portlet .zmdi-view-web:before {
    content: '\f326'; }
  html body.yp .yp-portlet .zmdi-view-week:before {
    content: '\f327'; }
  html body.yp .yp-portlet .zmdi-widgets:before {
    content: '\f328'; }
  html body.yp .yp-portlet .zmdi-alarm-check:before {
    content: '\f329'; }
  html body.yp .yp-portlet .zmdi-alarm-off:before {
    content: '\f32a'; }
  html body.yp .yp-portlet .zmdi-alarm-plus:before {
    content: '\f32b'; }
  html body.yp .yp-portlet .zmdi-alarm-snooze:before {
    content: '\f32c'; }
  html body.yp .yp-portlet .zmdi-alarm:before {
    content: '\f32d'; }
  html body.yp .yp-portlet .zmdi-calendar-alt:before {
    content: '\f32e'; }
  html body.yp .yp-portlet .zmdi-calendar-check:before {
    content: '\f32f'; }
  html body.yp .yp-portlet .zmdi-calendar-close:before {
    content: '\f330'; }
  html body.yp .yp-portlet .zmdi-calendar-note:before {
    content: '\f331'; }
  html body.yp .yp-portlet .zmdi-calendar:before {
    content: '\f332'; }
  html body.yp .yp-portlet .zmdi-time-countdown:before {
    content: '\f333'; }
  html body.yp .yp-portlet .zmdi-time-interval:before {
    content: '\f334'; }
  html body.yp .yp-portlet .zmdi-time-restore-setting:before {
    content: '\f335'; }
  html body.yp .yp-portlet .zmdi-time-restore:before {
    content: '\f336'; }
  html body.yp .yp-portlet .zmdi-time:before {
    content: '\f337'; }
  html body.yp .yp-portlet .zmdi-timer-off:before {
    content: '\f338'; }
  html body.yp .yp-portlet .zmdi-timer:before {
    content: '\f339'; }
  html body.yp .yp-portlet .zmdi-android-alt:before {
    content: '\f33a'; }
  html body.yp .yp-portlet .zmdi-android:before {
    content: '\f33b'; }
  html body.yp .yp-portlet .zmdi-apple:before {
    content: '\f33c'; }
  html body.yp .yp-portlet .zmdi-behance:before {
    content: '\f33d'; }
  html body.yp .yp-portlet .zmdi-codepen:before {
    content: '\f33e'; }
  html body.yp .yp-portlet .zmdi-dribbble:before {
    content: '\f33f'; }
  html body.yp .yp-portlet .zmdi-dropbox:before {
    content: '\f340'; }
  html body.yp .yp-portlet .zmdi-evernote:before {
    content: '\f341'; }
  html body.yp .yp-portlet .zmdi-facebook-box:before {
    content: '\f342'; }
  html body.yp .yp-portlet .zmdi-facebook:before {
    content: '\f343'; }
  html body.yp .yp-portlet .zmdi-github-box:before {
    content: '\f344'; }
  html body.yp .yp-portlet .zmdi-github:before {
    content: '\f345'; }
  html body.yp .yp-portlet .zmdi-google-drive:before {
    content: '\f346'; }
  html body.yp .yp-portlet .zmdi-google-earth:before {
    content: '\f347'; }
  html body.yp .yp-portlet .zmdi-google-glass:before {
    content: '\f348'; }
  html body.yp .yp-portlet .zmdi-google-maps:before {
    content: '\f349'; }
  html body.yp .yp-portlet .zmdi-google-pages:before {
    content: '\f34a'; }
  html body.yp .yp-portlet .zmdi-google-play:before {
    content: '\f34b'; }
  html body.yp .yp-portlet .zmdi-google-plus-box:before {
    content: '\f34c'; }
  html body.yp .yp-portlet .zmdi-google-plus:before {
    content: '\f34d'; }
  html body.yp .yp-portlet .zmdi-google:before {
    content: '\f34e'; }
  html body.yp .yp-portlet .zmdi-instagram:before {
    content: '\f34f'; }
  html body.yp .yp-portlet .zmdi-language-css3:before {
    content: '\f350'; }
  html body.yp .yp-portlet .zmdi-language-html5:before {
    content: '\f351'; }
  html body.yp .yp-portlet .zmdi-language-javascript:before {
    content: '\f352'; }
  html body.yp .yp-portlet .zmdi-language-python-alt:before {
    content: '\f353'; }
  html body.yp .yp-portlet .zmdi-language-python:before {
    content: '\f354'; }
  html body.yp .yp-portlet .zmdi-lastfm:before {
    content: '\f355'; }
  html body.yp .yp-portlet .zmdi-linkedin-box:before {
    content: '\f356'; }
  html body.yp .yp-portlet .zmdi-paypal:before {
    content: '\f357'; }
  html body.yp .yp-portlet .zmdi-pinterest-box:before {
    content: '\f358'; }
  html body.yp .yp-portlet .zmdi-pocket:before {
    content: '\f359'; }
  html body.yp .yp-portlet .zmdi-polymer:before {
    content: '\f35a'; }
  html body.yp .yp-portlet .zmdi-share:before {
    content: '\f35b'; }
  html body.yp .yp-portlet .zmdi-stackoverflow:before {
    content: '\f35c'; }
  html body.yp .yp-portlet .zmdi-steam-square:before {
    content: '\f35d'; }
  html body.yp .yp-portlet .zmdi-steam:before {
    content: '\f35e'; }
  html body.yp .yp-portlet .zmdi-twitter-box:before {
    content: '\f35f'; }
  html body.yp .yp-portlet .zmdi-twitter:before {
    content: '\f360'; }
  html body.yp .yp-portlet .zmdi-vk:before {
    content: '\f361'; }
  html body.yp .yp-portlet .zmdi-wikipedia:before {
    content: '\f362'; }
  html body.yp .yp-portlet .zmdi-windows:before {
    content: '\f363'; }
  html body.yp .yp-portlet .zmdi-aspect-ratio-alt:before {
    content: '\f364'; }
  html body.yp .yp-portlet .zmdi-aspect-ratio:before {
    content: '\f365'; }
  html body.yp .yp-portlet .zmdi-blur-circular:before {
    content: '\f366'; }
  html body.yp .yp-portlet .zmdi-blur-linear:before {
    content: '\f367'; }
  html body.yp .yp-portlet .zmdi-blur-off:before {
    content: '\f368'; }
  html body.yp .yp-portlet .zmdi-blur:before {
    content: '\f369'; }
  html body.yp .yp-portlet .zmdi-brightness-2:before {
    content: '\f36a'; }
  html body.yp .yp-portlet .zmdi-brightness-3:before {
    content: '\f36b'; }
  html body.yp .yp-portlet .zmdi-brightness-4:before {
    content: '\f36c'; }
  html body.yp .yp-portlet .zmdi-brightness-5:before {
    content: '\f36d'; }
  html body.yp .yp-portlet .zmdi-brightness-6:before {
    content: '\f36e'; }
  html body.yp .yp-portlet .zmdi-brightness-7:before {
    content: '\f36f'; }
  html body.yp .yp-portlet .zmdi-brightness-auto:before {
    content: '\f370'; }
  html body.yp .yp-portlet .zmdi-brightness-setting:before {
    content: '\f371'; }
  html body.yp .yp-portlet .zmdi-broken-image:before {
    content: '\f372'; }
  html body.yp .yp-portlet .zmdi-center-focus-strong:before {
    content: '\f373'; }
  html body.yp .yp-portlet .zmdi-center-focus-weak:before {
    content: '\f374'; }
  html body.yp .yp-portlet .zmdi-compare:before {
    content: '\f375'; }
  html body.yp .yp-portlet .zmdi-crop-16-9:before {
    content: '\f376'; }
  html body.yp .yp-portlet .zmdi-crop-3-2:before {
    content: '\f377'; }
  html body.yp .yp-portlet .zmdi-crop-5-4:before {
    content: '\f378'; }
  html body.yp .yp-portlet .zmdi-crop-7-5:before {
    content: '\f379'; }
  html body.yp .yp-portlet .zmdi-crop-din:before {
    content: '\f37a'; }
  html body.yp .yp-portlet .zmdi-crop-free:before {
    content: '\f37b'; }
  html body.yp .yp-portlet .zmdi-crop-landscape:before {
    content: '\f37c'; }
  html body.yp .yp-portlet .zmdi-crop-portrait:before {
    content: '\f37d'; }
  html body.yp .yp-portlet .zmdi-crop-square:before {
    content: '\f37e'; }
  html body.yp .yp-portlet .zmdi-exposure-alt:before {
    content: '\f37f'; }
  html body.yp .yp-portlet .zmdi-exposure:before {
    content: '\f380'; }
  html body.yp .yp-portlet .zmdi-filter-b-and-w:before {
    content: '\f381'; }
  html body.yp .yp-portlet .zmdi-filter-center-focus:before {
    content: '\f382'; }
  html body.yp .yp-portlet .zmdi-filter-frames:before {
    content: '\f383'; }
  html body.yp .yp-portlet .zmdi-filter-tilt-shift:before {
    content: '\f384'; }
  html body.yp .yp-portlet .zmdi-gradient:before {
    content: '\f385'; }
  html body.yp .yp-portlet .zmdi-grain:before {
    content: '\f386'; }
  html body.yp .yp-portlet .zmdi-graphic-eq:before {
    content: '\f387'; }
  html body.yp .yp-portlet .zmdi-hdr-off:before {
    content: '\f388'; }
  html body.yp .yp-portlet .zmdi-hdr-strong:before {
    content: '\f389'; }
  html body.yp .yp-portlet .zmdi-hdr-weak:before {
    content: '\f38a'; }
  html body.yp .yp-portlet .zmdi-hdr:before {
    content: '\f38b'; }
  html body.yp .yp-portlet .zmdi-iridescent:before {
    content: '\f38c'; }
  html body.yp .yp-portlet .zmdi-leak-off:before {
    content: '\f38d'; }
  html body.yp .yp-portlet .zmdi-leak:before {
    content: '\f38e'; }
  html body.yp .yp-portlet .zmdi-looks:before {
    content: '\f38f'; }
  html body.yp .yp-portlet .zmdi-loupe:before {
    content: '\f390'; }
  html body.yp .yp-portlet .zmdi-panorama-horizontal:before {
    content: '\f391'; }
  html body.yp .yp-portlet .zmdi-panorama-vertical:before {
    content: '\f392'; }
  html body.yp .yp-portlet .zmdi-panorama-wide-angle:before {
    content: '\f393'; }
  html body.yp .yp-portlet .zmdi-photo-size-select-large:before {
    content: '\f394'; }
  html body.yp .yp-portlet .zmdi-photo-size-select-small:before {
    content: '\f395'; }
  html body.yp .yp-portlet .zmdi-picture-in-picture:before {
    content: '\f396'; }
  html body.yp .yp-portlet .zmdi-slideshow:before {
    content: '\f397'; }
  html body.yp .yp-portlet .zmdi-texture:before {
    content: '\f398'; }
  html body.yp .yp-portlet .zmdi-tonality:before {
    content: '\f399'; }
  html body.yp .yp-portlet .zmdi-vignette:before {
    content: '\f39a'; }
  html body.yp .yp-portlet .zmdi-wb-auto:before {
    content: '\f39b'; }
  html body.yp .yp-portlet .zmdi-eject-alt:before {
    content: '\f39c'; }
  html body.yp .yp-portlet .zmdi-eject:before {
    content: '\f39d'; }
  html body.yp .yp-portlet .zmdi-equalizer:before {
    content: '\f39e'; }
  html body.yp .yp-portlet .zmdi-fast-forward:before {
    content: '\f39f'; }
  html body.yp .yp-portlet .zmdi-fast-rewind:before {
    content: '\f3a0'; }
  html body.yp .yp-portlet .zmdi-forward-10:before {
    content: '\f3a1'; }
  html body.yp .yp-portlet .zmdi-forward-30:before {
    content: '\f3a2'; }
  html body.yp .yp-portlet .zmdi-forward-5:before {
    content: '\f3a3'; }
  html body.yp .yp-portlet .zmdi-hearing:before {
    content: '\f3a4'; }
  html body.yp .yp-portlet .zmdi-pause-circle-outline:before {
    content: '\f3a5'; }
  html body.yp .yp-portlet .zmdi-pause-circle:before {
    content: '\f3a6'; }
  html body.yp .yp-portlet .zmdi-pause:before {
    content: '\f3a7'; }
  html body.yp .yp-portlet .zmdi-play-circle-outline:before {
    content: '\f3a8'; }
  html body.yp .yp-portlet .zmdi-play-circle:before {
    content: '\f3a9'; }
  html body.yp .yp-portlet .zmdi-play:before {
    content: '\f3aa'; }
  html body.yp .yp-portlet .zmdi-playlist-audio:before {
    content: '\f3ab'; }
  html body.yp .yp-portlet .zmdi-playlist-plus:before {
    content: '\f3ac'; }
  html body.yp .yp-portlet .zmdi-repeat-one:before {
    content: '\f3ad'; }
  html body.yp .yp-portlet .zmdi-repeat:before {
    content: '\f3ae'; }
  html body.yp .yp-portlet .zmdi-replay-10:before {
    content: '\f3af'; }
  html body.yp .yp-portlet .zmdi-replay-30:before {
    content: '\f3b0'; }
  html body.yp .yp-portlet .zmdi-replay-5:before {
    content: '\f3b1'; }
  html body.yp .yp-portlet .zmdi-replay:before {
    content: '\f3b2'; }
  html body.yp .yp-portlet .zmdi-shuffle:before {
    content: '\f3b3'; }
  html body.yp .yp-portlet .zmdi-skip-next:before {
    content: '\f3b4'; }
  html body.yp .yp-portlet .zmdi-skip-previous:before {
    content: '\f3b5'; }
  html body.yp .yp-portlet .zmdi-stop:before {
    content: '\f3b6'; }
  html body.yp .yp-portlet .zmdi-surround-sound:before {
    content: '\f3b7'; }
  html body.yp .yp-portlet .zmdi-tune:before {
    content: '\f3b8'; }
  html body.yp .yp-portlet .zmdi-volume-down:before {
    content: '\f3b9'; }
  html body.yp .yp-portlet .zmdi-volume-mute:before {
    content: '\f3ba'; }
  html body.yp .yp-portlet .zmdi-volume-off:before {
    content: '\f3bb'; }
  html body.yp .yp-portlet .zmdi-volume-up:before {
    content: '\f3bc'; }
  html body.yp .yp-portlet .zmdi-n-1-square:before {
    content: '\f3bd'; }
  html body.yp .yp-portlet .zmdi-n-2-square:before {
    content: '\f3be'; }
  html body.yp .yp-portlet .zmdi-n-3-square:before {
    content: '\f3bf'; }
  html body.yp .yp-portlet .zmdi-n-4-square:before {
    content: '\f3c0'; }
  html body.yp .yp-portlet .zmdi-n-5-square:before {
    content: '\f3c1'; }
  html body.yp .yp-portlet .zmdi-n-6-square:before {
    content: '\f3c2'; }
  html body.yp .yp-portlet .zmdi-neg-1:before {
    content: '\f3c3'; }
  html body.yp .yp-portlet .zmdi-neg-2:before {
    content: '\f3c4'; }
  html body.yp .yp-portlet .zmdi-plus-1:before {
    content: '\f3c5'; }
  html body.yp .yp-portlet .zmdi-plus-2:before {
    content: '\f3c6'; }
  html body.yp .yp-portlet .zmdi-sec-10:before {
    content: '\f3c7'; }
  html body.yp .yp-portlet .zmdi-sec-3:before {
    content: '\f3c8'; }
  html body.yp .yp-portlet .zmdi-zero:before {
    content: '\f3c9'; }
  html body.yp .yp-portlet .zmdi-airline-seat-flat-angled:before {
    content: '\f3ca'; }
  html body.yp .yp-portlet .zmdi-airline-seat-flat:before {
    content: '\f3cb'; }
  html body.yp .yp-portlet .zmdi-airline-seat-individual-suite:before {
    content: '\f3cc'; }
  html body.yp .yp-portlet .zmdi-airline-seat-legroom-extra:before {
    content: '\f3cd'; }
  html body.yp .yp-portlet .zmdi-airline-seat-legroom-normal:before {
    content: '\f3ce'; }
  html body.yp .yp-portlet .zmdi-airline-seat-legroom-reduced:before {
    content: '\f3cf'; }
  html body.yp .yp-portlet .zmdi-airline-seat-recline-extra:before {
    content: '\f3d0'; }
  html body.yp .yp-portlet .zmdi-airline-seat-recline-normal:before {
    content: '\f3d1'; }
  html body.yp .yp-portlet .zmdi-airplay:before {
    content: '\f3d2'; }
  html body.yp .yp-portlet .zmdi-closed-caption:before {
    content: '\f3d3'; }
  html body.yp .yp-portlet .zmdi-confirmation-number:before {
    content: '\f3d4'; }
  html body.yp .yp-portlet .zmdi-developer-board:before {
    content: '\f3d5'; }
  html body.yp .yp-portlet .zmdi-disc-full:before {
    content: '\f3d6'; }
  html body.yp .yp-portlet .zmdi-explicit:before {
    content: '\f3d7'; }
  html body.yp .yp-portlet .zmdi-flight-land:before {
    content: '\f3d8'; }
  html body.yp .yp-portlet .zmdi-flight-takeoff:before {
    content: '\f3d9'; }
  html body.yp .yp-portlet .zmdi-flip-to-back:before {
    content: '\f3da'; }
  html body.yp .yp-portlet .zmdi-flip-to-front:before {
    content: '\f3db'; }
  html body.yp .yp-portlet .zmdi-group-work:before {
    content: '\f3dc'; }
  html body.yp .yp-portlet .zmdi-hd:before {
    content: '\f3dd'; }
  html body.yp .yp-portlet .zmdi-hq:before {
    content: '\f3de'; }
  html body.yp .yp-portlet .zmdi-markunread-mailbox:before {
    content: '\f3df'; }
  html body.yp .yp-portlet .zmdi-memory:before {
    content: '\f3e0'; }
  html body.yp .yp-portlet .zmdi-nfc:before {
    content: '\f3e1'; }
  html body.yp .yp-portlet .zmdi-play-for-work:before {
    content: '\f3e2'; }
  html body.yp .yp-portlet .zmdi-power-input:before {
    content: '\f3e3'; }
  html body.yp .yp-portlet .zmdi-present-to-all:before {
    content: '\f3e4'; }
  html body.yp .yp-portlet .zmdi-satellite:before {
    content: '\f3e5'; }
  html body.yp .yp-portlet .zmdi-tap-and-play:before {
    content: '\f3e6'; }
  html body.yp .yp-portlet .zmdi-vibration:before {
    content: '\f3e7'; }
  html body.yp .yp-portlet .zmdi-voicemail:before {
    content: '\f3e8'; }
  html body.yp .yp-portlet .zmdi-group:before {
    content: '\f3e9'; }
  html body.yp .yp-portlet .zmdi-rss:before {
    content: '\f3ea'; }
  html body.yp .yp-portlet .zmdi-shape:before {
    content: '\f3eb'; }
  html body.yp .yp-portlet .zmdi-spinner:before {
    content: '\f3ec'; }
  html body.yp .yp-portlet .zmdi-ungroup:before {
    content: '\f3ed'; }
  html body.yp .yp-portlet .zmdi-500px:before {
    content: '\f3ee'; }
  html body.yp .yp-portlet .zmdi-8tracks:before {
    content: '\f3ef'; }
  html body.yp .yp-portlet .zmdi-amazon:before {
    content: '\f3f0'; }
  html body.yp .yp-portlet .zmdi-blogger:before {
    content: '\f3f1'; }
  html body.yp .yp-portlet .zmdi-delicious:before {
    content: '\f3f2'; }
  html body.yp .yp-portlet .zmdi-disqus:before {
    content: '\f3f3'; }
  html body.yp .yp-portlet .zmdi-flattr:before {
    content: '\f3f4'; }
  html body.yp .yp-portlet .zmdi-flickr:before {
    content: '\f3f5'; }
  html body.yp .yp-portlet .zmdi-github-alt:before {
    content: '\f3f6'; }
  html body.yp .yp-portlet .zmdi-google-old:before {
    content: '\f3f7'; }
  html body.yp .yp-portlet .zmdi-linkedin:before {
    content: '\f3f8'; }
  html body.yp .yp-portlet .zmdi-odnoklassniki:before {
    content: '\f3f9'; }
  html body.yp .yp-portlet .zmdi-outlook:before {
    content: '\f3fa'; }
  html body.yp .yp-portlet .zmdi-paypal-alt:before {
    content: '\f3fb'; }
  html body.yp .yp-portlet .zmdi-pinterest:before {
    content: '\f3fc'; }
  html body.yp .yp-portlet .zmdi-playstation:before {
    content: '\f3fd'; }
  html body.yp .yp-portlet .zmdi-reddit:before {
    content: '\f3fe'; }
  html body.yp .yp-portlet .zmdi-skype:before {
    content: '\f3ff'; }
  html body.yp .yp-portlet .zmdi-slideshare:before {
    content: '\f400'; }
  html body.yp .yp-portlet .zmdi-soundcloud:before {
    content: '\f401'; }
  html body.yp .yp-portlet .zmdi-tumblr:before {
    content: '\f402'; }
  html body.yp .yp-portlet .zmdi-twitch:before {
    content: '\f403'; }
  html body.yp .yp-portlet .zmdi-vimeo:before {
    content: '\f404'; }
  html body.yp .yp-portlet .zmdi-whatsapp:before {
    content: '\f405'; }
  html body.yp .yp-portlet .zmdi-xbox:before {
    content: '\f406'; }
  html body.yp .yp-portlet .zmdi-yahoo:before {
    content: '\f407'; }
  html body.yp .yp-portlet .zmdi-youtube-play:before {
    content: '\f408'; }
  html body.yp .yp-portlet .zmdi-youtube:before {
    content: '\f409'; }
  html body.yp .yp-portlet .zmdi-3d-rotation:before {
    content: '\f101'; }
  html body.yp .yp-portlet .zmdi-airplane-off:before {
    content: '\f102'; }
  html body.yp .yp-portlet .zmdi-airplane:before {
    content: '\f103'; }
  html body.yp .yp-portlet .zmdi-album:before {
    content: '\f104'; }
  html body.yp .yp-portlet .zmdi-archive:before {
    content: '\f105'; }
  html body.yp .yp-portlet .zmdi-assignment-account:before {
    content: '\f106'; }
  html body.yp .yp-portlet .zmdi-assignment-alert:before {
    content: '\f107'; }
  html body.yp .yp-portlet .zmdi-assignment-check:before {
    content: '\f108'; }
  html body.yp .yp-portlet .zmdi-assignment-o:before {
    content: '\f109'; }
  html body.yp .yp-portlet .zmdi-assignment-return:before {
    content: '\f10a'; }
  html body.yp .yp-portlet .zmdi-assignment-returned:before {
    content: '\f10b'; }
  html body.yp .yp-portlet .zmdi-assignment:before {
    content: '\f10c'; }
  html body.yp .yp-portlet .zmdi-attachment-alt:before {
    content: '\f10d'; }
  html body.yp .yp-portlet .zmdi-attachment:before {
    content: '\f10e'; }
  html body.yp .yp-portlet .zmdi-audio:before {
    content: '\f10f'; }
  html body.yp .yp-portlet .zmdi-badge-check:before {
    content: '\f110'; }
  html body.yp .yp-portlet .zmdi-balance-wallet:before {
    content: '\f111'; }
  html body.yp .yp-portlet .zmdi-balance:before {
    content: '\f112'; }
  html body.yp .yp-portlet .zmdi-battery-alert:before {
    content: '\f113'; }
  html body.yp .yp-portlet .zmdi-battery-flash:before {
    content: '\f114'; }
  html body.yp .yp-portlet .zmdi-battery-unknown:before {
    content: '\f115'; }
  html body.yp .yp-portlet .zmdi-battery:before {
    content: '\f116'; }
  html body.yp .yp-portlet .zmdi-bike:before {
    content: '\f117'; }
  html body.yp .yp-portlet .zmdi-block-alt:before {
    content: '\f118'; }
  html body.yp .yp-portlet .zmdi-block:before {
    content: '\f119'; }
  html body.yp .yp-portlet .zmdi-boat:before {
    content: '\f11a'; }
  html body.yp .yp-portlet .zmdi-book-image:before {
    content: '\f11b'; }
  html body.yp .yp-portlet .zmdi-book:before {
    content: '\f11c'; }
  html body.yp .yp-portlet .zmdi-bookmark-outline:before {
    content: '\f11d'; }
  html body.yp .yp-portlet .zmdi-bookmark:before {
    content: '\f11e'; }
  html body.yp .yp-portlet .zmdi-brush:before {
    content: '\f11f'; }
  html body.yp .yp-portlet .zmdi-bug:before {
    content: '\f120'; }
  html body.yp .yp-portlet .zmdi-bus:before {
    content: '\f121'; }
  html body.yp .yp-portlet .zmdi-cake:before {
    content: '\f122'; }
  html body.yp .yp-portlet .zmdi-car-taxi:before {
    content: '\f123'; }
  html body.yp .yp-portlet .zmdi-car-wash:before {
    content: '\f124'; }
  html body.yp .yp-portlet .zmdi-car:before {
    content: '\f125'; }
  html body.yp .yp-portlet .zmdi-card-giftcard:before {
    content: '\f126'; }
  html body.yp .yp-portlet .zmdi-card-membership:before {
    content: '\f127'; }
  html body.yp .yp-portlet .zmdi-card-travel:before {
    content: '\f128'; }
  html body.yp .yp-portlet .zmdi-card:before {
    content: '\f129'; }
  html body.yp .yp-portlet .zmdi-case-check:before {
    content: '\f12a'; }
  html body.yp .yp-portlet .zmdi-case-download:before {
    content: '\f12b'; }
  html body.yp .yp-portlet .zmdi-case-play:before {
    content: '\f12c'; }
  html body.yp .yp-portlet .zmdi-case:before {
    content: '\f12d'; }
  html body.yp .yp-portlet .zmdi-cast-connected:before {
    content: '\f12e'; }
  html body.yp .yp-portlet .zmdi-cast:before {
    content: '\f12f'; }
  html body.yp .yp-portlet .zmdi-chart-donut:before {
    content: '\f130'; }
  html body.yp .yp-portlet .zmdi-chart:before {
    content: '\f131'; }
  html body.yp .yp-portlet .zmdi-city-alt:before {
    content: '\f132'; }
  html body.yp .yp-portlet .zmdi-city:before {
    content: '\f133'; }
  html body.yp .yp-portlet .zmdi-close-circle-o:before {
    content: '\f134'; }
  html body.yp .yp-portlet .zmdi-close-circle:before {
    content: '\f135'; }
  html body.yp .yp-portlet .zmdi-close:before {
    content: '\f136'; }
  html body.yp .yp-portlet .zmdi-cocktail:before {
    content: '\f137'; }
  html body.yp .yp-portlet .zmdi-code-setting:before {
    content: '\f138'; }
  html body.yp .yp-portlet .zmdi-code-smartphone:before {
    content: '\f139'; }
  html body.yp .yp-portlet .zmdi-code:before {
    content: '\f13a'; }
  html body.yp .yp-portlet .zmdi-coffee:before {
    content: '\f13b'; }
  html body.yp .yp-portlet .zmdi-collection-bookmark:before {
    content: '\f13c'; }
  html body.yp .yp-portlet .zmdi-collection-case-play:before {
    content: '\f13d'; }
  html body.yp .yp-portlet .zmdi-collection-folder-image:before {
    content: '\f13e'; }
  html body.yp .yp-portlet .zmdi-collection-image-o:before {
    content: '\f13f'; }
  html body.yp .yp-portlet .zmdi-collection-image:before {
    content: '\f140'; }
  html body.yp .yp-portlet .zmdi-collection-item-1:before {
    content: '\f141'; }
  html body.yp .yp-portlet .zmdi-collection-item-2:before {
    content: '\f142'; }
  html body.yp .yp-portlet .zmdi-collection-item-3:before {
    content: '\f143'; }
  html body.yp .yp-portlet .zmdi-collection-item-4:before {
    content: '\f144'; }
  html body.yp .yp-portlet .zmdi-collection-item-5:before {
    content: '\f145'; }
  html body.yp .yp-portlet .zmdi-collection-item-6:before {
    content: '\f146'; }
  html body.yp .yp-portlet .zmdi-collection-item-7:before {
    content: '\f147'; }
  html body.yp .yp-portlet .zmdi-collection-item-8:before {
    content: '\f148'; }
  html body.yp .yp-portlet .zmdi-collection-item-9-plus:before {
    content: '\f149'; }
  html body.yp .yp-portlet .zmdi-collection-item-9:before {
    content: '\f14a'; }
  html body.yp .yp-portlet .zmdi-collection-item:before {
    content: '\f14b'; }
  html body.yp .yp-portlet .zmdi-collection-music:before {
    content: '\f14c'; }
  html body.yp .yp-portlet .zmdi-collection-pdf:before {
    content: '\f14d'; }
  html body.yp .yp-portlet .zmdi-collection-plus:before {
    content: '\f14e'; }
  html body.yp .yp-portlet .zmdi-collection-speaker:before {
    content: '\f14f'; }
  html body.yp .yp-portlet .zmdi-collection-text:before {
    content: '\f150'; }
  html body.yp .yp-portlet .zmdi-collection-video:before {
    content: '\f151'; }
  html body.yp .yp-portlet .zmdi-compass:before {
    content: '\f152'; }
  html body.yp .yp-portlet .zmdi-cutlery:before {
    content: '\f153'; }
  html body.yp .yp-portlet .zmdi-delete:before {
    content: '\f154'; }
  html body.yp .yp-portlet .zmdi-dialpad:before {
    content: '\f155'; }
  html body.yp .yp-portlet .zmdi-dns:before {
    content: '\f156'; }
  html body.yp .yp-portlet .zmdi-drink:before {
    content: '\f157'; }
  html body.yp .yp-portlet .zmdi-edit:before {
    content: '\f158'; }
  html body.yp .yp-portlet .zmdi-email-open:before {
    content: '\f159'; }
  html body.yp .yp-portlet .zmdi-email:before {
    content: '\f15a'; }
  html body.yp .yp-portlet .zmdi-eye-off:before {
    content: '\f15b'; }
  html body.yp .yp-portlet .zmdi-eye:before {
    content: '\f15c'; }
  html body.yp .yp-portlet .zmdi-eyedropper:before {
    content: '\f15d'; }
  html body.yp .yp-portlet .zmdi-favorite-outline:before {
    content: '\f15e'; }
  html body.yp .yp-portlet .zmdi-favorite:before {
    content: '\f15f'; }
  html body.yp .yp-portlet .zmdi-filter-list:before {
    content: '\f160'; }
  html body.yp .yp-portlet .zmdi-fire:before {
    content: '\f161'; }
  html body.yp .yp-portlet .zmdi-flag:before {
    content: '\f162'; }
  html body.yp .yp-portlet .zmdi-flare:before {
    content: '\f163'; }
  html body.yp .yp-portlet .zmdi-flash-auto:before {
    content: '\f164'; }
  html body.yp .yp-portlet .zmdi-flash-off:before {
    content: '\f165'; }
  html body.yp .yp-portlet .zmdi-flash:before {
    content: '\f166'; }
  html body.yp .yp-portlet .zmdi-flip:before {
    content: '\f167'; }
  html body.yp .yp-portlet .zmdi-flower-alt:before {
    content: '\f168'; }
  html body.yp .yp-portlet .zmdi-flower:before {
    content: '\f169'; }
  html body.yp .yp-portlet .zmdi-font:before {
    content: '\f16a'; }
  html body.yp .yp-portlet .zmdi-fullscreen-alt:before {
    content: '\f16b'; }
  html body.yp .yp-portlet .zmdi-fullscreen-exit:before {
    content: '\f16c'; }
  html body.yp .yp-portlet .zmdi-fullscreen:before {
    content: '\f16d'; }
  html body.yp .yp-portlet .zmdi-functions:before {
    content: '\f16e'; }
  html body.yp .yp-portlet .zmdi-gas-station:before {
    content: '\f16f'; }
  html body.yp .yp-portlet .zmdi-gesture:before {
    content: '\f170'; }
  html body.yp .yp-portlet .zmdi-globe-alt:before {
    content: '\f171'; }
  html body.yp .yp-portlet .zmdi-globe-lock:before {
    content: '\f172'; }
  html body.yp .yp-portlet .zmdi-globe:before {
    content: '\f173'; }
  html body.yp .yp-portlet .zmdi-graduation-cap:before {
    content: '\f174'; }
  html body.yp .yp-portlet .zmdi-home:before {
    content: '\f175'; }
  html body.yp .yp-portlet .zmdi-hospital-alt:before {
    content: '\f176'; }
  html body.yp .yp-portlet .zmdi-hospital:before {
    content: '\f177'; }
  html body.yp .yp-portlet .zmdi-hotel:before {
    content: '\f178'; }
  html body.yp .yp-portlet .zmdi-hourglass-alt:before {
    content: '\f179'; }
  html body.yp .yp-portlet .zmdi-hourglass-outline:before {
    content: '\f17a'; }
  html body.yp .yp-portlet .zmdi-hourglass:before {
    content: '\f17b'; }
  html body.yp .yp-portlet .zmdi-http:before {
    content: '\f17c'; }
  html body.yp .yp-portlet .zmdi-image-alt:before {
    content: '\f17d'; }
  html body.yp .yp-portlet .zmdi-image-o:before {
    content: '\f17e'; }
  html body.yp .yp-portlet .zmdi-image:before {
    content: '\f17f'; }
  html body.yp .yp-portlet .zmdi-inbox:before {
    content: '\f180'; }
  html body.yp .yp-portlet .zmdi-invert-colors-off:before {
    content: '\f181'; }
  html body.yp .yp-portlet .zmdi-invert-colors:before {
    content: '\f182'; }
  html body.yp .yp-portlet .zmdi-key:before {
    content: '\f183'; }
  html body.yp .yp-portlet .zmdi-label-alt-outline:before {
    content: '\f184'; }
  html body.yp .yp-portlet .zmdi-label-alt:before {
    content: '\f185'; }
  html body.yp .yp-portlet .zmdi-label-heart:before {
    content: '\f186'; }
  html body.yp .yp-portlet .zmdi-label:before {
    content: '\f187'; }
  html body.yp .yp-portlet .zmdi-labels:before {
    content: '\f188'; }
  html body.yp .yp-portlet .zmdi-lamp:before {
    content: '\f189'; }
  html body.yp .yp-portlet .zmdi-landscape:before {
    content: '\f18a'; }
  html body.yp .yp-portlet .zmdi-layers-off:before {
    content: '\f18b'; }
  html body.yp .yp-portlet .zmdi-layers:before {
    content: '\f18c'; }
  html body.yp .yp-portlet .zmdi-library:before {
    content: '\f18d'; }
  html body.yp .yp-portlet .zmdi-link:before {
    content: '\f18e'; }
  html body.yp .yp-portlet .zmdi-lock-open:before {
    content: '\f18f'; }
  html body.yp .yp-portlet .zmdi-lock-outline:before {
    content: '\f190'; }
  html body.yp .yp-portlet .zmdi-lock:before {
    content: '\f191'; }
  html body.yp .yp-portlet .zmdi-mail-reply-all:before {
    content: '\f192'; }
  html body.yp .yp-portlet .zmdi-mail-reply:before {
    content: '\f193'; }
  html body.yp .yp-portlet .zmdi-mail-send:before {
    content: '\f194'; }
  html body.yp .yp-portlet .zmdi-mall:before {
    content: '\f195'; }
  html body.yp .yp-portlet .zmdi-map:before {
    content: '\f196'; }
  html body.yp .yp-portlet .zmdi-menu:before {
    content: '\f197'; }
  html body.yp .yp-portlet .zmdi-money-box:before {
    content: '\f198'; }
  html body.yp .yp-portlet .zmdi-money-off:before {
    content: '\f199'; }
  html body.yp .yp-portlet .zmdi-money:before {
    content: '\f19a'; }
  html body.yp .yp-portlet .zmdi-more-vert:before {
    content: '\f19b'; }
  html body.yp .yp-portlet .zmdi-more:before {
    content: '\f19c'; }
  html body.yp .yp-portlet .zmdi-movie-alt:before {
    content: '\f19d'; }
  html body.yp .yp-portlet .zmdi-movie:before {
    content: '\f19e'; }
  html body.yp .yp-portlet .zmdi-nature-people:before {
    content: '\f19f'; }
  html body.yp .yp-portlet .zmdi-nature:before {
    content: '\f1a0'; }
  html body.yp .yp-portlet .zmdi-navigation:before {
    content: '\f1a1'; }
  html body.yp .yp-portlet .zmdi-open-in-browser:before {
    content: '\f1a2'; }
  html body.yp .yp-portlet .zmdi-open-in-new:before {
    content: '\f1a3'; }
  html body.yp .yp-portlet .zmdi-palette:before {
    content: '\f1a4'; }
  html body.yp .yp-portlet .zmdi-parking:before {
    content: '\f1a5'; }
  html body.yp .yp-portlet .zmdi-pin-account:before {
    content: '\f1a6'; }
  html body.yp .yp-portlet .zmdi-pin-assistant:before {
    content: '\f1a7'; }
  html body.yp .yp-portlet .zmdi-pin-drop:before {
    content: '\f1a8'; }
  html body.yp .yp-portlet .zmdi-pin-help:before {
    content: '\f1a9'; }
  html body.yp .yp-portlet .zmdi-pin-off:before {
    content: '\f1aa'; }
  html body.yp .yp-portlet .zmdi-pin:before {
    content: '\f1ab'; }
  html body.yp .yp-portlet .zmdi-pizza:before {
    content: '\f1ac'; }
  html body.yp .yp-portlet .zmdi-plaster:before {
    content: '\f1ad'; }
  html body.yp .yp-portlet .zmdi-power-setting:before {
    content: '\f1ae'; }
  html body.yp .yp-portlet .zmdi-power:before {
    content: '\f1af'; }
  html body.yp .yp-portlet .zmdi-print:before {
    content: '\f1b0'; }
  html body.yp .yp-portlet .zmdi-puzzle-piece:before {
    content: '\f1b1'; }
  html body.yp .yp-portlet .zmdi-quote:before {
    content: '\f1b2'; }
  html body.yp .yp-portlet .zmdi-railway:before {
    content: '\f1b3'; }
  html body.yp .yp-portlet .zmdi-receipt:before {
    content: '\f1b4'; }
  html body.yp .yp-portlet .zmdi-refresh-alt:before {
    content: '\f1b5'; }
  html body.yp .yp-portlet .zmdi-refresh-sync-alert:before {
    content: '\f1b6'; }
  html body.yp .yp-portlet .zmdi-refresh-sync-off:before {
    content: '\f1b7'; }
  html body.yp .yp-portlet .zmdi-refresh-sync:before {
    content: '\f1b8'; }
  html body.yp .yp-portlet .zmdi-refresh:before {
    content: '\f1b9'; }
  html body.yp .yp-portlet .zmdi-roller:before {
    content: '\f1ba'; }
  html body.yp .yp-portlet .zmdi-ruler:before {
    content: '\f1bb'; }
  html body.yp .yp-portlet .zmdi-scissors:before {
    content: '\f1bc'; }
  html body.yp .yp-portlet .zmdi-screen-rotation-lock:before {
    content: '\f1bd'; }
  html body.yp .yp-portlet .zmdi-screen-rotation:before {
    content: '\f1be'; }
  html body.yp .yp-portlet .zmdi-search-for:before {
    content: '\f1bf'; }
  html body.yp .yp-portlet .zmdi-search-in-file:before {
    content: '\f1c0'; }
  html body.yp .yp-portlet .zmdi-search-in-page:before {
    content: '\f1c1'; }
  html body.yp .yp-portlet .zmdi-search-replace:before {
    content: '\f1c2'; }
  html body.yp .yp-portlet .zmdi-search:before {
    content: '\f1c3'; }
  html body.yp .yp-portlet .zmdi-seat:before {
    content: '\f1c4'; }
  html body.yp .yp-portlet .zmdi-settings-square:before {
    content: '\f1c5'; }
  html body.yp .yp-portlet .zmdi-settings:before {
    content: '\f1c6'; }
  html body.yp .yp-portlet .zmdi-shield-check:before {
    content: '\f1c7'; }
  html body.yp .yp-portlet .zmdi-shield-security:before {
    content: '\f1c8'; }
  html body.yp .yp-portlet .zmdi-shopping-basket:before {
    content: '\f1c9'; }
  html body.yp .yp-portlet .zmdi-shopping-cart-plus:before {
    content: '\f1ca'; }
  html body.yp .yp-portlet .zmdi-shopping-cart:before {
    content: '\f1cb'; }
  html body.yp .yp-portlet .zmdi-sign-in:before {
    content: '\f1cc'; }
  html body.yp .yp-portlet .zmdi-sort-amount-asc:before {
    content: '\f1cd'; }
  html body.yp .yp-portlet .zmdi-sort-amount-desc:before {
    content: '\f1ce'; }
  html body.yp .yp-portlet .zmdi-sort-asc:before {
    content: '\f1cf'; }
  html body.yp .yp-portlet .zmdi-sort-desc:before {
    content: '\f1d0'; }
  html body.yp .yp-portlet .zmdi-spellcheck:before {
    content: '\f1d1'; }
  html body.yp .yp-portlet .zmdi-storage:before {
    content: '\f1d2'; }
  html body.yp .yp-portlet .zmdi-store-24:before {
    content: '\f1d3'; }
  html body.yp .yp-portlet .zmdi-store:before {
    content: '\f1d4'; }
  html body.yp .yp-portlet .zmdi-subway:before {
    content: '\f1d5'; }
  html body.yp .yp-portlet .zmdi-sun:before {
    content: '\f1d6'; }
  html body.yp .yp-portlet .zmdi-tab-unselected:before {
    content: '\f1d7'; }
  html body.yp .yp-portlet .zmdi-tab:before {
    content: '\f1d8'; }
  html body.yp .yp-portlet .zmdi-tag-close:before {
    content: '\f1d9'; }
  html body.yp .yp-portlet .zmdi-tag-more:before {
    content: '\f1da'; }
  html body.yp .yp-portlet .zmdi-tag:before {
    content: '\f1db'; }
  html body.yp .yp-portlet .zmdi-thumb-down:before {
    content: '\f1dc'; }
  html body.yp .yp-portlet .zmdi-thumb-up-down:before {
    content: '\f1dd'; }
  html body.yp .yp-portlet .zmdi-thumb-up:before {
    content: '\f1de'; }
  html body.yp .yp-portlet .zmdi-ticket-star:before {
    content: '\f1df'; }
  html body.yp .yp-portlet .zmdi-toll:before {
    content: '\f1e0'; }
  html body.yp .yp-portlet .zmdi-toys:before {
    content: '\f1e1'; }
  html body.yp .yp-portlet .zmdi-traffic:before {
    content: '\f1e2'; }
  html body.yp .yp-portlet .zmdi-translate:before {
    content: '\f1e3'; }
  html body.yp .yp-portlet .zmdi-triangle-down:before {
    content: '\f1e4'; }
  html body.yp .yp-portlet .zmdi-triangle-up:before {
    content: '\f1e5'; }
  html body.yp .yp-portlet .zmdi-truck:before {
    content: '\f1e6'; }
  html body.yp .yp-portlet .zmdi-turning-sign:before {
    content: '\f1e7'; }
  html body.yp .yp-portlet .zmdi-wallpaper:before {
    content: '\f1e8'; }
  html body.yp .yp-portlet .zmdi-washing-machine:before {
    content: '\f1e9'; }
  html body.yp .yp-portlet .zmdi-window-maximize:before {
    content: '\f1ea'; }
  html body.yp .yp-portlet .zmdi-window-minimize:before {
    content: '\f1eb'; }
  html body.yp .yp-portlet .zmdi-window-restore:before {
    content: '\f1ec'; }
  html body.yp .yp-portlet .zmdi-wrench:before {
    content: '\f1ed'; }
  html body.yp .yp-portlet .zmdi-zoom-in:before {
    content: '\f1ee'; }
  html body.yp .yp-portlet .zmdi-zoom-out:before {
    content: '\f1ef'; }
  html body.yp .yp-portlet .zmdi-alert-circle-o:before {
    content: '\f1f0'; }
  html body.yp .yp-portlet .zmdi-alert-circle:before {
    content: '\f1f1'; }
  html body.yp .yp-portlet .zmdi-alert-octagon:before {
    content: '\f1f2'; }
  html body.yp .yp-portlet .zmdi-alert-polygon:before {
    content: '\f1f3'; }
  html body.yp .yp-portlet .zmdi-alert-triangle:before {
    content: '\f1f4'; }
  html body.yp .yp-portlet .zmdi-help-outline:before {
    content: '\f1f5'; }
  html body.yp .yp-portlet .zmdi-help:before {
    content: '\f1f6'; }
  html body.yp .yp-portlet .zmdi-info-outline:before {
    content: '\f1f7'; }
  html body.yp .yp-portlet .zmdi-info:before {
    content: '\f1f8'; }
  html body.yp .yp-portlet .zmdi-notifications-active:before {
    content: '\f1f9'; }
  html body.yp .yp-portlet .zmdi-notifications-add:before {
    content: '\f1fa'; }
  html body.yp .yp-portlet .zmdi-notifications-none:before {
    content: '\f1fb'; }
  html body.yp .yp-portlet .zmdi-notifications-off:before {
    content: '\f1fc'; }
  html body.yp .yp-portlet .zmdi-notifications-paused:before {
    content: '\f1fd'; }
  html body.yp .yp-portlet .zmdi-notifications:before {
    content: '\f1fe'; }
  html body.yp .yp-portlet .zmdi-account-add:before {
    content: '\f1ff'; }
  html body.yp .yp-portlet .zmdi-account-box-mail:before {
    content: '\f200'; }
  html body.yp .yp-portlet .zmdi-account-box-o:before {
    content: '\f201'; }
  html body.yp .yp-portlet .zmdi-account-box-phone:before {
    content: '\f202'; }
  html body.yp .yp-portlet .zmdi-account-box:before {
    content: '\f203'; }
  html body.yp .yp-portlet .zmdi-account-calendar:before {
    content: '\f204'; }
  html body.yp .yp-portlet .zmdi-account-circle:before {
    content: '\f205'; }
  html body.yp .yp-portlet .zmdi-account-o:before {
    content: '\f206'; }
  html body.yp .yp-portlet .zmdi-account:before {
    content: '\f207'; }
  html body.yp .yp-portlet .zmdi-accounts-add:before {
    content: '\f208'; }
  html body.yp .yp-portlet .zmdi-accounts-alt:before {
    content: '\f209'; }
  html body.yp .yp-portlet .zmdi-accounts-list-alt:before {
    content: '\f20a'; }
  html body.yp .yp-portlet .zmdi-accounts-list:before {
    content: '\f20b'; }
  html body.yp .yp-portlet .zmdi-accounts-outline:before {
    content: '\f20c'; }
  html body.yp .yp-portlet .zmdi-accounts:before {
    content: '\f20d'; }
  html body.yp .yp-portlet .zmdi-face:before {
    content: '\f20e'; }
  html body.yp .yp-portlet .zmdi-female:before {
    content: '\f20f'; }
  html body.yp .yp-portlet .zmdi-male-alt:before {
    content: '\f210'; }
  html body.yp .yp-portlet .zmdi-male-female:before {
    content: '\f211'; }
  html body.yp .yp-portlet .zmdi-male:before {
    content: '\f212'; }
  html body.yp .yp-portlet .zmdi-mood-bad:before {
    content: '\f213'; }
  html body.yp .yp-portlet .zmdi-mood:before {
    content: '\f214'; }
  html body.yp .yp-portlet .zmdi-run:before {
    content: '\f215'; }
  html body.yp .yp-portlet .zmdi-walk:before {
    content: '\f216'; }
  html body.yp .yp-portlet .zmdi-cloud-box:before {
    content: '\f217'; }
  html body.yp .yp-portlet .zmdi-cloud-circle:before {
    content: '\f218'; }
  html body.yp .yp-portlet .zmdi-cloud-done:before {
    content: '\f219'; }
  html body.yp .yp-portlet .zmdi-cloud-download:before {
    content: '\f21a'; }
  html body.yp .yp-portlet .zmdi-cloud-off:before {
    content: '\f21b'; }
  html body.yp .yp-portlet .zmdi-cloud-outline-alt:before {
    content: '\f21c'; }
  html body.yp .yp-portlet .zmdi-cloud-outline:before {
    content: '\f21d'; }
  html body.yp .yp-portlet .zmdi-cloud-upload:before {
    content: '\f21e'; }
  html body.yp .yp-portlet .zmdi-cloud:before {
    content: '\f21f'; }
  html body.yp .yp-portlet .zmdi-download:before {
    content: '\f220'; }
  html body.yp .yp-portlet .zmdi-file-plus:before {
    content: '\f221'; }
  html body.yp .yp-portlet .zmdi-file-text:before {
    content: '\f222'; }
  html body.yp .yp-portlet .zmdi-file:before {
    content: '\f223'; }
  html body.yp .yp-portlet .zmdi-folder-outline:before {
    content: '\f224'; }
  html body.yp .yp-portlet .zmdi-folder-person:before {
    content: '\f225'; }
  html body.yp .yp-portlet .zmdi-folder-star-alt:before {
    content: '\f226'; }
  html body.yp .yp-portlet .zmdi-folder-star:before {
    content: '\f227'; }
  html body.yp .yp-portlet .zmdi-folder:before {
    content: '\f228'; }
  html body.yp .yp-portlet .zmdi-gif:before {
    content: '\f229'; }
  html body.yp .yp-portlet .zmdi-upload:before {
    content: '\f22a'; }
  html body.yp .yp-portlet .zmdi-border-all:before {
    content: '\f22b'; }
  html body.yp .yp-portlet .zmdi-border-bottom:before {
    content: '\f22c'; }
  html body.yp .yp-portlet .zmdi-border-clear:before {
    content: '\f22d'; }
  html body.yp .yp-portlet .zmdi-border-color:before {
    content: '\f22e'; }
  html body.yp .yp-portlet .zmdi-border-horizontal:before {
    content: '\f22f'; }
  html body.yp .yp-portlet .zmdi-border-inner:before {
    content: '\f230'; }
  html body.yp .yp-portlet .zmdi-border-left:before {
    content: '\f231'; }
  html body.yp .yp-portlet .zmdi-border-outer:before {
    content: '\f232'; }
  html body.yp .yp-portlet .zmdi-border-right:before {
    content: '\f233'; }
  html body.yp .yp-portlet .zmdi-border-style:before {
    content: '\f234'; }
  html body.yp .yp-portlet .zmdi-border-top:before {
    content: '\f235'; }
  html body.yp .yp-portlet .zmdi-border-vertical:before {
    content: '\f236'; }
  html body.yp .yp-portlet .zmdi-copy:before {
    content: '\f237'; }
  html body.yp .yp-portlet .zmdi-crop:before {
    content: '\f238'; }
  html body.yp .yp-portlet .zmdi-format-align-center:before {
    content: '\f239'; }
  html body.yp .yp-portlet .zmdi-format-align-justify:before {
    content: '\f23a'; }
  html body.yp .yp-portlet .zmdi-format-align-left:before {
    content: '\f23b'; }
  html body.yp .yp-portlet .zmdi-format-align-right:before {
    content: '\f23c'; }
  html body.yp .yp-portlet .zmdi-format-bold:before {
    content: '\f23d'; }
  html body.yp .yp-portlet .zmdi-format-clear-all:before {
    content: '\f23e'; }
  html body.yp .yp-portlet .zmdi-format-clear:before {
    content: '\f23f'; }
  html body.yp .yp-portlet .zmdi-format-color-fill:before {
    content: '\f240'; }
  html body.yp .yp-portlet .zmdi-format-color-reset:before {
    content: '\f241'; }
  html body.yp .yp-portlet .zmdi-format-color-text:before {
    content: '\f242'; }
  html body.yp .yp-portlet .zmdi-format-indent-decrease:before {
    content: '\f243'; }
  html body.yp .yp-portlet .zmdi-format-indent-increase:before {
    content: '\f244'; }
  html body.yp .yp-portlet .zmdi-format-italic:before {
    content: '\f245'; }
  html body.yp .yp-portlet .zmdi-format-line-spacing:before {
    content: '\f246'; }
  html body.yp .yp-portlet .zmdi-format-list-bulleted:before {
    content: '\f247'; }
  html body.yp .yp-portlet .zmdi-format-list-numbered:before {
    content: '\f248'; }
  html body.yp .yp-portlet .zmdi-format-ltr:before {
    content: '\f249'; }
  html body.yp .yp-portlet .zmdi-format-rtl:before {
    content: '\f24a'; }
  html body.yp .yp-portlet .zmdi-format-size:before {
    content: '\f24b'; }
  html body.yp .yp-portlet .zmdi-format-strikethrough-s:before {
    content: '\f24c'; }
  html body.yp .yp-portlet .zmdi-format-strikethrough:before {
    content: '\f24d'; }
  html body.yp .yp-portlet .zmdi-format-subject:before {
    content: '\f24e'; }
  html body.yp .yp-portlet .zmdi-format-underlined:before {
    content: '\f24f'; }
  html body.yp .yp-portlet .zmdi-format-valign-bottom:before {
    content: '\f250'; }
  html body.yp .yp-portlet .zmdi-format-valign-center:before {
    content: '\f251'; }
  html body.yp .yp-portlet .zmdi-format-valign-top:before {
    content: '\f252'; }
  html body.yp .yp-portlet .zmdi-redo:before {
    content: '\f253'; }
  html body.yp .yp-portlet .zmdi-select-all:before {
    content: '\f254'; }
  html body.yp .yp-portlet .zmdi-space-bar:before {
    content: '\f255'; }
  html body.yp .yp-portlet .zmdi-text-format:before {
    content: '\f256'; }
  html body.yp .yp-portlet .zmdi-transform:before {
    content: '\f257'; }
  html body.yp .yp-portlet .zmdi-undo:before {
    content: '\f258'; }
  html body.yp .yp-portlet .zmdi-wrap-text:before {
    content: '\f259'; }
  html body.yp .yp-portlet .zmdi-comment-alert:before {
    content: '\f25a'; }
  html body.yp .yp-portlet .zmdi-comment-alt-text:before {
    content: '\f25b'; }
  html body.yp .yp-portlet .zmdi-comment-alt:before {
    content: '\f25c'; }
  html body.yp .yp-portlet .zmdi-comment-edit:before {
    content: '\f25d'; }
  html body.yp .yp-portlet .zmdi-comment-image:before {
    content: '\f25e'; }
  html body.yp .yp-portlet .zmdi-comment-list:before {
    content: '\f25f'; }
  html body.yp .yp-portlet .zmdi-comment-more:before {
    content: '\f260'; }
  html body.yp .yp-portlet .zmdi-comment-outline:before {
    content: '\f261'; }
  html body.yp .yp-portlet .zmdi-comment-text-alt:before {
    content: '\f262'; }
  html body.yp .yp-portlet .zmdi-comment-text:before {
    content: '\f263'; }
  html body.yp .yp-portlet .zmdi-comment-video:before {
    content: '\f264'; }
  html body.yp .yp-portlet .zmdi-comment:before {
    content: '\f265'; }
  html body.yp .yp-portlet .zmdi-comments:before {
    content: '\f266'; }
  html body.yp .yp-portlet .zmdi-check-all:before {
    content: '\f267'; }
  html body.yp .yp-portlet .zmdi-check-circle-u:before {
    content: '\f268'; }
  html body.yp .yp-portlet .zmdi-check-circle:before {
    content: '\f269'; }
  html body.yp .yp-portlet .zmdi-check-square:before {
    content: '\f26a'; }
  html body.yp .yp-portlet .zmdi-check:before {
    content: '\f26b'; }
  html body.yp .yp-portlet .zmdi-circle-o:before {
    content: '\f26c'; }
  html body.yp .yp-portlet .zmdi-circle:before {
    content: '\f26d'; }
  html body.yp .yp-portlet .zmdi-dot-circle-alt:before {
    content: '\f26e'; }
  html body.yp .yp-portlet .zmdi-dot-circle:before {
    content: '\f26f'; }
  html body.yp .yp-portlet .zmdi-minus-circle-outline:before {
    content: '\f270'; }
  html body.yp .yp-portlet .zmdi-minus-circle:before {
    content: '\f271'; }
  html body.yp .yp-portlet .zmdi-minus-square:before {
    content: '\f272'; }
  html body.yp .yp-portlet .zmdi-minus:before {
    content: '\f273'; }
  html body.yp .yp-portlet .zmdi-plus-circle-o-duplicate:before {
    content: '\f274'; }
  html body.yp .yp-portlet .zmdi-plus-circle-o:before {
    content: '\f275'; }
  html body.yp .yp-portlet .zmdi-plus-circle:before {
    content: '\f276'; }
  html body.yp .yp-portlet .zmdi-plus-square:before {
    content: '\f277'; }
  html body.yp .yp-portlet .zmdi-plus:before {
    content: '\f278'; }
  html body.yp .yp-portlet .zmdi-square-o:before {
    content: '\f279'; }
  html body.yp .yp-portlet .zmdi-star-circle:before {
    content: '\f27a'; }
  html body.yp .yp-portlet .zmdi-star-half:before {
    content: '\f27b'; }
  html body.yp .yp-portlet .zmdi-star-outline:before {
    content: '\f27c'; }
  html body.yp .yp-portlet .zmdi-star:before {
    content: '\f27d'; }
  html body.yp .yp-portlet .zmdi-bluetooth-connected:before {
    content: '\f27e'; }
  html body.yp .yp-portlet .zmdi-bluetooth-off:before {
    content: '\f27f'; }
  html body.yp .yp-portlet .zmdi-bluetooth-search:before {
    content: '\f280'; }
  html body.yp .yp-portlet .zmdi-bluetooth-setting:before {
    content: '\f281'; }
  html body.yp .yp-portlet .zmdi-bluetooth:before {
    content: '\f282'; }
  html body.yp .yp-portlet .zmdi-camera-add:before {
    content: '\f283'; }
  html body.yp .yp-portlet .zmdi-camera-alt:before {
    content: '\f284'; }
  html body.yp .yp-portlet .zmdi-camera-bw:before {
    content: '\f285'; }
  html body.yp .yp-portlet .zmdi-camera-front:before {
    content: '\f286'; }
  html body.yp .yp-portlet .zmdi-camera-mic:before {
    content: '\f287'; }
  html body.yp .yp-portlet .zmdi-camera-party-mode:before {
    content: '\f288'; }
  html body.yp .yp-portlet .zmdi-camera-rear:before {
    content: '\f289'; }
  html body.yp .yp-portlet .zmdi-camera-roll:before {
    content: '\f28a'; }
  html body.yp .yp-portlet .zmdi-camera-switch:before {
    content: '\f28b'; }
  html body.yp .yp-portlet .zmdi-camera:before {
    content: '\f28c'; }
  html body.yp .yp-portlet .zmdi-card-alert:before {
    content: '\f28d'; }
  html body.yp .yp-portlet .zmdi-card-off:before {
    content: '\f28e'; }
  html body.yp .yp-portlet .zmdi-card-sd:before {
    content: '\f28f'; }
  html body.yp .yp-portlet .zmdi-card-sim:before {
    content: '\f290'; }
  html body.yp .yp-portlet .zmdi-desktop-mac:before {
    content: '\f291'; }
  html body.yp .yp-portlet .zmdi-desktop-windows:before {
    content: '\f292'; }
  html body.yp .yp-portlet .zmdi-device-hub:before {
    content: '\f293'; }
  html body.yp .yp-portlet .zmdi-devices-off:before {
    content: '\f294'; }
  html body.yp .yp-portlet .zmdi-devices:before {
    content: '\f295'; }
  html body.yp .yp-portlet .zmdi-dock:before {
    content: '\f296'; }
  html body.yp .yp-portlet .zmdi-floppy:before {
    content: '\f297'; }
  html body.yp .yp-portlet .zmdi-gamepad:before {
    content: '\f298'; }
  html body.yp .yp-portlet .zmdi-gps-dot:before {
    content: '\f299'; }
  html body.yp .yp-portlet .zmdi-gps-off:before {
    content: '\f29a'; }
  html body.yp .yp-portlet .zmdi-gps:before {
    content: '\f29b'; }
  html body.yp .yp-portlet .zmdi-headset-mic:before {
    content: '\f29c'; }
  html body.yp .yp-portlet .zmdi-headset:before {
    content: '\f29d'; }
  html body.yp .yp-portlet .zmdi-input-antenna:before {
    content: '\f29e'; }
  html body.yp .yp-portlet .zmdi-input-composite:before {
    content: '\f29f'; }
  html body.yp .yp-portlet .zmdi-input-hdmi:before {
    content: '\f2a0'; }
  html body.yp .yp-portlet .zmdi-input-power:before {
    content: '\f2a1'; }
  html body.yp .yp-portlet .zmdi-input-svideo:before {
    content: '\f2a2'; }
  html body.yp .yp-portlet .zmdi-keyboard-hide:before {
    content: '\f2a3'; }
  html body.yp .yp-portlet .zmdi-keyboard:before {
    content: '\f2a4'; }
  html body.yp .yp-portlet .zmdi-laptop-chromebook:before {
    content: '\f2a5'; }
  html body.yp .yp-portlet .zmdi-laptop-mac:before {
    content: '\f2a6'; }
  html body.yp .yp-portlet .zmdi-laptop:before {
    content: '\f2a7'; }
  html body.yp .yp-portlet .zmdi-mic-off:before {
    content: '\f2a8'; }
  html body.yp .yp-portlet .zmdi-mic-outline:before {
    content: '\f2a9'; }
  html body.yp .yp-portlet .zmdi-mic-setting:before {
    content: '\f2aa'; }
  html body.yp .yp-portlet .zmdi-mic:before {
    content: '\f2ab'; }
  html body.yp .yp-portlet .zmdi-mouse:before {
    content: '\f2ac'; }
  html body.yp .yp-portlet .zmdi-network-alert:before {
    content: '\f2ad'; }
  html body.yp .yp-portlet .zmdi-network-locked:before {
    content: '\f2ae'; }
  html body.yp .yp-portlet .zmdi-network-off:before {
    content: '\f2af'; }
  html body.yp .yp-portlet .zmdi-network-outline:before {
    content: '\f2b0'; }
  html body.yp .yp-portlet .zmdi-network-setting:before {
    content: '\f2b1'; }
  html body.yp .yp-portlet .zmdi-network:before {
    content: '\f2b2'; }
  html body.yp .yp-portlet .zmdi-phone-bluetooth:before {
    content: '\f2b3'; }
  html body.yp .yp-portlet .zmdi-phone-end:before {
    content: '\f2b4'; }
  html body.yp .yp-portlet .zmdi-phone-forwarded:before {
    content: '\f2b5'; }
  html body.yp .yp-portlet .zmdi-phone-in-talk:before {
    content: '\f2b6'; }
  html body.yp .yp-portlet .zmdi-phone-locked:before {
    content: '\f2b7'; }
  html body.yp .yp-portlet .zmdi-phone-missed:before {
    content: '\f2b8'; }
  html body.yp .yp-portlet .zmdi-phone-msg:before {
    content: '\f2b9'; }
  html body.yp .yp-portlet .zmdi-phone-paused:before {
    content: '\f2ba'; }
  html body.yp .yp-portlet .zmdi-phone-ring:before {
    content: '\f2bb'; }
  html body.yp .yp-portlet .zmdi-phone-setting:before {
    content: '\f2bc'; }
  html body.yp .yp-portlet .zmdi-phone-sip:before {
    content: '\f2bd'; }
  html body.yp .yp-portlet .zmdi-phone:before {
    content: '\f2be'; }
  html body.yp .yp-portlet .zmdi-portable-wifi-changes:before {
    content: '\f2bf'; }
  html body.yp .yp-portlet .zmdi-portable-wifi-off:before {
    content: '\f2c0'; }
  html body.yp .yp-portlet .zmdi-portable-wifi:before {
    content: '\f2c1'; }
  html body.yp .yp-portlet .zmdi-radio:before {
    content: '\f2c2'; }
  html body.yp .yp-portlet .zmdi-reader:before {
    content: '\f2c3'; }
  html body.yp .yp-portlet .zmdi-remote-control-alt:before {
    content: '\f2c4'; }
  html body.yp .yp-portlet .zmdi-remote-control:before {
    content: '\f2c5'; }
  html body.yp .yp-portlet .zmdi-router:before {
    content: '\f2c6'; }
  html body.yp .yp-portlet .zmdi-scanner:before {
    content: '\f2c7'; }
  html body.yp .yp-portlet .zmdi-smartphone-android:before {
    content: '\f2c8'; }
  html body.yp .yp-portlet .zmdi-smartphone-download:before {
    content: '\f2c9'; }
  html body.yp .yp-portlet .zmdi-smartphone-erase:before {
    content: '\f2ca'; }
  html body.yp .yp-portlet .zmdi-smartphone-info:before {
    content: '\f2cb'; }
  html body.yp .yp-portlet .zmdi-smartphone-iphone:before {
    content: '\f2cc'; }
  html body.yp .yp-portlet .zmdi-smartphone-landscape-lock:before {
    content: '\f2cd'; }
  html body.yp .yp-portlet .zmdi-smartphone-landscape:before {
    content: '\f2ce'; }
  html body.yp .yp-portlet .zmdi-smartphone-lock:before {
    content: '\f2cf'; }
  html body.yp .yp-portlet .zmdi-smartphone-portrait-lock:before {
    content: '\f2d0'; }
  html body.yp .yp-portlet .zmdi-smartphone-ring:before {
    content: '\f2d1'; }
  html body.yp .yp-portlet .zmdi-smartphone-setting:before {
    content: '\f2d2'; }
  html body.yp .yp-portlet .zmdi-smartphone-setup:before {
    content: '\f2d3'; }
  html body.yp .yp-portlet .zmdi-smartphone:before {
    content: '\f2d4'; }
  html body.yp .yp-portlet .zmdi-speaker:before {
    content: '\f2d5'; }
  html body.yp .yp-portlet .zmdi-tablet-android:before {
    content: '\f2d6'; }
  html body.yp .yp-portlet .zmdi-tablet-mac:before {
    content: '\f2d7'; }
  html body.yp .yp-portlet .zmdi-tablet:before {
    content: '\f2d8'; }
  html body.yp .yp-portlet .zmdi-tv-alt-play:before {
    content: '\f2d9'; }
  html body.yp .yp-portlet .zmdi-tv-list:before {
    content: '\f2da'; }
  html body.yp .yp-portlet .zmdi-tv-play:before {
    content: '\f2db'; }
  html body.yp .yp-portlet .zmdi-tv:before {
    content: '\f2dc'; }
  html body.yp .yp-portlet .zmdi-usb:before {
    content: '\f2dd'; }
  html body.yp .yp-portlet .zmdi-videocam-off:before {
    content: '\f2de'; }
  html body.yp .yp-portlet .zmdi-videocam-switch:before {
    content: '\f2df'; }
  html body.yp .yp-portlet .zmdi-videocam:before {
    content: '\f2e0'; }
  html body.yp .yp-portlet .zmdi-watch:before {
    content: '\f2e1'; }
  html body.yp .yp-portlet .zmdi-wifi-alt-2:before {
    content: '\f2e2'; }
  html body.yp .yp-portlet .zmdi-wifi-alt:before {
    content: '\f2e3'; }
  html body.yp .yp-portlet .zmdi-wifi-info:before {
    content: '\f2e4'; }
  html body.yp .yp-portlet .zmdi-wifi-lock:before {
    content: '\f2e5'; }
  html body.yp .yp-portlet .zmdi-wifi-off:before {
    content: '\f2e6'; }
  html body.yp .yp-portlet .zmdi-wifi-outline:before {
    content: '\f2e7'; }
  html body.yp .yp-portlet .zmdi-wifi:before {
    content: '\f2e8'; }
  html body.yp .yp-portlet .zmdi-arrow-left-bottom:before {
    content: '\f2e9'; }
  html body.yp .yp-portlet .zmdi-arrow-left:before {
    content: '\f2ea'; }
  html body.yp .yp-portlet .zmdi-arrow-merge:before {
    content: '\f2eb'; }
  html body.yp .yp-portlet .zmdi-arrow-missed:before {
    content: '\f2ec'; }
  html body.yp .yp-portlet .zmdi-arrow-right-top:before {
    content: '\f2ed'; }
  html body.yp .yp-portlet .zmdi-arrow-right:before {
    content: '\f2ee'; }
  html body.yp .yp-portlet .zmdi-arrow-split:before {
    content: '\f2ef'; }
  html body.yp .yp-portlet .zmdi-arrows:before {
    content: '\f2f0'; }
  html body.yp .yp-portlet .zmdi-caret-down-circle:before {
    content: '\f2f1'; }
  html body.yp .yp-portlet .zmdi-caret-down:before {
    content: '\f2f2'; }
  html body.yp .yp-portlet .zmdi-caret-left-circle:before {
    content: '\f2f3'; }
  html body.yp .yp-portlet .zmdi-caret-left:before {
    content: '\f2f4'; }
  html body.yp .yp-portlet .zmdi-caret-right-circle:before {
    content: '\f2f5'; }
  html body.yp .yp-portlet .zmdi-caret-right:before {
    content: '\f2f6'; }
  html body.yp .yp-portlet .zmdi-caret-up-circle:before {
    content: '\f2f7'; }
  html body.yp .yp-portlet .zmdi-caret-up:before {
    content: '\f2f8'; }
  html body.yp .yp-portlet .zmdi-chevron-down:before {
    content: '\f2f9'; }
  html body.yp .yp-portlet .zmdi-chevron-left:before {
    content: '\f2fa'; }
  html body.yp .yp-portlet .zmdi-chevron-right:before {
    content: '\f2fb'; }
  html body.yp .yp-portlet .zmdi-chevron-up:before {
    content: '\f2fc'; }
  html body.yp .yp-portlet .zmdi-forward:before {
    content: '\f2fd'; }
  html body.yp .yp-portlet .zmdi-long-arrow-down:before {
    content: '\f2fe'; }
  html body.yp .yp-portlet .zmdi-long-arrow-left:before {
    content: '\f2ff'; }
  html body.yp .yp-portlet .zmdi-long-arrow-return:before {
    content: '\f300'; }
  html body.yp .yp-portlet .zmdi-long-arrow-right:before {
    content: '\f301'; }
  html body.yp .yp-portlet .zmdi-long-arrow-tab:before {
    content: '\f302'; }
  html body.yp .yp-portlet .zmdi-long-arrow-up:before {
    content: '\f303'; }
  html body.yp .yp-portlet .zmdi-rotate-ccw:before {
    content: '\f304'; }
  html body.yp .yp-portlet .zmdi-rotate-cw:before {
    content: '\f305'; }
  html body.yp .yp-portlet .zmdi-rotate-left:before {
    content: '\f306'; }
  html body.yp .yp-portlet .zmdi-rotate-right:before {
    content: '\f307'; }
  html body.yp .yp-portlet .zmdi-square-down:before {
    content: '\f308'; }
  html body.yp .yp-portlet .zmdi-square-right:before {
    content: '\f309'; }
  html body.yp .yp-portlet .zmdi-swap-alt:before {
    content: '\f30a'; }
  html body.yp .yp-portlet .zmdi-swap-vertical-circle:before {
    content: '\f30b'; }
  html body.yp .yp-portlet .zmdi-swap-vertical:before {
    content: '\f30c'; }
  html body.yp .yp-portlet .zmdi-swap:before {
    content: '\f30d'; }
  html body.yp .yp-portlet .zmdi-trending-down:before {
    content: '\f30e'; }
  html body.yp .yp-portlet .zmdi-trending-flat:before {
    content: '\f30f'; }
  html body.yp .yp-portlet .zmdi-trending-up:before {
    content: '\f310'; }
  html body.yp .yp-portlet .zmdi-unfold-less:before {
    content: '\f311'; }
  html body.yp .yp-portlet .zmdi-unfold-more:before {
    content: '\f312'; }
  html body.yp .yp-portlet .zmdi-apps:before {
    content: '\f313'; }
  html body.yp .yp-portlet .zmdi-grid-off:before {
    content: '\f314'; }
  html body.yp .yp-portlet .zmdi-grid:before {
    content: '\f315'; }
  html body.yp .yp-portlet .zmdi-view-agenda:before {
    content: '\f316'; }
  html body.yp .yp-portlet .zmdi-view-array:before {
    content: '\f317'; }
  html body.yp .yp-portlet .zmdi-view-carousel:before {
    content: '\f318'; }
  html body.yp .yp-portlet .zmdi-view-column:before {
    content: '\f319'; }
  html body.yp .yp-portlet .zmdi-view-comfy:before {
    content: '\f31a'; }
  html body.yp .yp-portlet .zmdi-view-compact:before {
    content: '\f31b'; }
  html body.yp .yp-portlet .zmdi-view-dashboard:before {
    content: '\f31c'; }
  html body.yp .yp-portlet .zmdi-view-day:before {
    content: '\f31d'; }
  html body.yp .yp-portlet .zmdi-view-headline:before {
    content: '\f31e'; }
  html body.yp .yp-portlet .zmdi-view-list-alt:before {
    content: '\f31f'; }
  html body.yp .yp-portlet .zmdi-view-list:before {
    content: '\f320'; }
  html body.yp .yp-portlet .zmdi-view-module:before {
    content: '\f321'; }
  html body.yp .yp-portlet .zmdi-view-quilt:before {
    content: '\f322'; }
  html body.yp .yp-portlet .zmdi-view-stream:before {
    content: '\f323'; }
  html body.yp .yp-portlet .zmdi-view-subtitles:before {
    content: '\f324'; }
  html body.yp .yp-portlet .zmdi-view-toc:before {
    content: '\f325'; }
  html body.yp .yp-portlet .zmdi-view-web:before {
    content: '\f326'; }
  html body.yp .yp-portlet .zmdi-view-week:before {
    content: '\f327'; }
  html body.yp .yp-portlet .zmdi-widgets:before {
    content: '\f328'; }
  html body.yp .yp-portlet .zmdi-alarm-check:before {
    content: '\f329'; }
  html body.yp .yp-portlet .zmdi-alarm-off:before {
    content: '\f32a'; }
  html body.yp .yp-portlet .zmdi-alarm-plus:before {
    content: '\f32b'; }
  html body.yp .yp-portlet .zmdi-alarm-snooze:before {
    content: '\f32c'; }
  html body.yp .yp-portlet .zmdi-alarm:before {
    content: '\f32d'; }
  html body.yp .yp-portlet .zmdi-calendar-alt:before {
    content: '\f32e'; }
  html body.yp .yp-portlet .zmdi-calendar-check:before {
    content: '\f32f'; }
  html body.yp .yp-portlet .zmdi-calendar-close:before {
    content: '\f330'; }
  html body.yp .yp-portlet .zmdi-calendar-note:before {
    content: '\f331'; }
  html body.yp .yp-portlet .zmdi-calendar:before {
    content: '\f332'; }
  html body.yp .yp-portlet .zmdi-time-countdown:before {
    content: '\f333'; }
  html body.yp .yp-portlet .zmdi-time-interval:before {
    content: '\f334'; }
  html body.yp .yp-portlet .zmdi-time-restore-setting:before {
    content: '\f335'; }
  html body.yp .yp-portlet .zmdi-time-restore:before {
    content: '\f336'; }
  html body.yp .yp-portlet .zmdi-time:before {
    content: '\f337'; }
  html body.yp .yp-portlet .zmdi-timer-off:before {
    content: '\f338'; }
  html body.yp .yp-portlet .zmdi-timer:before {
    content: '\f339'; }
  html body.yp .yp-portlet .zmdi-android-alt:before {
    content: '\f33a'; }
  html body.yp .yp-portlet .zmdi-android:before {
    content: '\f33b'; }
  html body.yp .yp-portlet .zmdi-apple:before {
    content: '\f33c'; }
  html body.yp .yp-portlet .zmdi-behance:before {
    content: '\f33d'; }
  html body.yp .yp-portlet .zmdi-codepen:before {
    content: '\f33e'; }
  html body.yp .yp-portlet .zmdi-dribbble:before {
    content: '\f33f'; }
  html body.yp .yp-portlet .zmdi-dropbox:before {
    content: '\f340'; }
  html body.yp .yp-portlet .zmdi-evernote:before {
    content: '\f341'; }
  html body.yp .yp-portlet .zmdi-facebook-box:before {
    content: '\f342'; }
  html body.yp .yp-portlet .zmdi-facebook:before {
    content: '\f343'; }
  html body.yp .yp-portlet .zmdi-github-box:before {
    content: '\f344'; }
  html body.yp .yp-portlet .zmdi-github:before {
    content: '\f345'; }
  html body.yp .yp-portlet .zmdi-google-drive:before {
    content: '\f346'; }
  html body.yp .yp-portlet .zmdi-google-earth:before {
    content: '\f347'; }
  html body.yp .yp-portlet .zmdi-google-glass:before {
    content: '\f348'; }
  html body.yp .yp-portlet .zmdi-google-maps:before {
    content: '\f349'; }
  html body.yp .yp-portlet .zmdi-google-pages:before {
    content: '\f34a'; }
  html body.yp .yp-portlet .zmdi-google-play:before {
    content: '\f34b'; }
  html body.yp .yp-portlet .zmdi-google-plus-box:before {
    content: '\f34c'; }
  html body.yp .yp-portlet .zmdi-google-plus:before {
    content: '\f34d'; }
  html body.yp .yp-portlet .zmdi-google:before {
    content: '\f34e'; }
  html body.yp .yp-portlet .zmdi-instagram:before {
    content: '\f34f'; }
  html body.yp .yp-portlet .zmdi-language-css3:before {
    content: '\f350'; }
  html body.yp .yp-portlet .zmdi-language-html5:before {
    content: '\f351'; }
  html body.yp .yp-portlet .zmdi-language-javascript:before {
    content: '\f352'; }
  html body.yp .yp-portlet .zmdi-language-python-alt:before {
    content: '\f353'; }
  html body.yp .yp-portlet .zmdi-language-python:before {
    content: '\f354'; }
  html body.yp .yp-portlet .zmdi-lastfm:before {
    content: '\f355'; }
  html body.yp .yp-portlet .zmdi-linkedin-box:before {
    content: '\f356'; }
  html body.yp .yp-portlet .zmdi-paypal:before {
    content: '\f357'; }
  html body.yp .yp-portlet .zmdi-pinterest-box:before {
    content: '\f358'; }
  html body.yp .yp-portlet .zmdi-pocket:before {
    content: '\f359'; }
  html body.yp .yp-portlet .zmdi-polymer:before {
    content: '\f35a'; }
  html body.yp .yp-portlet .zmdi-share:before {
    content: '\f35b'; }
  html body.yp .yp-portlet .zmdi-stackoverflow:before {
    content: '\f35c'; }
  html body.yp .yp-portlet .zmdi-steam-square:before {
    content: '\f35d'; }
  html body.yp .yp-portlet .zmdi-steam:before {
    content: '\f35e'; }
  html body.yp .yp-portlet .zmdi-twitter-box:before {
    content: '\f35f'; }
  html body.yp .yp-portlet .zmdi-twitter:before {
    content: '\f360'; }
  html body.yp .yp-portlet .zmdi-vk:before {
    content: '\f361'; }
  html body.yp .yp-portlet .zmdi-wikipedia:before {
    content: '\f362'; }
  html body.yp .yp-portlet .zmdi-windows:before {
    content: '\f363'; }
  html body.yp .yp-portlet .zmdi-aspect-ratio-alt:before {
    content: '\f364'; }
  html body.yp .yp-portlet .zmdi-aspect-ratio:before {
    content: '\f365'; }
  html body.yp .yp-portlet .zmdi-blur-circular:before {
    content: '\f366'; }
  html body.yp .yp-portlet .zmdi-blur-linear:before {
    content: '\f367'; }
  html body.yp .yp-portlet .zmdi-blur-off:before {
    content: '\f368'; }
  html body.yp .yp-portlet .zmdi-blur:before {
    content: '\f369'; }
  html body.yp .yp-portlet .zmdi-brightness-2:before {
    content: '\f36a'; }
  html body.yp .yp-portlet .zmdi-brightness-3:before {
    content: '\f36b'; }
  html body.yp .yp-portlet .zmdi-brightness-4:before {
    content: '\f36c'; }
  html body.yp .yp-portlet .zmdi-brightness-5:before {
    content: '\f36d'; }
  html body.yp .yp-portlet .zmdi-brightness-6:before {
    content: '\f36e'; }
  html body.yp .yp-portlet .zmdi-brightness-7:before {
    content: '\f36f'; }
  html body.yp .yp-portlet .zmdi-brightness-auto:before {
    content: '\f370'; }
  html body.yp .yp-portlet .zmdi-brightness-setting:before {
    content: '\f371'; }
  html body.yp .yp-portlet .zmdi-broken-image:before {
    content: '\f372'; }
  html body.yp .yp-portlet .zmdi-center-focus-strong:before {
    content: '\f373'; }
  html body.yp .yp-portlet .zmdi-center-focus-weak:before {
    content: '\f374'; }
  html body.yp .yp-portlet .zmdi-compare:before {
    content: '\f375'; }
  html body.yp .yp-portlet .zmdi-crop-16-9:before {
    content: '\f376'; }
  html body.yp .yp-portlet .zmdi-crop-3-2:before {
    content: '\f377'; }
  html body.yp .yp-portlet .zmdi-crop-5-4:before {
    content: '\f378'; }
  html body.yp .yp-portlet .zmdi-crop-7-5:before {
    content: '\f379'; }
  html body.yp .yp-portlet .zmdi-crop-din:before {
    content: '\f37a'; }
  html body.yp .yp-portlet .zmdi-crop-free:before {
    content: '\f37b'; }
  html body.yp .yp-portlet .zmdi-crop-landscape:before {
    content: '\f37c'; }
  html body.yp .yp-portlet .zmdi-crop-portrait:before {
    content: '\f37d'; }
  html body.yp .yp-portlet .zmdi-crop-square:before {
    content: '\f37e'; }
  html body.yp .yp-portlet .zmdi-exposure-alt:before {
    content: '\f37f'; }
  html body.yp .yp-portlet .zmdi-exposure:before {
    content: '\f380'; }
  html body.yp .yp-portlet .zmdi-filter-b-and-w:before {
    content: '\f381'; }
  html body.yp .yp-portlet .zmdi-filter-center-focus:before {
    content: '\f382'; }
  html body.yp .yp-portlet .zmdi-filter-frames:before {
    content: '\f383'; }
  html body.yp .yp-portlet .zmdi-filter-tilt-shift:before {
    content: '\f384'; }
  html body.yp .yp-portlet .zmdi-gradient:before {
    content: '\f385'; }
  html body.yp .yp-portlet .zmdi-grain:before {
    content: '\f386'; }
  html body.yp .yp-portlet .zmdi-graphic-eq:before {
    content: '\f387'; }
  html body.yp .yp-portlet .zmdi-hdr-off:before {
    content: '\f388'; }
  html body.yp .yp-portlet .zmdi-hdr-strong:before {
    content: '\f389'; }
  html body.yp .yp-portlet .zmdi-hdr-weak:before {
    content: '\f38a'; }
  html body.yp .yp-portlet .zmdi-hdr:before {
    content: '\f38b'; }
  html body.yp .yp-portlet .zmdi-iridescent:before {
    content: '\f38c'; }
  html body.yp .yp-portlet .zmdi-leak-off:before {
    content: '\f38d'; }
  html body.yp .yp-portlet .zmdi-leak:before {
    content: '\f38e'; }
  html body.yp .yp-portlet .zmdi-looks:before {
    content: '\f38f'; }
  html body.yp .yp-portlet .zmdi-loupe:before {
    content: '\f390'; }
  html body.yp .yp-portlet .zmdi-panorama-horizontal:before {
    content: '\f391'; }
  html body.yp .yp-portlet .zmdi-panorama-vertical:before {
    content: '\f392'; }
  html body.yp .yp-portlet .zmdi-panorama-wide-angle:before {
    content: '\f393'; }
  html body.yp .yp-portlet .zmdi-photo-size-select-large:before {
    content: '\f394'; }
  html body.yp .yp-portlet .zmdi-photo-size-select-small:before {
    content: '\f395'; }
  html body.yp .yp-portlet .zmdi-picture-in-picture:before {
    content: '\f396'; }
  html body.yp .yp-portlet .zmdi-slideshow:before {
    content: '\f397'; }
  html body.yp .yp-portlet .zmdi-texture:before {
    content: '\f398'; }
  html body.yp .yp-portlet .zmdi-tonality:before {
    content: '\f399'; }
  html body.yp .yp-portlet .zmdi-vignette:before {
    content: '\f39a'; }
  html body.yp .yp-portlet .zmdi-wb-auto:before {
    content: '\f39b'; }
  html body.yp .yp-portlet .zmdi-eject-alt:before {
    content: '\f39c'; }
  html body.yp .yp-portlet .zmdi-eject:before {
    content: '\f39d'; }
  html body.yp .yp-portlet .zmdi-equalizer:before {
    content: '\f39e'; }
  html body.yp .yp-portlet .zmdi-fast-forward:before {
    content: '\f39f'; }
  html body.yp .yp-portlet .zmdi-fast-rewind:before {
    content: '\f3a0'; }
  html body.yp .yp-portlet .zmdi-forward-10:before {
    content: '\f3a1'; }
  html body.yp .yp-portlet .zmdi-forward-30:before {
    content: '\f3a2'; }
  html body.yp .yp-portlet .zmdi-forward-5:before {
    content: '\f3a3'; }
  html body.yp .yp-portlet .zmdi-hearing:before {
    content: '\f3a4'; }
  html body.yp .yp-portlet .zmdi-pause-circle-outline:before {
    content: '\f3a5'; }
  html body.yp .yp-portlet .zmdi-pause-circle:before {
    content: '\f3a6'; }
  html body.yp .yp-portlet .zmdi-pause:before {
    content: '\f3a7'; }
  html body.yp .yp-portlet .zmdi-play-circle-outline:before {
    content: '\f3a8'; }
  html body.yp .yp-portlet .zmdi-play-circle:before {
    content: '\f3a9'; }
  html body.yp .yp-portlet .zmdi-play:before {
    content: '\f3aa'; }
  html body.yp .yp-portlet .zmdi-playlist-audio:before {
    content: '\f3ab'; }
  html body.yp .yp-portlet .zmdi-playlist-plus:before {
    content: '\f3ac'; }
  html body.yp .yp-portlet .zmdi-repeat-one:before {
    content: '\f3ad'; }
  html body.yp .yp-portlet .zmdi-repeat:before {
    content: '\f3ae'; }
  html body.yp .yp-portlet .zmdi-replay-10:before {
    content: '\f3af'; }
  html body.yp .yp-portlet .zmdi-replay-30:before {
    content: '\f3b0'; }
  html body.yp .yp-portlet .zmdi-replay-5:before {
    content: '\f3b1'; }
  html body.yp .yp-portlet .zmdi-replay:before {
    content: '\f3b2'; }
  html body.yp .yp-portlet .zmdi-shuffle:before {
    content: '\f3b3'; }
  html body.yp .yp-portlet .zmdi-skip-next:before {
    content: '\f3b4'; }
  html body.yp .yp-portlet .zmdi-skip-previous:before {
    content: '\f3b5'; }
  html body.yp .yp-portlet .zmdi-stop:before {
    content: '\f3b6'; }
  html body.yp .yp-portlet .zmdi-surround-sound:before {
    content: '\f3b7'; }
  html body.yp .yp-portlet .zmdi-tune:before {
    content: '\f3b8'; }
  html body.yp .yp-portlet .zmdi-volume-down:before {
    content: '\f3b9'; }
  html body.yp .yp-portlet .zmdi-volume-mute:before {
    content: '\f3ba'; }
  html body.yp .yp-portlet .zmdi-volume-off:before {
    content: '\f3bb'; }
  html body.yp .yp-portlet .zmdi-volume-up:before {
    content: '\f3bc'; }
  html body.yp .yp-portlet .zmdi-n-1-square:before {
    content: '\f3bd'; }
  html body.yp .yp-portlet .zmdi-n-2-square:before {
    content: '\f3be'; }
  html body.yp .yp-portlet .zmdi-n-3-square:before {
    content: '\f3bf'; }
  html body.yp .yp-portlet .zmdi-n-4-square:before {
    content: '\f3c0'; }
  html body.yp .yp-portlet .zmdi-n-5-square:before {
    content: '\f3c1'; }
  html body.yp .yp-portlet .zmdi-n-6-square:before {
    content: '\f3c2'; }
  html body.yp .yp-portlet .zmdi-neg-1:before {
    content: '\f3c3'; }
  html body.yp .yp-portlet .zmdi-neg-2:before {
    content: '\f3c4'; }
  html body.yp .yp-portlet .zmdi-plus-1:before {
    content: '\f3c5'; }
  html body.yp .yp-portlet .zmdi-plus-2:before {
    content: '\f3c6'; }
  html body.yp .yp-portlet .zmdi-sec-10:before {
    content: '\f3c7'; }
  html body.yp .yp-portlet .zmdi-sec-3:before {
    content: '\f3c8'; }
  html body.yp .yp-portlet .zmdi-zero:before {
    content: '\f3c9'; }
  html body.yp .yp-portlet .zmdi-airline-seat-flat-angled:before {
    content: '\f3ca'; }
  html body.yp .yp-portlet .zmdi-airline-seat-flat:before {
    content: '\f3cb'; }
  html body.yp .yp-portlet .zmdi-airline-seat-individual-suite:before {
    content: '\f3cc'; }
  html body.yp .yp-portlet .zmdi-airline-seat-legroom-extra:before {
    content: '\f3cd'; }
  html body.yp .yp-portlet .zmdi-airline-seat-legroom-normal:before {
    content: '\f3ce'; }
  html body.yp .yp-portlet .zmdi-airline-seat-legroom-reduced:before {
    content: '\f3cf'; }
  html body.yp .yp-portlet .zmdi-airline-seat-recline-extra:before {
    content: '\f3d0'; }
  html body.yp .yp-portlet .zmdi-airline-seat-recline-normal:before {
    content: '\f3d1'; }
  html body.yp .yp-portlet .zmdi-airplay:before {
    content: '\f3d2'; }
  html body.yp .yp-portlet .zmdi-closed-caption:before {
    content: '\f3d3'; }
  html body.yp .yp-portlet .zmdi-confirmation-number:before {
    content: '\f3d4'; }
  html body.yp .yp-portlet .zmdi-developer-board:before {
    content: '\f3d5'; }
  html body.yp .yp-portlet .zmdi-disc-full:before {
    content: '\f3d6'; }
  html body.yp .yp-portlet .zmdi-explicit:before {
    content: '\f3d7'; }
  html body.yp .yp-portlet .zmdi-flight-land:before {
    content: '\f3d8'; }
  html body.yp .yp-portlet .zmdi-flight-takeoff:before {
    content: '\f3d9'; }
  html body.yp .yp-portlet .zmdi-flip-to-back:before {
    content: '\f3da'; }
  html body.yp .yp-portlet .zmdi-flip-to-front:before {
    content: '\f3db'; }
  html body.yp .yp-portlet .zmdi-group-work:before {
    content: '\f3dc'; }
  html body.yp .yp-portlet .zmdi-hd:before {
    content: '\f3dd'; }
  html body.yp .yp-portlet .zmdi-hq:before {
    content: '\f3de'; }
  html body.yp .yp-portlet .zmdi-markunread-mailbox:before {
    content: '\f3df'; }
  html body.yp .yp-portlet .zmdi-memory:before {
    content: '\f3e0'; }
  html body.yp .yp-portlet .zmdi-nfc:before {
    content: '\f3e1'; }
  html body.yp .yp-portlet .zmdi-play-for-work:before {
    content: '\f3e2'; }
  html body.yp .yp-portlet .zmdi-power-input:before {
    content: '\f3e3'; }
  html body.yp .yp-portlet .zmdi-present-to-all:before {
    content: '\f3e4'; }
  html body.yp .yp-portlet .zmdi-satellite:before {
    content: '\f3e5'; }
  html body.yp .yp-portlet .zmdi-tap-and-play:before {
    content: '\f3e6'; }
  html body.yp .yp-portlet .zmdi-vibration:before {
    content: '\f3e7'; }
  html body.yp .yp-portlet .zmdi-voicemail:before {
    content: '\f3e8'; }
  html body.yp .yp-portlet .zmdi-group:before {
    content: '\f3e9'; }
  html body.yp .yp-portlet .zmdi-rss:before {
    content: '\f3ea'; }
  html body.yp .yp-portlet .zmdi-shape:before {
    content: '\f3eb'; }
  html body.yp .yp-portlet .zmdi-spinner:before {
    content: '\f3ec'; }
  html body.yp .yp-portlet .zmdi-ungroup:before {
    content: '\f3ed'; }
  html body.yp .yp-portlet .zmdi-500px:before {
    content: '\f3ee'; }
  html body.yp .yp-portlet .zmdi-8tracks:before {
    content: '\f3ef'; }
  html body.yp .yp-portlet .zmdi-amazon:before {
    content: '\f3f0'; }
  html body.yp .yp-portlet .zmdi-blogger:before {
    content: '\f3f1'; }
  html body.yp .yp-portlet .zmdi-delicious:before {
    content: '\f3f2'; }
  html body.yp .yp-portlet .zmdi-disqus:before {
    content: '\f3f3'; }
  html body.yp .yp-portlet .zmdi-flattr:before {
    content: '\f3f4'; }
  html body.yp .yp-portlet .zmdi-flickr:before {
    content: '\f3f5'; }
  html body.yp .yp-portlet .zmdi-github-alt:before {
    content: '\f3f6'; }
  html body.yp .yp-portlet .zmdi-google-old:before {
    content: '\f3f7'; }
  html body.yp .yp-portlet .zmdi-linkedin:before {
    content: '\f3f8'; }
  html body.yp .yp-portlet .zmdi-odnoklassniki:before {
    content: '\f3f9'; }
  html body.yp .yp-portlet .zmdi-outlook:before {
    content: '\f3fa'; }
  html body.yp .yp-portlet .zmdi-paypal-alt:before {
    content: '\f3fb'; }
  html body.yp .yp-portlet .zmdi-pinterest:before {
    content: '\f3fc'; }
  html body.yp .yp-portlet .zmdi-playstation:before {
    content: '\f3fd'; }
  html body.yp .yp-portlet .zmdi-reddit:before {
    content: '\f3fe'; }
  html body.yp .yp-portlet .zmdi-skype:before {
    content: '\f3ff'; }
  html body.yp .yp-portlet .zmdi-slideshare:before {
    content: '\f400'; }
  html body.yp .yp-portlet .zmdi-soundcloud:before {
    content: '\f401'; }
  html body.yp .yp-portlet .zmdi-tumblr:before {
    content: '\f402'; }
  html body.yp .yp-portlet .zmdi-twitch:before {
    content: '\f403'; }
  html body.yp .yp-portlet .zmdi-vimeo:before {
    content: '\f404'; }
  html body.yp .yp-portlet .zmdi-whatsapp:before {
    content: '\f405'; }
  html body.yp .yp-portlet .zmdi-xbox:before {
    content: '\f406'; }
  html body.yp .yp-portlet .zmdi-yahoo:before {
    content: '\f407'; }
  html body.yp .yp-portlet .zmdi-youtube-play:before {
    content: '\f408'; }
  html body.yp .yp-portlet .zmdi-youtube:before {
    content: '\f409'; }
  html body.yp .yp-portlet .zmdi-import-export:before {
    content: '\f30c'; }
  html body.yp .yp-portlet .zmdi-swap-vertical-:before {
    content: '\f30c'; }
  html body.yp .yp-portlet .zmdi-airplanemode-inactive:before {
    content: '\f102'; }
  html body.yp .yp-portlet .zmdi-airplanemode-active:before {
    content: '\f103'; }
  html body.yp .yp-portlet .zmdi-rate-review:before {
    content: '\f103'; }
  html body.yp .yp-portlet .zmdi-comment-sign:before {
    content: '\f25a'; }
  html body.yp .yp-portlet .zmdi-network-warning:before {
    content: '\f2ad'; }
  html body.yp .yp-portlet .zmdi-shopping-cart-add:before {
    content: '\f1ca'; }
  html body.yp .yp-portlet .zmdi-file-add:before {
    content: '\f221'; }
  html body.yp .yp-portlet .zmdi-network-wifi-scan:before {
    content: '\f2e4'; }
  html body.yp .yp-portlet .zmdi-collection-add:before {
    content: '\f14e'; }
  html body.yp .yp-portlet .zmdi-format-playlist-add:before {
    content: '\f3ac'; }
  html body.yp .yp-portlet .zmdi-format-queue-music:before {
    content: '\f3ab'; }
  html body.yp .yp-portlet .zmdi-plus-box:before {
    content: '\f277'; }
  html body.yp .yp-portlet .zmdi-tag-backspace:before {
    content: '\f1d9'; }
  html body.yp .yp-portlet .zmdi-alarm-add:before {
    content: '\f32b'; }
  html body.yp .yp-portlet .zmdi-battery-charging:before {
    content: '\f114'; }
  html body.yp .yp-portlet .zmdi-daydream-setting:before {
    content: '\f217'; }
  html body.yp .yp-portlet .zmdi-more-horiz:before {
    content: '\f19c'; }
  html body.yp .yp-portlet .zmdi-book-photo:before {
    content: '\f11b'; }
  html body.yp .yp-portlet .zmdi-incandescent:before {
    content: '\f189'; }
  html body.yp .yp-portlet .zmdi-wb-iridescent:before {
    content: '\f38c'; }
  html body.yp .yp-portlet .zmdi-calendar-remove:before {
    content: '\f330'; }
  html body.yp .yp-portlet .zmdi-refresh-sync-disabled:before {
    content: '\f1b7'; }
  html body.yp .yp-portlet .zmdi-refresh-sync-problem:before {
    content: '\f1b6'; }
  html body.yp .yp-portlet .zmdi-crop-original:before {
    content: '\f17e'; }
  html body.yp .yp-portlet .zmdi-power-off:before {
    content: '\f1af'; }
  html body.yp .yp-portlet .zmdi-power-off-setting:before {
    content: '\f1ae'; }
  html body.yp .yp-portlet .zmdi-leak-remove:before {
    content: '\f38d'; }
  html body.yp .yp-portlet .zmdi-star-border:before {
    content: '\f27c'; }
  html body.yp .yp-portlet .zmdi-brightness-low:before {
    content: '\f36d'; }
  html body.yp .yp-portlet .zmdi-brightness-medium:before {
    content: '\f36e'; }
  html body.yp .yp-portlet .zmdi-brightness-high:before {
    content: '\f36f'; }
  html body.yp .yp-portlet .zmdi-smartphone-portrait:before {
    content: '\f2d4'; }
  html body.yp .yp-portlet .zmdi-live-tv:before {
    content: '\f2d9'; }
  html body.yp .yp-portlet .zmdi-format-textdirection-l-to-r:before {
    content: '\f249'; }
  html body.yp .yp-portlet .zmdi-format-textdirection-r-to-l:before {
    content: '\f24a'; }
  html body.yp .yp-portlet .zmdi-arrow-back:before {
    content: '\f2ea'; }
  html body.yp .yp-portlet .zmdi-arrow-forward:before {
    content: '\f2ee'; }
  html body.yp .yp-portlet .zmdi-arrow-in:before {
    content: '\f2e9'; }
  html body.yp .yp-portlet .zmdi-arrow-out:before {
    content: '\f2ed'; }
  html body.yp .yp-portlet .zmdi-rotate-90-degrees-ccw:before {
    content: '\f304'; }
  html body.yp .yp-portlet .zmdi-adb:before {
    content: '\f33a'; }
  html body.yp .yp-portlet .zmdi-network-wifi:before {
    content: '\f2e8'; }
  html body.yp .yp-portlet .zmdi-network-wifi-alt:before {
    content: '\f2e3'; }
  html body.yp .yp-portlet .zmdi-network-wifi-lock:before {
    content: '\f2e5'; }
  html body.yp .yp-portlet .zmdi-network-wifi-off:before {
    content: '\f2e6'; }
  html body.yp .yp-portlet .zmdi-network-wifi-outline:before {
    content: '\f2e7'; }
  html body.yp .yp-portlet .zmdi-network-wifi-info:before {
    content: '\f2e4'; }
  html body.yp .yp-portlet .zmdi-layers-clear:before {
    content: '\f18b'; }
  html body.yp .yp-portlet .zmdi-colorize:before {
    content: '\f15d'; }
  html body.yp .yp-portlet .zmdi-format-paint:before {
    content: '\f1ba'; }
  html body.yp .yp-portlet .zmdi-format-quote:before {
    content: '\f1b2'; }
  html body.yp .yp-portlet .zmdi-camera-monochrome-photos:before {
    content: '\f285'; }
  html body.yp .yp-portlet .zmdi-sort-by-alpha:before {
    content: '\f1cf'; }
  html body.yp .yp-portlet .zmdi-folder-shared:before {
    content: '\f225'; }
  html body.yp .yp-portlet .zmdi-folder-special:before {
    content: '\f226'; }
  html body.yp .yp-portlet .zmdi-comment-dots:before {
    content: '\f260'; }
  html body.yp .yp-portlet .zmdi-reorder:before {
    content: '\f31e'; }
  html body.yp .yp-portlet .zmdi-dehaze:before {
    content: '\f197'; }
  html body.yp .yp-portlet .zmdi-sort:before {
    content: '\f1ce'; }
  html body.yp .yp-portlet .zmdi-pages:before {
    content: '\f34a'; }
  html body.yp .yp-portlet .zmdi-stack-overflow:before {
    content: '\f35c'; }
  html body.yp .yp-portlet .zmdi-calendar-account:before {
    content: '\f204'; }
  html body.yp .yp-portlet .zmdi-paste:before {
    content: '\f109'; }
  html body.yp .yp-portlet .zmdi-cut:before {
    content: '\f1bc'; }
  html body.yp .yp-portlet .zmdi-save:before {
    content: '\f297'; }
  html body.yp .yp-portlet .zmdi-smartphone-code:before {
    content: '\f139'; }
  html body.yp .yp-portlet .zmdi-directions-bike:before {
    content: '\f117'; }
  html body.yp .yp-portlet .zmdi-directions-boat:before {
    content: '\f11a'; }
  html body.yp .yp-portlet .zmdi-directions-bus:before {
    content: '\f121'; }
  html body.yp .yp-portlet .zmdi-directions-car:before {
    content: '\f125'; }
  html body.yp .yp-portlet .zmdi-directions-railway:before {
    content: '\f1b3'; }
  html body.yp .yp-portlet .zmdi-directions-run:before {
    content: '\f215'; }
  html body.yp .yp-portlet .zmdi-directions-subway:before {
    content: '\f1d5'; }
  html body.yp .yp-portlet .zmdi-directions-walk:before {
    content: '\f216'; }
  html body.yp .yp-portlet .zmdi-local-hotel:before {
    content: '\f178'; }
  html body.yp .yp-portlet .zmdi-local-activity:before {
    content: '\f1df'; }
  html body.yp .yp-portlet .zmdi-local-play:before {
    content: '\f1df'; }
  html body.yp .yp-portlet .zmdi-local-airport:before {
    content: '\f103'; }
  html body.yp .yp-portlet .zmdi-local-atm:before {
    content: '\f198'; }
  html body.yp .yp-portlet .zmdi-local-bar:before {
    content: '\f137'; }
  html body.yp .yp-portlet .zmdi-local-cafe:before {
    content: '\f13b'; }
  html body.yp .yp-portlet .zmdi-local-car-wash:before {
    content: '\f124'; }
  html body.yp .yp-portlet .zmdi-local-convenience-store:before {
    content: '\f1d3'; }
  html body.yp .yp-portlet .zmdi-local-dining:before {
    content: '\f153'; }
  html body.yp .yp-portlet .zmdi-local-drink:before {
    content: '\f157'; }
  html body.yp .yp-portlet .zmdi-local-florist:before {
    content: '\f168'; }
  html body.yp .yp-portlet .zmdi-local-gas-station:before {
    content: '\f16f'; }
  html body.yp .yp-portlet .zmdi-local-grocery-store:before {
    content: '\f1cb'; }
  html body.yp .yp-portlet .zmdi-local-hospital:before {
    content: '\f177'; }
  html body.yp .yp-portlet .zmdi-local-laundry-service:before {
    content: '\f1e9'; }
  html body.yp .yp-portlet .zmdi-local-library:before {
    content: '\f18d'; }
  html body.yp .yp-portlet .zmdi-local-mall:before {
    content: '\f195'; }
  html body.yp .yp-portlet .zmdi-local-movies:before {
    content: '\f19d'; }
  html body.yp .yp-portlet .zmdi-local-offer:before {
    content: '\f187'; }
  html body.yp .yp-portlet .zmdi-local-parking:before {
    content: '\f1a5'; }
  html body.yp .yp-portlet .zmdi-local-parking:before {
    content: '\f1a5'; }
  html body.yp .yp-portlet .zmdi-local-pharmacy:before {
    content: '\f176'; }
  html body.yp .yp-portlet .zmdi-local-phone:before {
    content: '\f2be'; }
  html body.yp .yp-portlet .zmdi-local-pizza:before {
    content: '\f1ac'; }
  html body.yp .yp-portlet .zmdi-local-post-office:before {
    content: '\f15a'; }
  html body.yp .yp-portlet .zmdi-local-printshop:before {
    content: '\f1b0'; }
  html body.yp .yp-portlet .zmdi-local-see:before {
    content: '\f28c'; }
  html body.yp .yp-portlet .zmdi-local-shipping:before {
    content: '\f1e6'; }
  html body.yp .yp-portlet .zmdi-local-store:before {
    content: '\f1d4'; }
  html body.yp .yp-portlet .zmdi-local-taxi:before {
    content: '\f123'; }
  html body.yp .yp-portlet .zmdi-local-wc:before {
    content: '\f211'; }
  html body.yp .yp-portlet .zmdi-my-location:before {
    content: '\f299'; }
  html body.yp .yp-portlet .zmdi-directions:before {
    content: '\f1e7'; }

@font-face {
  html body.yp .yp-portlet {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal; } }
  html body.yp .yp-portlet .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  html body.yp .yp-portlet .fa-lg {
    font-size: 1.333333333em;
    line-height: 0.75em;
    vertical-align: -15%; }
  html body.yp .yp-portlet .fa-2x {
    font-size: 2em; }
  html body.yp .yp-portlet .fa-3x {
    font-size: 3em; }
  html body.yp .yp-portlet .fa-4x {
    font-size: 4em; }
  html body.yp .yp-portlet .fa-5x {
    font-size: 5em; }
  html body.yp .yp-portlet .fa-fw {
    width: 1.285714286em;
    text-align: center; }
  html body.yp .yp-portlet .fa-ul {
    padding-left: 0;
    margin-left: 2.142857143em;
    list-style-type: none; }
    html body.yp .yp-portlet .fa-ul > li {
      position: relative; }
  html body.yp .yp-portlet .fa-li {
    position: absolute;
    left: -2.142857143em;
    width: 2.142857143em;
    top: 0.142857143em;
    text-align: center; }
    html body.yp .yp-portlet .fa-li.fa-lg {
      left: -1.857142857em; }
  html body.yp .yp-portlet .fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em; }
  html body.yp .yp-portlet .fa-pull-left {
    float: left; }
  html body.yp .yp-portlet .fa-pull-right {
    float: right; }
  html body.yp .yp-portlet .fa.fa-pull-left {
    margin-right: .3em; }
  html body.yp .yp-portlet .fa.fa-pull-right {
    margin-left: .3em; }
  html body.yp .yp-portlet .pull-right {
    float: right; }
  html body.yp .yp-portlet .pull-left {
    float: left; }
  html body.yp .yp-portlet .fa.pull-left {
    margin-right: .3em; }
  html body.yp .yp-portlet .fa.pull-right {
    margin-left: .3em; }
  html body.yp .yp-portlet .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear; }
  html body.yp .yp-portlet .fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
  html body.yp .yp-portlet .fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  html body.yp .yp-portlet .fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  html body.yp .yp-portlet .fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  html body.yp .yp-portlet .fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  html body.yp .yp-portlet .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1); }
  html body.yp .yp-portlet :root .fa-rotate-90,
  html body.yp .yp-portlet :root .fa-rotate-180,
  html body.yp .yp-portlet :root .fa-rotate-270,
  html body.yp .yp-portlet :root .fa-flip-horizontal,
  html body.yp .yp-portlet :root .fa-flip-vertical {
    filter: none; }
  html body.yp .yp-portlet .fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle; }
  html body.yp .yp-portlet .fa-stack-1x, html body.yp .yp-portlet .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center; }
  html body.yp .yp-portlet .fa-stack-1x {
    line-height: inherit; }
  html body.yp .yp-portlet .fa-stack-2x {
    font-size: 2em; }
  html body.yp .yp-portlet .fa-inverse {
    color: #fff; }
  html body.yp .yp-portlet .fa-glass:before {
    content: "\f000"; }
  html body.yp .yp-portlet .fa-music:before {
    content: "\f001"; }
  html body.yp .yp-portlet .fa-search:before {
    content: "\f002"; }
  html body.yp .yp-portlet .fa-envelope-o:before {
    content: "\f003"; }
  html body.yp .yp-portlet .fa-heart:before {
    content: "\f004"; }
  html body.yp .yp-portlet .fa-star:before {
    content: "\f005"; }
  html body.yp .yp-portlet .fa-star-o:before {
    content: "\f006"; }
  html body.yp .yp-portlet .fa-user:before {
    content: "\f007"; }
  html body.yp .yp-portlet .fa-film:before {
    content: "\f008"; }
  html body.yp .yp-portlet .fa-th-large:before {
    content: "\f009"; }
  html body.yp .yp-portlet .fa-th:before {
    content: "\f00a"; }
  html body.yp .yp-portlet .fa-th-list:before {
    content: "\f00b"; }
  html body.yp .yp-portlet .fa-check:before {
    content: "\f00c"; }
  html body.yp .yp-portlet .fa-remove:before,
  html body.yp .yp-portlet .fa-close:before,
  html body.yp .yp-portlet .fa-times:before {
    content: "\f00d"; }
  html body.yp .yp-portlet .fa-search-plus:before {
    content: "\f00e"; }
  html body.yp .yp-portlet .fa-search-minus:before {
    content: "\f010"; }
  html body.yp .yp-portlet .fa-power-off:before {
    content: "\f011"; }
  html body.yp .yp-portlet .fa-signal:before {
    content: "\f012"; }
  html body.yp .yp-portlet .fa-gear:before,
  html body.yp .yp-portlet .fa-cog:before {
    content: "\f013"; }
  html body.yp .yp-portlet .fa-trash-o:before {
    content: "\f014"; }
  html body.yp .yp-portlet .fa-home:before {
    content: "\f015"; }
  html body.yp .yp-portlet .fa-file-o:before {
    content: "\f016"; }
  html body.yp .yp-portlet .fa-clock-o:before {
    content: "\f017"; }
  html body.yp .yp-portlet .fa-road:before {
    content: "\f018"; }
  html body.yp .yp-portlet .fa-download:before {
    content: "\f019"; }
  html body.yp .yp-portlet .fa-arrow-circle-o-down:before {
    content: "\f01a"; }
  html body.yp .yp-portlet .fa-arrow-circle-o-up:before {
    content: "\f01b"; }
  html body.yp .yp-portlet .fa-inbox:before {
    content: "\f01c"; }
  html body.yp .yp-portlet .fa-play-circle-o:before {
    content: "\f01d"; }
  html body.yp .yp-portlet .fa-rotate-right:before,
  html body.yp .yp-portlet .fa-repeat:before {
    content: "\f01e"; }
  html body.yp .yp-portlet .fa-refresh:before {
    content: "\f021"; }
  html body.yp .yp-portlet .fa-list-alt:before {
    content: "\f022"; }
  html body.yp .yp-portlet .fa-lock:before {
    content: "\f023"; }
  html body.yp .yp-portlet .fa-flag:before {
    content: "\f024"; }
  html body.yp .yp-portlet .fa-headphones:before {
    content: "\f025"; }
  html body.yp .yp-portlet .fa-volume-off:before {
    content: "\f026"; }
  html body.yp .yp-portlet .fa-volume-down:before {
    content: "\f027"; }
  html body.yp .yp-portlet .fa-volume-up:before {
    content: "\f028"; }
  html body.yp .yp-portlet .fa-qrcode:before {
    content: "\f029"; }
  html body.yp .yp-portlet .fa-barcode:before {
    content: "\f02a"; }
  html body.yp .yp-portlet .fa-tag:before {
    content: "\f02b"; }
  html body.yp .yp-portlet .fa-tags:before {
    content: "\f02c"; }
  html body.yp .yp-portlet .fa-book:before {
    content: "\f02d"; }
  html body.yp .yp-portlet .fa-bookmark:before {
    content: "\f02e"; }
  html body.yp .yp-portlet .fa-print:before {
    content: "\f02f"; }
  html body.yp .yp-portlet .fa-camera:before {
    content: "\f030"; }
  html body.yp .yp-portlet .fa-font:before {
    content: "\f031"; }
  html body.yp .yp-portlet .fa-bold:before {
    content: "\f032"; }
  html body.yp .yp-portlet .fa-italic:before {
    content: "\f033"; }
  html body.yp .yp-portlet .fa-text-height:before {
    content: "\f034"; }
  html body.yp .yp-portlet .fa-text-width:before {
    content: "\f035"; }
  html body.yp .yp-portlet .fa-align-left:before {
    content: "\f036"; }
  html body.yp .yp-portlet .fa-align-center:before {
    content: "\f037"; }
  html body.yp .yp-portlet .fa-align-right:before {
    content: "\f038"; }
  html body.yp .yp-portlet .fa-align-justify:before {
    content: "\f039"; }
  html body.yp .yp-portlet .fa-list:before {
    content: "\f03a"; }
  html body.yp .yp-portlet .fa-dedent:before, html body.yp .yp-portlet .fa-outdent:before {
    content: "\f03b"; }
  html body.yp .yp-portlet .fa-indent:before {
    content: "\f03c"; }
  html body.yp .yp-portlet .fa-video-camera:before {
    content: "\f03d"; }
  html body.yp .yp-portlet .fa-photo:before,
  html body.yp .yp-portlet .fa-image:before,
  html body.yp .yp-portlet .fa-picture-o:before {
    content: "\f03e"; }
  html body.yp .yp-portlet .fa-pencil:before {
    content: "\f040"; }
  html body.yp .yp-portlet .fa-map-marker:before {
    content: "\f041"; }
  html body.yp .yp-portlet .fa-adjust:before {
    content: "\f042"; }
  html body.yp .yp-portlet .fa-tint:before {
    content: "\f043"; }
  html body.yp .yp-portlet .fa-edit:before, html body.yp .yp-portlet .fa-pencil-square-o:before {
    content: "\f044"; }
  html body.yp .yp-portlet .fa-share-square-o:before {
    content: "\f045"; }
  html body.yp .yp-portlet .fa-check-square-o:before {
    content: "\f046"; }
  html body.yp .yp-portlet .fa-arrows:before {
    content: "\f047"; }
  html body.yp .yp-portlet .fa-step-backward:before {
    content: "\f048"; }
  html body.yp .yp-portlet .fa-fast-backward:before {
    content: "\f049"; }
  html body.yp .yp-portlet .fa-backward:before {
    content: "\f04a"; }
  html body.yp .yp-portlet .fa-play:before {
    content: "\f04b"; }
  html body.yp .yp-portlet .fa-pause:before {
    content: "\f04c"; }
  html body.yp .yp-portlet .fa-stop:before {
    content: "\f04d"; }
  html body.yp .yp-portlet .fa-forward:before {
    content: "\f04e"; }
  html body.yp .yp-portlet .fa-fast-forward:before {
    content: "\f050"; }
  html body.yp .yp-portlet .fa-step-forward:before {
    content: "\f051"; }
  html body.yp .yp-portlet .fa-eject:before {
    content: "\f052"; }
  html body.yp .yp-portlet .fa-chevron-left:before {
    content: "\f053"; }
  html body.yp .yp-portlet .fa-chevron-right:before {
    content: "\f054"; }
  html body.yp .yp-portlet .fa-plus-circle:before {
    content: "\f055"; }
  html body.yp .yp-portlet .fa-minus-circle:before {
    content: "\f056"; }
  html body.yp .yp-portlet .fa-times-circle:before {
    content: "\f057"; }
  html body.yp .yp-portlet .fa-check-circle:before {
    content: "\f058"; }
  html body.yp .yp-portlet .fa-question-circle:before {
    content: "\f059"; }
  html body.yp .yp-portlet .fa-info-circle:before {
    content: "\f05a"; }
  html body.yp .yp-portlet .fa-crosshairs:before {
    content: "\f05b"; }
  html body.yp .yp-portlet .fa-times-circle-o:before {
    content: "\f05c"; }
  html body.yp .yp-portlet .fa-check-circle-o:before {
    content: "\f05d"; }
  html body.yp .yp-portlet .fa-ban:before {
    content: "\f05e"; }
  html body.yp .yp-portlet .fa-arrow-left:before {
    content: "\f060"; }
  html body.yp .yp-portlet .fa-arrow-right:before {
    content: "\f061"; }
  html body.yp .yp-portlet .fa-arrow-up:before {
    content: "\f062"; }
  html body.yp .yp-portlet .fa-arrow-down:before {
    content: "\f063"; }
  html body.yp .yp-portlet .fa-mail-forward:before, html body.yp .yp-portlet .fa-share:before {
    content: "\f064"; }
  html body.yp .yp-portlet .fa-expand:before {
    content: "\f065"; }
  html body.yp .yp-portlet .fa-compress:before {
    content: "\f066"; }
  html body.yp .yp-portlet .fa-plus:before {
    content: "\f067"; }
  html body.yp .yp-portlet .fa-minus:before {
    content: "\f068"; }
  html body.yp .yp-portlet .fa-asterisk:before {
    content: "\f069"; }
  html body.yp .yp-portlet .fa-exclamation-circle:before {
    content: "\f06a"; }
  html body.yp .yp-portlet .fa-gift:before {
    content: "\f06b"; }
  html body.yp .yp-portlet .fa-leaf:before {
    content: "\f06c"; }
  html body.yp .yp-portlet .fa-fire:before {
    content: "\f06d"; }
  html body.yp .yp-portlet .fa-eye:before {
    content: "\f06e"; }
  html body.yp .yp-portlet .fa-eye-slash:before {
    content: "\f070"; }
  html body.yp .yp-portlet .fa-warning:before,
  html body.yp .yp-portlet .fa-exclamation-triangle:before {
    content: "\f071"; }
  html body.yp .yp-portlet .fa-plane:before {
    content: "\f072"; }
  html body.yp .yp-portlet .fa-calendar:before {
    content: "\f073"; }
  html body.yp .yp-portlet .fa-random:before {
    content: "\f074"; }
  html body.yp .yp-portlet .fa-comment:before {
    content: "\f075"; }
  html body.yp .yp-portlet .fa-magnet:before {
    content: "\f076"; }
  html body.yp .yp-portlet .fa-chevron-up:before {
    content: "\f077"; }
  html body.yp .yp-portlet .fa-chevron-down:before {
    content: "\f078"; }
  html body.yp .yp-portlet .fa-retweet:before {
    content: "\f079"; }
  html body.yp .yp-portlet .fa-shopping-cart:before {
    content: "\f07a"; }
  html body.yp .yp-portlet .fa-folder:before {
    content: "\f07b"; }
  html body.yp .yp-portlet .fa-folder-open:before {
    content: "\f07c"; }
  html body.yp .yp-portlet .fa-arrows-v:before {
    content: "\f07d"; }
  html body.yp .yp-portlet .fa-arrows-h:before {
    content: "\f07e"; }
  html body.yp .yp-portlet .fa-bar-chart-o:before, html body.yp .yp-portlet .fa-bar-chart:before {
    content: "\f080"; }
  html body.yp .yp-portlet .fa-twitter-square:before {
    content: "\f081"; }
  html body.yp .yp-portlet .fa-facebook-square:before {
    content: "\f082"; }
  html body.yp .yp-portlet .fa-camera-retro:before {
    content: "\f083"; }
  html body.yp .yp-portlet .fa-key:before {
    content: "\f084"; }
  html body.yp .yp-portlet .fa-gears:before,
  html body.yp .yp-portlet .fa-cogs:before {
    content: "\f085"; }
  html body.yp .yp-portlet .fa-comments:before {
    content: "\f086"; }
  html body.yp .yp-portlet .fa-thumbs-o-up:before {
    content: "\f087"; }
  html body.yp .yp-portlet .fa-thumbs-o-down:before {
    content: "\f088"; }
  html body.yp .yp-portlet .fa-star-half:before {
    content: "\f089"; }
  html body.yp .yp-portlet .fa-heart-o:before {
    content: "\f08a"; }
  html body.yp .yp-portlet .fa-sign-out:before {
    content: "\f08b"; }
  html body.yp .yp-portlet .fa-linkedin-square:before {
    content: "\f08c"; }
  html body.yp .yp-portlet .fa-thumb-tack:before {
    content: "\f08d"; }
  html body.yp .yp-portlet .fa-external-link:before {
    content: "\f08e"; }
  html body.yp .yp-portlet .fa-sign-in:before {
    content: "\f090"; }
  html body.yp .yp-portlet .fa-trophy:before {
    content: "\f091"; }
  html body.yp .yp-portlet .fa-github-square:before {
    content: "\f092"; }
  html body.yp .yp-portlet .fa-upload:before {
    content: "\f093"; }
  html body.yp .yp-portlet .fa-lemon-o:before {
    content: "\f094"; }
  html body.yp .yp-portlet .fa-phone:before {
    content: "\f095"; }
  html body.yp .yp-portlet .fa-square-o:before {
    content: "\f096"; }
  html body.yp .yp-portlet .fa-bookmark-o:before {
    content: "\f097"; }
  html body.yp .yp-portlet .fa-phone-square:before {
    content: "\f098"; }
  html body.yp .yp-portlet .fa-twitter:before {
    content: "\f099"; }
  html body.yp .yp-portlet .fa-facebook-f:before, html body.yp .yp-portlet .fa-facebook:before {
    content: "\f09a"; }
  html body.yp .yp-portlet .fa-github:before {
    content: "\f09b"; }
  html body.yp .yp-portlet .fa-unlock:before {
    content: "\f09c"; }
  html body.yp .yp-portlet .fa-credit-card:before {
    content: "\f09d"; }
  html body.yp .yp-portlet .fa-feed:before, html body.yp .yp-portlet .fa-rss:before {
    content: "\f09e"; }
  html body.yp .yp-portlet .fa-hdd-o:before {
    content: "\f0a0"; }
  html body.yp .yp-portlet .fa-bullhorn:before {
    content: "\f0a1"; }
  html body.yp .yp-portlet .fa-bell:before {
    content: "\f0f3"; }
  html body.yp .yp-portlet .fa-certificate:before {
    content: "\f0a3"; }
  html body.yp .yp-portlet .fa-hand-o-right:before {
    content: "\f0a4"; }
  html body.yp .yp-portlet .fa-hand-o-left:before {
    content: "\f0a5"; }
  html body.yp .yp-portlet .fa-hand-o-up:before {
    content: "\f0a6"; }
  html body.yp .yp-portlet .fa-hand-o-down:before {
    content: "\f0a7"; }
  html body.yp .yp-portlet .fa-arrow-circle-left:before {
    content: "\f0a8"; }
  html body.yp .yp-portlet .fa-arrow-circle-right:before {
    content: "\f0a9"; }
  html body.yp .yp-portlet .fa-arrow-circle-up:before {
    content: "\f0aa"; }
  html body.yp .yp-portlet .fa-arrow-circle-down:before {
    content: "\f0ab"; }
  html body.yp .yp-portlet .fa-globe:before {
    content: "\f0ac"; }
  html body.yp .yp-portlet .fa-wrench:before {
    content: "\f0ad"; }
  html body.yp .yp-portlet .fa-tasks:before {
    content: "\f0ae"; }
  html body.yp .yp-portlet .fa-filter:before {
    content: "\f0b0"; }
  html body.yp .yp-portlet .fa-briefcase:before {
    content: "\f0b1"; }
  html body.yp .yp-portlet .fa-arrows-alt:before {
    content: "\f0b2"; }
  html body.yp .yp-portlet .fa-group:before, html body.yp .yp-portlet .fa-users:before {
    content: "\f0c0"; }
  html body.yp .yp-portlet .fa-chain:before, html body.yp .yp-portlet .fa-link:before {
    content: "\f0c1"; }
  html body.yp .yp-portlet .fa-cloud:before {
    content: "\f0c2"; }
  html body.yp .yp-portlet .fa-flask:before {
    content: "\f0c3"; }
  html body.yp .yp-portlet .fa-cut:before, html body.yp .yp-portlet .fa-scissors:before {
    content: "\f0c4"; }
  html body.yp .yp-portlet .fa-copy:before, html body.yp .yp-portlet .fa-files-o:before {
    content: "\f0c5"; }
  html body.yp .yp-portlet .fa-paperclip:before {
    content: "\f0c6"; }
  html body.yp .yp-portlet .fa-save:before,
  html body.yp .yp-portlet .fa-floppy-o:before {
    content: "\f0c7"; }
  html body.yp .yp-portlet .fa-square:before {
    content: "\f0c8"; }
  html body.yp .yp-portlet .fa-navicon:before,
  html body.yp .yp-portlet .fa-reorder:before,
  html body.yp .yp-portlet .fa-bars:before {
    content: "\f0c9"; }
  html body.yp .yp-portlet .fa-list-ul:before {
    content: "\f0ca"; }
  html body.yp .yp-portlet .fa-list-ol:before {
    content: "\f0cb"; }
  html body.yp .yp-portlet .fa-strikethrough:before {
    content: "\f0cc"; }
  html body.yp .yp-portlet .fa-underline:before {
    content: "\f0cd"; }
  html body.yp .yp-portlet .fa-table:before {
    content: "\f0ce"; }
  html body.yp .yp-portlet .fa-magic:before {
    content: "\f0d0"; }
  html body.yp .yp-portlet .fa-truck:before {
    content: "\f0d1"; }
  html body.yp .yp-portlet .fa-pinterest:before {
    content: "\f0d2"; }
  html body.yp .yp-portlet .fa-pinterest-square:before {
    content: "\f0d3"; }
  html body.yp .yp-portlet .fa-google-plus-square:before {
    content: "\f0d4"; }
  html body.yp .yp-portlet .fa-google-plus:before {
    content: "\f0d5"; }
  html body.yp .yp-portlet .fa-money:before {
    content: "\f0d6"; }
  html body.yp .yp-portlet .fa-caret-down:before {
    content: "\f0d7"; }
  html body.yp .yp-portlet .fa-caret-up:before {
    content: "\f0d8"; }
  html body.yp .yp-portlet .fa-caret-left:before {
    content: "\f0d9"; }
  html body.yp .yp-portlet .fa-caret-right:before {
    content: "\f0da"; }
  html body.yp .yp-portlet .fa-columns:before {
    content: "\f0db"; }
  html body.yp .yp-portlet .fa-unsorted:before,
  html body.yp .yp-portlet .fa-sort:before {
    content: "\f0dc"; }
  html body.yp .yp-portlet .fa-sort-down:before,
  html body.yp .yp-portlet .fa-sort-desc:before {
    content: "\f0dd"; }
  html body.yp .yp-portlet .fa-sort-up:before,
  html body.yp .yp-portlet .fa-sort-asc:before {
    content: "\f0de"; }
  html body.yp .yp-portlet .fa-envelope:before {
    content: "\f0e0"; }
  html body.yp .yp-portlet .fa-linkedin:before {
    content: "\f0e1"; }
  html body.yp .yp-portlet .fa-rotate-left:before, html body.yp .yp-portlet .fa-undo:before {
    content: "\f0e2"; }
  html body.yp .yp-portlet .fa-legal:before,
  html body.yp .yp-portlet .fa-gavel:before {
    content: "\f0e3"; }
  html body.yp .yp-portlet .fa-dashboard:before, html body.yp .yp-portlet .fa-tachometer:before {
    content: "\f0e4"; }
  html body.yp .yp-portlet .fa-comment-o:before {
    content: "\f0e5"; }
  html body.yp .yp-portlet .fa-comments-o:before {
    content: "\f0e6"; }
  html body.yp .yp-portlet .fa-flash:before,
  html body.yp .yp-portlet .fa-bolt:before {
    content: "\f0e7"; }
  html body.yp .yp-portlet .fa-sitemap:before {
    content: "\f0e8"; }
  html body.yp .yp-portlet .fa-umbrella:before {
    content: "\f0e9"; }
  html body.yp .yp-portlet .fa-paste:before,
  html body.yp .yp-portlet .fa-clipboard:before {
    content: "\f0ea"; }
  html body.yp .yp-portlet .fa-lightbulb-o:before {
    content: "\f0eb"; }
  html body.yp .yp-portlet .fa-exchange:before {
    content: "\f0ec"; }
  html body.yp .yp-portlet .fa-cloud-download:before {
    content: "\f0ed"; }
  html body.yp .yp-portlet .fa-cloud-upload:before {
    content: "\f0ee"; }
  html body.yp .yp-portlet .fa-user-md:before {
    content: "\f0f0"; }
  html body.yp .yp-portlet .fa-stethoscope:before {
    content: "\f0f1"; }
  html body.yp .yp-portlet .fa-suitcase:before {
    content: "\f0f2"; }
  html body.yp .yp-portlet .fa-bell-o:before {
    content: "\f0a2"; }
  html body.yp .yp-portlet .fa-coffee:before {
    content: "\f0f4"; }
  html body.yp .yp-portlet .fa-cutlery:before {
    content: "\f0f5"; }
  html body.yp .yp-portlet .fa-file-text-o:before {
    content: "\f0f6"; }
  html body.yp .yp-portlet .fa-building-o:before {
    content: "\f0f7"; }
  html body.yp .yp-portlet .fa-hospital-o:before {
    content: "\f0f8"; }
  html body.yp .yp-portlet .fa-ambulance:before {
    content: "\f0f9"; }
  html body.yp .yp-portlet .fa-medkit:before {
    content: "\f0fa"; }
  html body.yp .yp-portlet .fa-fighter-jet:before {
    content: "\f0fb"; }
  html body.yp .yp-portlet .fa-beer:before {
    content: "\f0fc"; }
  html body.yp .yp-portlet .fa-h-square:before {
    content: "\f0fd"; }
  html body.yp .yp-portlet .fa-plus-square:before {
    content: "\f0fe"; }
  html body.yp .yp-portlet .fa-angle-double-left:before {
    content: "\f100"; }
  html body.yp .yp-portlet .fa-angle-double-right:before {
    content: "\f101"; }
  html body.yp .yp-portlet .fa-angle-double-up:before {
    content: "\f102"; }
  html body.yp .yp-portlet .fa-angle-double-down:before {
    content: "\f103"; }
  html body.yp .yp-portlet .fa-angle-left:before {
    content: "\f104"; }
  html body.yp .yp-portlet .fa-angle-right:before {
    content: "\f105"; }
  html body.yp .yp-portlet .fa-angle-up:before {
    content: "\f106"; }
  html body.yp .yp-portlet .fa-angle-down:before {
    content: "\f107"; }
  html body.yp .yp-portlet .fa-desktop:before {
    content: "\f108"; }
  html body.yp .yp-portlet .fa-laptop:before {
    content: "\f109"; }
  html body.yp .yp-portlet .fa-tablet:before {
    content: "\f10a"; }
  html body.yp .yp-portlet .fa-mobile-phone:before, html body.yp .yp-portlet .fa-mobile:before {
    content: "\f10b"; }
  html body.yp .yp-portlet .fa-circle-o:before {
    content: "\f10c"; }
  html body.yp .yp-portlet .fa-quote-left:before {
    content: "\f10d"; }
  html body.yp .yp-portlet .fa-quote-right:before {
    content: "\f10e"; }
  html body.yp .yp-portlet .fa-spinner:before {
    content: "\f110"; }
  html body.yp .yp-portlet .fa-circle:before {
    content: "\f111"; }
  html body.yp .yp-portlet .fa-mail-reply:before, html body.yp .yp-portlet .fa-reply:before {
    content: "\f112"; }
  html body.yp .yp-portlet .fa-github-alt:before {
    content: "\f113"; }
  html body.yp .yp-portlet .fa-folder-o:before {
    content: "\f114"; }
  html body.yp .yp-portlet .fa-folder-open-o:before {
    content: "\f115"; }
  html body.yp .yp-portlet .fa-smile-o:before {
    content: "\f118"; }
  html body.yp .yp-portlet .fa-frown-o:before {
    content: "\f119"; }
  html body.yp .yp-portlet .fa-meh-o:before {
    content: "\f11a"; }
  html body.yp .yp-portlet .fa-gamepad:before {
    content: "\f11b"; }
  html body.yp .yp-portlet .fa-keyboard-o:before {
    content: "\f11c"; }
  html body.yp .yp-portlet .fa-flag-o:before {
    content: "\f11d"; }
  html body.yp .yp-portlet .fa-flag-checkered:before {
    content: "\f11e"; }
  html body.yp .yp-portlet .fa-terminal:before {
    content: "\f120"; }
  html body.yp .yp-portlet .fa-code:before {
    content: "\f121"; }
  html body.yp .yp-portlet .fa-mail-reply-all:before, html body.yp .yp-portlet .fa-reply-all:before {
    content: "\f122"; }
  html body.yp .yp-portlet .fa-star-half-empty:before, html body.yp .yp-portlet .fa-star-half-full:before, html body.yp .yp-portlet .fa-star-half-o:before {
    content: "\f123"; }
  html body.yp .yp-portlet .fa-location-arrow:before {
    content: "\f124"; }
  html body.yp .yp-portlet .fa-crop:before {
    content: "\f125"; }
  html body.yp .yp-portlet .fa-code-fork:before {
    content: "\f126"; }
  html body.yp .yp-portlet .fa-unlink:before,
  html body.yp .yp-portlet .fa-chain-broken:before {
    content: "\f127"; }
  html body.yp .yp-portlet .fa-question:before {
    content: "\f128"; }
  html body.yp .yp-portlet .fa-info:before {
    content: "\f129"; }
  html body.yp .yp-portlet .fa-exclamation:before {
    content: "\f12a"; }
  html body.yp .yp-portlet .fa-superscript:before {
    content: "\f12b"; }
  html body.yp .yp-portlet .fa-subscript:before {
    content: "\f12c"; }
  html body.yp .yp-portlet .fa-eraser:before {
    content: "\f12d"; }
  html body.yp .yp-portlet .fa-puzzle-piece:before {
    content: "\f12e"; }
  html body.yp .yp-portlet .fa-microphone:before {
    content: "\f130"; }
  html body.yp .yp-portlet .fa-microphone-slash:before {
    content: "\f131"; }
  html body.yp .yp-portlet .fa-shield:before {
    content: "\f132"; }
  html body.yp .yp-portlet .fa-calendar-o:before {
    content: "\f133"; }
  html body.yp .yp-portlet .fa-fire-extinguisher:before {
    content: "\f134"; }
  html body.yp .yp-portlet .fa-rocket:before {
    content: "\f135"; }
  html body.yp .yp-portlet .fa-maxcdn:before {
    content: "\f136"; }
  html body.yp .yp-portlet .fa-chevron-circle-left:before {
    content: "\f137"; }
  html body.yp .yp-portlet .fa-chevron-circle-right:before {
    content: "\f138"; }
  html body.yp .yp-portlet .fa-chevron-circle-up:before {
    content: "\f139"; }
  html body.yp .yp-portlet .fa-chevron-circle-down:before {
    content: "\f13a"; }
  html body.yp .yp-portlet .fa-html5:before {
    content: "\f13b"; }
  html body.yp .yp-portlet .fa-css3:before {
    content: "\f13c"; }
  html body.yp .yp-portlet .fa-anchor:before {
    content: "\f13d"; }
  html body.yp .yp-portlet .fa-unlock-alt:before {
    content: "\f13e"; }
  html body.yp .yp-portlet .fa-bullseye:before {
    content: "\f140"; }
  html body.yp .yp-portlet .fa-ellipsis-h:before {
    content: "\f141"; }
  html body.yp .yp-portlet .fa-ellipsis-v:before {
    content: "\f142"; }
  html body.yp .yp-portlet .fa-rss-square:before {
    content: "\f143"; }
  html body.yp .yp-portlet .fa-play-circle:before {
    content: "\f144"; }
  html body.yp .yp-portlet .fa-ticket:before {
    content: "\f145"; }
  html body.yp .yp-portlet .fa-minus-square:before {
    content: "\f146"; }
  html body.yp .yp-portlet .fa-minus-square-o:before {
    content: "\f147"; }
  html body.yp .yp-portlet .fa-level-up:before {
    content: "\f148"; }
  html body.yp .yp-portlet .fa-level-down:before {
    content: "\f149"; }
  html body.yp .yp-portlet .fa-check-square:before {
    content: "\f14a"; }
  html body.yp .yp-portlet .fa-pencil-square:before {
    content: "\f14b"; }
  html body.yp .yp-portlet .fa-external-link-square:before {
    content: "\f14c"; }
  html body.yp .yp-portlet .fa-share-square:before {
    content: "\f14d"; }
  html body.yp .yp-portlet .fa-compass:before {
    content: "\f14e"; }
  html body.yp .yp-portlet .fa-toggle-down:before,
  html body.yp .yp-portlet .fa-caret-square-o-down:before {
    content: "\f150"; }
  html body.yp .yp-portlet .fa-toggle-up:before,
  html body.yp .yp-portlet .fa-caret-square-o-up:before {
    content: "\f151"; }
  html body.yp .yp-portlet .fa-toggle-right:before,
  html body.yp .yp-portlet .fa-caret-square-o-right:before {
    content: "\f152"; }
  html body.yp .yp-portlet .fa-euro:before,
  html body.yp .yp-portlet .fa-eur:before {
    content: "\f153"; }
  html body.yp .yp-portlet .fa-gbp:before {
    content: "\f154"; }
  html body.yp .yp-portlet .fa-dollar:before, html body.yp .yp-portlet .fa-usd:before {
    content: "\f155"; }
  html body.yp .yp-portlet .fa-rupee:before,
  html body.yp .yp-portlet .fa-inr:before {
    content: "\f156"; }
  html body.yp .yp-portlet .fa-cny:before,
  html body.yp .yp-portlet .fa-rmb:before,
  html body.yp .yp-portlet .fa-yen:before,
  html body.yp .yp-portlet .fa-jpy:before {
    content: "\f157"; }
  html body.yp .yp-portlet .fa-ruble:before,
  html body.yp .yp-portlet .fa-rouble:before,
  html body.yp .yp-portlet .fa-rub:before {
    content: "\f158"; }
  html body.yp .yp-portlet .fa-won:before,
  html body.yp .yp-portlet .fa-krw:before {
    content: "\f159"; }
  html body.yp .yp-portlet .fa-bitcoin:before, html body.yp .yp-portlet .fa-btc:before {
    content: "\f15a"; }
  html body.yp .yp-portlet .fa-file:before {
    content: "\f15b"; }
  html body.yp .yp-portlet .fa-file-text:before {
    content: "\f15c"; }
  html body.yp .yp-portlet .fa-sort-alpha-asc:before {
    content: "\f15d"; }
  html body.yp .yp-portlet .fa-sort-alpha-desc:before {
    content: "\f15e"; }
  html body.yp .yp-portlet .fa-sort-amount-asc:before {
    content: "\f160"; }
  html body.yp .yp-portlet .fa-sort-amount-desc:before {
    content: "\f161"; }
  html body.yp .yp-portlet .fa-sort-numeric-asc:before {
    content: "\f162"; }
  html body.yp .yp-portlet .fa-sort-numeric-desc:before {
    content: "\f163"; }
  html body.yp .yp-portlet .fa-thumbs-up:before {
    content: "\f164"; }
  html body.yp .yp-portlet .fa-thumbs-down:before {
    content: "\f165"; }
  html body.yp .yp-portlet .fa-youtube-square:before {
    content: "\f166"; }
  html body.yp .yp-portlet .fa-youtube:before {
    content: "\f167"; }
  html body.yp .yp-portlet .fa-xing:before {
    content: "\f168"; }
  html body.yp .yp-portlet .fa-xing-square:before {
    content: "\f169"; }
  html body.yp .yp-portlet .fa-youtube-play:before {
    content: "\f16a"; }
  html body.yp .yp-portlet .fa-dropbox:before {
    content: "\f16b"; }
  html body.yp .yp-portlet .fa-stack-overflow:before {
    content: "\f16c"; }
  html body.yp .yp-portlet .fa-instagram:before {
    content: "\f16d"; }
  html body.yp .yp-portlet .fa-flickr:before {
    content: "\f16e"; }
  html body.yp .yp-portlet .fa-adn:before {
    content: "\f170"; }
  html body.yp .yp-portlet .fa-bitbucket:before {
    content: "\f171"; }
  html body.yp .yp-portlet .fa-bitbucket-square:before {
    content: "\f172"; }
  html body.yp .yp-portlet .fa-tumblr:before {
    content: "\f173"; }
  html body.yp .yp-portlet .fa-tumblr-square:before {
    content: "\f174"; }
  html body.yp .yp-portlet .fa-long-arrow-down:before {
    content: "\f175"; }
  html body.yp .yp-portlet .fa-long-arrow-up:before {
    content: "\f176"; }
  html body.yp .yp-portlet .fa-long-arrow-left:before {
    content: "\f177"; }
  html body.yp .yp-portlet .fa-long-arrow-right:before {
    content: "\f178"; }
  html body.yp .yp-portlet .fa-apple:before {
    content: "\f179"; }
  html body.yp .yp-portlet .fa-windows:before {
    content: "\f17a"; }
  html body.yp .yp-portlet .fa-android:before {
    content: "\f17b"; }
  html body.yp .yp-portlet .fa-linux:before {
    content: "\f17c"; }
  html body.yp .yp-portlet .fa-dribbble:before {
    content: "\f17d"; }
  html body.yp .yp-portlet .fa-skype:before {
    content: "\f17e"; }
  html body.yp .yp-portlet .fa-foursquare:before {
    content: "\f180"; }
  html body.yp .yp-portlet .fa-trello:before {
    content: "\f181"; }
  html body.yp .yp-portlet .fa-female:before {
    content: "\f182"; }
  html body.yp .yp-portlet .fa-male:before {
    content: "\f183"; }
  html body.yp .yp-portlet .fa-gittip:before, html body.yp .yp-portlet .fa-gratipay:before {
    content: "\f184"; }
  html body.yp .yp-portlet .fa-sun-o:before {
    content: "\f185"; }
  html body.yp .yp-portlet .fa-moon-o:before {
    content: "\f186"; }
  html body.yp .yp-portlet .fa-archive:before {
    content: "\f187"; }
  html body.yp .yp-portlet .fa-bug:before {
    content: "\f188"; }
  html body.yp .yp-portlet .fa-vk:before {
    content: "\f189"; }
  html body.yp .yp-portlet .fa-weibo:before {
    content: "\f18a"; }
  html body.yp .yp-portlet .fa-renren:before {
    content: "\f18b"; }
  html body.yp .yp-portlet .fa-pagelines:before {
    content: "\f18c"; }
  html body.yp .yp-portlet .fa-stack-exchange:before {
    content: "\f18d"; }
  html body.yp .yp-portlet .fa-arrow-circle-o-right:before {
    content: "\f18e"; }
  html body.yp .yp-portlet .fa-arrow-circle-o-left:before {
    content: "\f190"; }
  html body.yp .yp-portlet .fa-toggle-left:before,
  html body.yp .yp-portlet .fa-caret-square-o-left:before {
    content: "\f191"; }
  html body.yp .yp-portlet .fa-dot-circle-o:before {
    content: "\f192"; }
  html body.yp .yp-portlet .fa-wheelchair:before {
    content: "\f193"; }
  html body.yp .yp-portlet .fa-vimeo-square:before {
    content: "\f194"; }
  html body.yp .yp-portlet .fa-turkish-lira:before,
  html body.yp .yp-portlet .fa-try:before {
    content: "\f195"; }
  html body.yp .yp-portlet .fa-plus-square-o:before {
    content: "\f196"; }
  html body.yp .yp-portlet .fa-space-shuttle:before {
    content: "\f197"; }
  html body.yp .yp-portlet .fa-slack:before {
    content: "\f198"; }
  html body.yp .yp-portlet .fa-envelope-square:before {
    content: "\f199"; }
  html body.yp .yp-portlet .fa-wordpress:before {
    content: "\f19a"; }
  html body.yp .yp-portlet .fa-openid:before {
    content: "\f19b"; }
  html body.yp .yp-portlet .fa-institution:before,
  html body.yp .yp-portlet .fa-bank:before,
  html body.yp .yp-portlet .fa-university:before {
    content: "\f19c"; }
  html body.yp .yp-portlet .fa-mortar-board:before,
  html body.yp .yp-portlet .fa-graduation-cap:before {
    content: "\f19d"; }
  html body.yp .yp-portlet .fa-yahoo:before {
    content: "\f19e"; }
  html body.yp .yp-portlet .fa-google:before {
    content: "\f1a0"; }
  html body.yp .yp-portlet .fa-reddit:before {
    content: "\f1a1"; }
  html body.yp .yp-portlet .fa-reddit-square:before {
    content: "\f1a2"; }
  html body.yp .yp-portlet .fa-stumbleupon-circle:before {
    content: "\f1a3"; }
  html body.yp .yp-portlet .fa-stumbleupon:before {
    content: "\f1a4"; }
  html body.yp .yp-portlet .fa-delicious:before {
    content: "\f1a5"; }
  html body.yp .yp-portlet .fa-digg:before {
    content: "\f1a6"; }
  html body.yp .yp-portlet .fa-pied-piper-pp:before {
    content: "\f1a7"; }
  html body.yp .yp-portlet .fa-pied-piper-alt:before {
    content: "\f1a8"; }
  html body.yp .yp-portlet .fa-drupal:before {
    content: "\f1a9"; }
  html body.yp .yp-portlet .fa-joomla:before {
    content: "\f1aa"; }
  html body.yp .yp-portlet .fa-language:before {
    content: "\f1ab"; }
  html body.yp .yp-portlet .fa-fax:before {
    content: "\f1ac"; }
  html body.yp .yp-portlet .fa-building:before {
    content: "\f1ad"; }
  html body.yp .yp-portlet .fa-child:before {
    content: "\f1ae"; }
  html body.yp .yp-portlet .fa-paw:before {
    content: "\f1b0"; }
  html body.yp .yp-portlet .fa-spoon:before {
    content: "\f1b1"; }
  html body.yp .yp-portlet .fa-cube:before {
    content: "\f1b2"; }
  html body.yp .yp-portlet .fa-cubes:before {
    content: "\f1b3"; }
  html body.yp .yp-portlet .fa-behance:before {
    content: "\f1b4"; }
  html body.yp .yp-portlet .fa-behance-square:before {
    content: "\f1b5"; }
  html body.yp .yp-portlet .fa-steam:before {
    content: "\f1b6"; }
  html body.yp .yp-portlet .fa-steam-square:before {
    content: "\f1b7"; }
  html body.yp .yp-portlet .fa-recycle:before {
    content: "\f1b8"; }
  html body.yp .yp-portlet .fa-automobile:before, html body.yp .yp-portlet .fa-car:before {
    content: "\f1b9"; }
  html body.yp .yp-portlet .fa-cab:before, html body.yp .yp-portlet .fa-taxi:before {
    content: "\f1ba"; }
  html body.yp .yp-portlet .fa-tree:before {
    content: "\f1bb"; }
  html body.yp .yp-portlet .fa-spotify:before {
    content: "\f1bc"; }
  html body.yp .yp-portlet .fa-deviantart:before {
    content: "\f1bd"; }
  html body.yp .yp-portlet .fa-soundcloud:before {
    content: "\f1be"; }
  html body.yp .yp-portlet .fa-database:before {
    content: "\f1c0"; }
  html body.yp .yp-portlet .fa-file-pdf-o:before {
    content: "\f1c1"; }
  html body.yp .yp-portlet .fa-file-word-o:before {
    content: "\f1c2"; }
  html body.yp .yp-portlet .fa-file-excel-o:before {
    content: "\f1c3"; }
  html body.yp .yp-portlet .fa-file-powerpoint-o:before {
    content: "\f1c4"; }
  html body.yp .yp-portlet .fa-file-photo-o:before,
  html body.yp .yp-portlet .fa-file-picture-o:before,
  html body.yp .yp-portlet .fa-file-image-o:before {
    content: "\f1c5"; }
  html body.yp .yp-portlet .fa-file-zip-o:before,
  html body.yp .yp-portlet .fa-file-archive-o:before {
    content: "\f1c6"; }
  html body.yp .yp-portlet .fa-file-sound-o:before,
  html body.yp .yp-portlet .fa-file-audio-o:before {
    content: "\f1c7"; }
  html body.yp .yp-portlet .fa-file-movie-o:before, html body.yp .yp-portlet .fa-file-video-o:before {
    content: "\f1c8"; }
  html body.yp .yp-portlet .fa-file-code-o:before {
    content: "\f1c9"; }
  html body.yp .yp-portlet .fa-vine:before {
    content: "\f1ca"; }
  html body.yp .yp-portlet .fa-codepen:before {
    content: "\f1cb"; }
  html body.yp .yp-portlet .fa-jsfiddle:before {
    content: "\f1cc"; }
  html body.yp .yp-portlet .fa-life-bouy:before,
  html body.yp .yp-portlet .fa-life-buoy:before,
  html body.yp .yp-portlet .fa-life-saver:before,
  html body.yp .yp-portlet .fa-support:before,
  html body.yp .yp-portlet .fa-life-ring:before {
    content: "\f1cd"; }
  html body.yp .yp-portlet .fa-circle-o-notch:before {
    content: "\f1ce"; }
  html body.yp .yp-portlet .fa-ra:before,
  html body.yp .yp-portlet .fa-resistance:before,
  html body.yp .yp-portlet .fa-rebel:before {
    content: "\f1d0"; }
  html body.yp .yp-portlet .fa-ge:before,
  html body.yp .yp-portlet .fa-empire:before {
    content: "\f1d1"; }
  html body.yp .yp-portlet .fa-git-square:before {
    content: "\f1d2"; }
  html body.yp .yp-portlet .fa-git:before {
    content: "\f1d3"; }
  html body.yp .yp-portlet .fa-y-combinator-square:before,
  html body.yp .yp-portlet .fa-yc-square:before,
  html body.yp .yp-portlet .fa-hacker-news:before {
    content: "\f1d4"; }
  html body.yp .yp-portlet .fa-tencent-weibo:before {
    content: "\f1d5"; }
  html body.yp .yp-portlet .fa-qq:before {
    content: "\f1d6"; }
  html body.yp .yp-portlet .fa-wechat:before, html body.yp .yp-portlet .fa-weixin:before {
    content: "\f1d7"; }
  html body.yp .yp-portlet .fa-send:before,
  html body.yp .yp-portlet .fa-paper-plane:before {
    content: "\f1d8"; }
  html body.yp .yp-portlet .fa-send-o:before,
  html body.yp .yp-portlet .fa-paper-plane-o:before {
    content: "\f1d9"; }
  html body.yp .yp-portlet .fa-history:before {
    content: "\f1da"; }
  html body.yp .yp-portlet .fa-circle-thin:before {
    content: "\f1db"; }
  html body.yp .yp-portlet .fa-header:before {
    content: "\f1dc"; }
  html body.yp .yp-portlet .fa-paragraph:before {
    content: "\f1dd"; }
  html body.yp .yp-portlet .fa-sliders:before {
    content: "\f1de"; }
  html body.yp .yp-portlet .fa-share-alt:before {
    content: "\f1e0"; }
  html body.yp .yp-portlet .fa-share-alt-square:before {
    content: "\f1e1"; }
  html body.yp .yp-portlet .fa-bomb:before {
    content: "\f1e2"; }
  html body.yp .yp-portlet .fa-soccer-ball-o:before,
  html body.yp .yp-portlet .fa-futbol-o:before {
    content: "\f1e3"; }
  html body.yp .yp-portlet .fa-tty:before {
    content: "\f1e4"; }
  html body.yp .yp-portlet .fa-binoculars:before {
    content: "\f1e5"; }
  html body.yp .yp-portlet .fa-plug:before {
    content: "\f1e6"; }
  html body.yp .yp-portlet .fa-slideshare:before {
    content: "\f1e7"; }
  html body.yp .yp-portlet .fa-twitch:before {
    content: "\f1e8"; }
  html body.yp .yp-portlet .fa-yelp:before {
    content: "\f1e9"; }
  html body.yp .yp-portlet .fa-newspaper-o:before {
    content: "\f1ea"; }
  html body.yp .yp-portlet .fa-wifi:before {
    content: "\f1eb"; }
  html body.yp .yp-portlet .fa-calculator:before {
    content: "\f1ec"; }
  html body.yp .yp-portlet .fa-paypal:before {
    content: "\f1ed"; }
  html body.yp .yp-portlet .fa-google-wallet:before {
    content: "\f1ee"; }
  html body.yp .yp-portlet .fa-cc-visa:before {
    content: "\f1f0"; }
  html body.yp .yp-portlet .fa-cc-mastercard:before {
    content: "\f1f1"; }
  html body.yp .yp-portlet .fa-cc-discover:before {
    content: "\f1f2"; }
  html body.yp .yp-portlet .fa-cc-amex:before {
    content: "\f1f3"; }
  html body.yp .yp-portlet .fa-cc-paypal:before {
    content: "\f1f4"; }
  html body.yp .yp-portlet .fa-cc-stripe:before {
    content: "\f1f5"; }
  html body.yp .yp-portlet .fa-bell-slash:before {
    content: "\f1f6"; }
  html body.yp .yp-portlet .fa-bell-slash-o:before {
    content: "\f1f7"; }
  html body.yp .yp-portlet .fa-trash:before {
    content: "\f1f8"; }
  html body.yp .yp-portlet .fa-copyright:before {
    content: "\f1f9"; }
  html body.yp .yp-portlet .fa-at:before {
    content: "\f1fa"; }
  html body.yp .yp-portlet .fa-eyedropper:before {
    content: "\f1fb"; }
  html body.yp .yp-portlet .fa-paint-brush:before {
    content: "\f1fc"; }
  html body.yp .yp-portlet .fa-birthday-cake:before {
    content: "\f1fd"; }
  html body.yp .yp-portlet .fa-area-chart:before {
    content: "\f1fe"; }
  html body.yp .yp-portlet .fa-pie-chart:before {
    content: "\f200"; }
  html body.yp .yp-portlet .fa-line-chart:before {
    content: "\f201"; }
  html body.yp .yp-portlet .fa-lastfm:before {
    content: "\f202"; }
  html body.yp .yp-portlet .fa-lastfm-square:before {
    content: "\f203"; }
  html body.yp .yp-portlet .fa-toggle-off:before {
    content: "\f204"; }
  html body.yp .yp-portlet .fa-toggle-on:before {
    content: "\f205"; }
  html body.yp .yp-portlet .fa-bicycle:before {
    content: "\f206"; }
  html body.yp .yp-portlet .fa-bus:before {
    content: "\f207"; }
  html body.yp .yp-portlet .fa-ioxhost:before {
    content: "\f208"; }
  html body.yp .yp-portlet .fa-angellist:before {
    content: "\f209"; }
  html body.yp .yp-portlet .fa-cc:before {
    content: "\f20a"; }
  html body.yp .yp-portlet .fa-shekel:before,
  html body.yp .yp-portlet .fa-sheqel:before,
  html body.yp .yp-portlet .fa-ils:before {
    content: "\f20b"; }
  html body.yp .yp-portlet .fa-meanpath:before {
    content: "\f20c"; }
  html body.yp .yp-portlet .fa-buysellads:before {
    content: "\f20d"; }
  html body.yp .yp-portlet .fa-connectdevelop:before {
    content: "\f20e"; }
  html body.yp .yp-portlet .fa-dashcube:before {
    content: "\f210"; }
  html body.yp .yp-portlet .fa-forumbee:before {
    content: "\f211"; }
  html body.yp .yp-portlet .fa-leanpub:before {
    content: "\f212"; }
  html body.yp .yp-portlet .fa-sellsy:before {
    content: "\f213"; }
  html body.yp .yp-portlet .fa-shirtsinbulk:before {
    content: "\f214"; }
  html body.yp .yp-portlet .fa-simplybuilt:before {
    content: "\f215"; }
  html body.yp .yp-portlet .fa-skyatlas:before {
    content: "\f216"; }
  html body.yp .yp-portlet .fa-cart-plus:before {
    content: "\f217"; }
  html body.yp .yp-portlet .fa-cart-arrow-down:before {
    content: "\f218"; }
  html body.yp .yp-portlet .fa-diamond:before {
    content: "\f219"; }
  html body.yp .yp-portlet .fa-ship:before {
    content: "\f21a"; }
  html body.yp .yp-portlet .fa-user-secret:before {
    content: "\f21b"; }
  html body.yp .yp-portlet .fa-motorcycle:before {
    content: "\f21c"; }
  html body.yp .yp-portlet .fa-street-view:before {
    content: "\f21d"; }
  html body.yp .yp-portlet .fa-heartbeat:before {
    content: "\f21e"; }
  html body.yp .yp-portlet .fa-venus:before {
    content: "\f221"; }
  html body.yp .yp-portlet .fa-mars:before {
    content: "\f222"; }
  html body.yp .yp-portlet .fa-mercury:before {
    content: "\f223"; }
  html body.yp .yp-portlet .fa-intersex:before, html body.yp .yp-portlet .fa-transgender:before {
    content: "\f224"; }
  html body.yp .yp-portlet .fa-transgender-alt:before {
    content: "\f225"; }
  html body.yp .yp-portlet .fa-venus-double:before {
    content: "\f226"; }
  html body.yp .yp-portlet .fa-mars-double:before {
    content: "\f227"; }
  html body.yp .yp-portlet .fa-venus-mars:before {
    content: "\f228"; }
  html body.yp .yp-portlet .fa-mars-stroke:before {
    content: "\f229"; }
  html body.yp .yp-portlet .fa-mars-stroke-v:before {
    content: "\f22a"; }
  html body.yp .yp-portlet .fa-mars-stroke-h:before {
    content: "\f22b"; }
  html body.yp .yp-portlet .fa-neuter:before {
    content: "\f22c"; }
  html body.yp .yp-portlet .fa-genderless:before {
    content: "\f22d"; }
  html body.yp .yp-portlet .fa-facebook-official:before {
    content: "\f230"; }
  html body.yp .yp-portlet .fa-pinterest-p:before {
    content: "\f231"; }
  html body.yp .yp-portlet .fa-whatsapp:before {
    content: "\f232"; }
  html body.yp .yp-portlet .fa-server:before {
    content: "\f233"; }
  html body.yp .yp-portlet .fa-user-plus:before {
    content: "\f234"; }
  html body.yp .yp-portlet .fa-user-times:before {
    content: "\f235"; }
  html body.yp .yp-portlet .fa-hotel:before,
  html body.yp .yp-portlet .fa-bed:before {
    content: "\f236"; }
  html body.yp .yp-portlet .fa-viacoin:before {
    content: "\f237"; }
  html body.yp .yp-portlet .fa-train:before {
    content: "\f238"; }
  html body.yp .yp-portlet .fa-subway:before {
    content: "\f239"; }
  html body.yp .yp-portlet .fa-medium:before {
    content: "\f23a"; }
  html body.yp .yp-portlet .fa-yc:before,
  html body.yp .yp-portlet .fa-y-combinator:before {
    content: "\f23b"; }
  html body.yp .yp-portlet .fa-optin-monster:before {
    content: "\f23c"; }
  html body.yp .yp-portlet .fa-opencart:before {
    content: "\f23d"; }
  html body.yp .yp-portlet .fa-expeditedssl:before {
    content: "\f23e"; }
  html body.yp .yp-portlet .fa-battery-4:before,
  html body.yp .yp-portlet .fa-battery:before,
  html body.yp .yp-portlet .fa-battery-full:before {
    content: "\f240"; }
  html body.yp .yp-portlet .fa-battery-3:before, html body.yp .yp-portlet .fa-battery-three-quarters:before {
    content: "\f241"; }
  html body.yp .yp-portlet .fa-battery-2:before, html body.yp .yp-portlet .fa-battery-half:before {
    content: "\f242"; }
  html body.yp .yp-portlet .fa-battery-1:before, html body.yp .yp-portlet .fa-battery-quarter:before {
    content: "\f243"; }
  html body.yp .yp-portlet .fa-battery-0:before, html body.yp .yp-portlet .fa-battery-empty:before {
    content: "\f244"; }
  html body.yp .yp-portlet .fa-mouse-pointer:before {
    content: "\f245"; }
  html body.yp .yp-portlet .fa-i-cursor:before {
    content: "\f246"; }
  html body.yp .yp-portlet .fa-object-group:before {
    content: "\f247"; }
  html body.yp .yp-portlet .fa-object-ungroup:before {
    content: "\f248"; }
  html body.yp .yp-portlet .fa-sticky-note:before {
    content: "\f249"; }
  html body.yp .yp-portlet .fa-sticky-note-o:before {
    content: "\f24a"; }
  html body.yp .yp-portlet .fa-cc-jcb:before {
    content: "\f24b"; }
  html body.yp .yp-portlet .fa-cc-diners-club:before {
    content: "\f24c"; }
  html body.yp .yp-portlet .fa-clone:before {
    content: "\f24d"; }
  html body.yp .yp-portlet .fa-balance-scale:before {
    content: "\f24e"; }
  html body.yp .yp-portlet .fa-hourglass-o:before {
    content: "\f250"; }
  html body.yp .yp-portlet .fa-hourglass-1:before, html body.yp .yp-portlet .fa-hourglass-start:before {
    content: "\f251"; }
  html body.yp .yp-portlet .fa-hourglass-2:before, html body.yp .yp-portlet .fa-hourglass-half:before {
    content: "\f252"; }
  html body.yp .yp-portlet .fa-hourglass-3:before, html body.yp .yp-portlet .fa-hourglass-end:before {
    content: "\f253"; }
  html body.yp .yp-portlet .fa-hourglass:before {
    content: "\f254"; }
  html body.yp .yp-portlet .fa-hand-grab-o:before, html body.yp .yp-portlet .fa-hand-rock-o:before {
    content: "\f255"; }
  html body.yp .yp-portlet .fa-hand-stop-o:before,
  html body.yp .yp-portlet .fa-hand-paper-o:before {
    content: "\f256"; }
  html body.yp .yp-portlet .fa-hand-scissors-o:before {
    content: "\f257"; }
  html body.yp .yp-portlet .fa-hand-lizard-o:before {
    content: "\f258"; }
  html body.yp .yp-portlet .fa-hand-spock-o:before {
    content: "\f259"; }
  html body.yp .yp-portlet .fa-hand-pointer-o:before {
    content: "\f25a"; }
  html body.yp .yp-portlet .fa-hand-peace-o:before {
    content: "\f25b"; }
  html body.yp .yp-portlet .fa-trademark:before {
    content: "\f25c"; }
  html body.yp .yp-portlet .fa-registered:before {
    content: "\f25d"; }
  html body.yp .yp-portlet .fa-creative-commons:before {
    content: "\f25e"; }
  html body.yp .yp-portlet .fa-gg:before {
    content: "\f260"; }
  html body.yp .yp-portlet .fa-gg-circle:before {
    content: "\f261"; }
  html body.yp .yp-portlet .fa-tripadvisor:before {
    content: "\f262"; }
  html body.yp .yp-portlet .fa-odnoklassniki:before {
    content: "\f263"; }
  html body.yp .yp-portlet .fa-odnoklassniki-square:before {
    content: "\f264"; }
  html body.yp .yp-portlet .fa-get-pocket:before {
    content: "\f265"; }
  html body.yp .yp-portlet .fa-wikipedia-w:before {
    content: "\f266"; }
  html body.yp .yp-portlet .fa-safari:before {
    content: "\f267"; }
  html body.yp .yp-portlet .fa-chrome:before {
    content: "\f268"; }
  html body.yp .yp-portlet .fa-firefox:before {
    content: "\f269"; }
  html body.yp .yp-portlet .fa-opera:before {
    content: "\f26a"; }
  html body.yp .yp-portlet .fa-internet-explorer:before {
    content: "\f26b"; }
  html body.yp .yp-portlet .fa-tv:before,
  html body.yp .yp-portlet .fa-television:before {
    content: "\f26c"; }
  html body.yp .yp-portlet .fa-contao:before {
    content: "\f26d"; }
  html body.yp .yp-portlet .fa-500px:before {
    content: "\f26e"; }
  html body.yp .yp-portlet .fa-amazon:before {
    content: "\f270"; }
  html body.yp .yp-portlet .fa-calendar-plus-o:before {
    content: "\f271"; }
  html body.yp .yp-portlet .fa-calendar-minus-o:before {
    content: "\f272"; }
  html body.yp .yp-portlet .fa-calendar-times-o:before {
    content: "\f273"; }
  html body.yp .yp-portlet .fa-calendar-check-o:before {
    content: "\f274"; }
  html body.yp .yp-portlet .fa-industry:before {
    content: "\f275"; }
  html body.yp .yp-portlet .fa-map-pin:before {
    content: "\f276"; }
  html body.yp .yp-portlet .fa-map-signs:before {
    content: "\f277"; }
  html body.yp .yp-portlet .fa-map-o:before {
    content: "\f278"; }
  html body.yp .yp-portlet .fa-map:before {
    content: "\f279"; }
  html body.yp .yp-portlet .fa-commenting:before {
    content: "\f27a"; }
  html body.yp .yp-portlet .fa-commenting-o:before {
    content: "\f27b"; }
  html body.yp .yp-portlet .fa-houzz:before {
    content: "\f27c"; }
  html body.yp .yp-portlet .fa-vimeo:before {
    content: "\f27d"; }
  html body.yp .yp-portlet .fa-black-tie:before {
    content: "\f27e"; }
  html body.yp .yp-portlet .fa-fonticons:before {
    content: "\f280"; }
  html body.yp .yp-portlet .fa-reddit-alien:before {
    content: "\f281"; }
  html body.yp .yp-portlet .fa-edge:before {
    content: "\f282"; }
  html body.yp .yp-portlet .fa-credit-card-alt:before {
    content: "\f283"; }
  html body.yp .yp-portlet .fa-codiepie:before {
    content: "\f284"; }
  html body.yp .yp-portlet .fa-modx:before {
    content: "\f285"; }
  html body.yp .yp-portlet .fa-fort-awesome:before {
    content: "\f286"; }
  html body.yp .yp-portlet .fa-usb:before {
    content: "\f287"; }
  html body.yp .yp-portlet .fa-product-hunt:before {
    content: "\f288"; }
  html body.yp .yp-portlet .fa-mixcloud:before {
    content: "\f289"; }
  html body.yp .yp-portlet .fa-scribd:before {
    content: "\f28a"; }
  html body.yp .yp-portlet .fa-pause-circle:before {
    content: "\f28b"; }
  html body.yp .yp-portlet .fa-pause-circle-o:before {
    content: "\f28c"; }
  html body.yp .yp-portlet .fa-stop-circle:before {
    content: "\f28d"; }
  html body.yp .yp-portlet .fa-stop-circle-o:before {
    content: "\f28e"; }
  html body.yp .yp-portlet .fa-shopping-bag:before {
    content: "\f290"; }
  html body.yp .yp-portlet .fa-shopping-basket:before {
    content: "\f291"; }
  html body.yp .yp-portlet .fa-hashtag:before {
    content: "\f292"; }
  html body.yp .yp-portlet .fa-bluetooth:before {
    content: "\f293"; }
  html body.yp .yp-portlet .fa-bluetooth-b:before {
    content: "\f294"; }
  html body.yp .yp-portlet .fa-percent:before {
    content: "\f295"; }
  html body.yp .yp-portlet .fa-gitlab:before {
    content: "\f296"; }
  html body.yp .yp-portlet .fa-wpbeginner:before {
    content: "\f297"; }
  html body.yp .yp-portlet .fa-wpforms:before {
    content: "\f298"; }
  html body.yp .yp-portlet .fa-envira:before {
    content: "\f299"; }
  html body.yp .yp-portlet .fa-universal-access:before {
    content: "\f29a"; }
  html body.yp .yp-portlet .fa-wheelchair-alt:before {
    content: "\f29b"; }
  html body.yp .yp-portlet .fa-question-circle-o:before {
    content: "\f29c"; }
  html body.yp .yp-portlet .fa-blind:before {
    content: "\f29d"; }
  html body.yp .yp-portlet .fa-audio-description:before {
    content: "\f29e"; }
  html body.yp .yp-portlet .fa-volume-control-phone:before {
    content: "\f2a0"; }
  html body.yp .yp-portlet .fa-braille:before {
    content: "\f2a1"; }
  html body.yp .yp-portlet .fa-assistive-listening-systems:before {
    content: "\f2a2"; }
  html body.yp .yp-portlet .fa-asl-interpreting:before,
  html body.yp .yp-portlet .fa-american-sign-language-interpreting:before {
    content: "\f2a3"; }
  html body.yp .yp-portlet .fa-deafness:before,
  html body.yp .yp-portlet .fa-hard-of-hearing:before,
  html body.yp .yp-portlet .fa-deaf:before {
    content: "\f2a4"; }
  html body.yp .yp-portlet .fa-glide:before {
    content: "\f2a5"; }
  html body.yp .yp-portlet .fa-glide-g:before {
    content: "\f2a6"; }
  html body.yp .yp-portlet .fa-signing:before,
  html body.yp .yp-portlet .fa-sign-language:before {
    content: "\f2a7"; }
  html body.yp .yp-portlet .fa-low-vision:before {
    content: "\f2a8"; }
  html body.yp .yp-portlet .fa-viadeo:before {
    content: "\f2a9"; }
  html body.yp .yp-portlet .fa-viadeo-square:before {
    content: "\f2aa"; }
  html body.yp .yp-portlet .fa-snapchat:before {
    content: "\f2ab"; }
  html body.yp .yp-portlet .fa-snapchat-ghost:before {
    content: "\f2ac"; }
  html body.yp .yp-portlet .fa-snapchat-square:before {
    content: "\f2ad"; }
  html body.yp .yp-portlet .fa-pied-piper:before {
    content: "\f2ae"; }
  html body.yp .yp-portlet .fa-first-order:before {
    content: "\f2b0"; }
  html body.yp .yp-portlet .fa-yoast:before {
    content: "\f2b1"; }
  html body.yp .yp-portlet .fa-themeisle:before {
    content: "\f2b2"; }
  html body.yp .yp-portlet .fa-google-plus-circle:before,
  html body.yp .yp-portlet .fa-google-plus-official:before {
    content: "\f2b3"; }
  html body.yp .yp-portlet .fa-fa:before,
  html body.yp .yp-portlet .fa-font-awesome:before {
    content: "\f2b4"; }
  html body.yp .yp-portlet .fa-handshake-o:before {
    content: "\f2b5"; }
  html body.yp .yp-portlet .fa-envelope-open:before {
    content: "\f2b6"; }
  html body.yp .yp-portlet .fa-envelope-open-o:before {
    content: "\f2b7"; }
  html body.yp .yp-portlet .fa-linode:before {
    content: "\f2b8"; }
  html body.yp .yp-portlet .fa-address-book:before {
    content: "\f2b9"; }
  html body.yp .yp-portlet .fa-address-book-o:before {
    content: "\f2ba"; }
  html body.yp .yp-portlet .fa-vcard:before,
  html body.yp .yp-portlet .fa-address-card:before {
    content: "\f2bb"; }
  html body.yp .yp-portlet .fa-vcard-o:before,
  html body.yp .yp-portlet .fa-address-card-o:before {
    content: "\f2bc"; }
  html body.yp .yp-portlet .fa-user-circle:before {
    content: "\f2bd"; }
  html body.yp .yp-portlet .fa-user-circle-o:before {
    content: "\f2be"; }
  html body.yp .yp-portlet .fa-user-o:before {
    content: "\f2c0"; }
  html body.yp .yp-portlet .fa-id-badge:before {
    content: "\f2c1"; }
  html body.yp .yp-portlet .fa-drivers-license:before,
  html body.yp .yp-portlet .fa-id-card:before {
    content: "\f2c2"; }
  html body.yp .yp-portlet .fa-drivers-license-o:before,
  html body.yp .yp-portlet .fa-id-card-o:before {
    content: "\f2c3"; }
  html body.yp .yp-portlet .fa-quora:before {
    content: "\f2c4"; }
  html body.yp .yp-portlet .fa-free-code-camp:before {
    content: "\f2c5"; }
  html body.yp .yp-portlet .fa-telegram:before {
    content: "\f2c6"; }
  html body.yp .yp-portlet .fa-thermometer-4:before,
  html body.yp .yp-portlet .fa-thermometer:before,
  html body.yp .yp-portlet .fa-thermometer-full:before {
    content: "\f2c7"; }
  html body.yp .yp-portlet .fa-thermometer-3:before,
  html body.yp .yp-portlet .fa-thermometer-three-quarters:before {
    content: "\f2c8"; }
  html body.yp .yp-portlet .fa-thermometer-2:before,
  html body.yp .yp-portlet .fa-thermometer-half:before {
    content: "\f2c9"; }
  html body.yp .yp-portlet .fa-thermometer-1:before,
  html body.yp .yp-portlet .fa-thermometer-quarter:before {
    content: "\f2ca"; }
  html body.yp .yp-portlet .fa-thermometer-0:before,
  html body.yp .yp-portlet .fa-thermometer-empty:before {
    content: "\f2cb"; }
  html body.yp .yp-portlet .fa-shower:before {
    content: "\f2cc"; }
  html body.yp .yp-portlet .fa-bathtub:before,
  html body.yp .yp-portlet .fa-s15:before,
  html body.yp .yp-portlet .fa-bath:before {
    content: "\f2cd"; }
  html body.yp .yp-portlet .fa-podcast:before {
    content: "\f2ce"; }
  html body.yp .yp-portlet .fa-window-maximize:before {
    content: "\f2d0"; }
  html body.yp .yp-portlet .fa-window-minimize:before {
    content: "\f2d1"; }
  html body.yp .yp-portlet .fa-window-restore:before {
    content: "\f2d2"; }
  html body.yp .yp-portlet .fa-times-rectangle:before,
  html body.yp .yp-portlet .fa-window-close:before {
    content: "\f2d3"; }
  html body.yp .yp-portlet .fa-times-rectangle-o:before,
  html body.yp .yp-portlet .fa-window-close-o:before {
    content: "\f2d4"; }
  html body.yp .yp-portlet .fa-bandcamp:before {
    content: "\f2d5"; }
  html body.yp .yp-portlet .fa-grav:before {
    content: "\f2d6"; }
  html body.yp .yp-portlet .fa-etsy:before {
    content: "\f2d7"; }
  html body.yp .yp-portlet .fa-imdb:before {
    content: "\f2d8"; }
  html body.yp .yp-portlet .fa-ravelry:before {
    content: "\f2d9"; }
  html body.yp .yp-portlet .fa-eercast:before {
    content: "\f2da"; }
  html body.yp .yp-portlet .fa-microchip:before {
    content: "\f2db"; }
  html body.yp .yp-portlet .fa-snowflake-o:before {
    content: "\f2dc"; }
  html body.yp .yp-portlet .fa-superpowers:before {
    content: "\f2dd"; }
  html body.yp .yp-portlet .fa-wpexplorer:before {
    content: "\f2de"; }
  html body.yp .yp-portlet .fa-meetup:before {
    content: "\f2e0"; }
  html body.yp .yp-portlet .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  html body.yp .yp-portlet .sr-only-focusable:active, html body.yp .yp-portlet .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto; }
  html body.yp .yp-portlet .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1; }
  html body.yp .yp-portlet .swiper-container-no-flexbox .swiper-slide {
    float: left; }
  html body.yp .yp-portlet .swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
  html body.yp .yp-portlet .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  html body.yp .yp-portlet .swiper-container-android .swiper-slide, html body.yp .yp-portlet .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  html body.yp .yp-portlet .swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  html body.yp .yp-portlet .swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto; }
  html body.yp .yp-portlet .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative; }
  html body.yp .yp-portlet .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000; }
  html body.yp .yp-portlet .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y; }
  html body.yp .yp-portlet .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x; }
  html body.yp .yp-portlet .swiper-button-next, html body.yp .yp-portlet .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat; }
  html body.yp .yp-portlet .swiper-button-next.swiper-button-disabled, html body.yp .yp-portlet .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none; }
  html body.yp .yp-portlet .swiper-button-prev, html body.yp .yp-portlet .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto; }
  html body.yp .yp-portlet .swiper-button-prev.swiper-button-black, html body.yp .yp-portlet .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
  html body.yp .yp-portlet .swiper-button-prev.swiper-button-white, html body.yp .yp-portlet .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
  html body.yp .yp-portlet .swiper-button-next, html body.yp .yp-portlet .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto; }
  html body.yp .yp-portlet .swiper-button-next.swiper-button-black, html body.yp .yp-portlet .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
  html body.yp .yp-portlet .swiper-button-next.swiper-button-white, html body.yp .yp-portlet .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
  html body.yp .yp-portlet .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10; }
  html body.yp .yp-portlet .swiper-pagination.swiper-pagination-hidden {
    opacity: 0; }
  html body.yp .yp-portlet .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2; }
  html body.yp .yp-portlet button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none; }
  html body.yp .yp-portlet .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer; }
  html body.yp .yp-portlet .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff; }
  html body.yp .yp-portlet .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff; }
  html body.yp .yp-portlet .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff; }
  html body.yp .yp-portlet .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000; }
  html body.yp .yp-portlet .swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0); }
  html body.yp .yp-portlet .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block; }
  html body.yp .yp-portlet .swiper-container-horizontal > .swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%; }
  html body.yp .yp-portlet .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px; }
  html body.yp .yp-portlet .swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px; }
  html body.yp .yp-portlet .swiper-container-3d .swiper-cube-shadow, html body.yp .yp-portlet .swiper-container-3d .swiper-slide, html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-bottom, html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-left, html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-right, html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-top, html body.yp .yp-portlet .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-bottom, html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-left, html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-right, html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  html body.yp .yp-portlet .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  html body.yp .yp-portlet .swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px; }
  html body.yp .yp-portlet .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  html body.yp .yp-portlet .swiper-container-fade .swiper-slide {
    pointer-events: none; }
  html body.yp .yp-portlet .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none; }
  html body.yp .yp-portlet .swiper-container-fade .swiper-slide-active, html body.yp .yp-portlet .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto; }
  html body.yp .yp-portlet .swiper-container-cube {
    overflow: visible; }
  html body.yp .yp-portlet .swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1; }
  html body.yp .yp-portlet .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0; }
  html body.yp .yp-portlet .swiper-container-cube .swiper-slide-active, html body.yp .yp-portlet .swiper-container-cube .swiper-slide-next, html body.yp .yp-portlet .swiper-container-cube .swiper-slide-next + .swiper-slide, html body.yp .yp-portlet .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible; }
  html body.yp .yp-portlet .swiper-container-cube .swiper-slide-shadow-bottom, html body.yp .yp-portlet .swiper-container-cube .swiper-slide-shadow-left, html body.yp .yp-portlet .swiper-container-cube .swiper-slide-shadow-right, html body.yp .yp-portlet .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
  html body.yp .yp-portlet .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0; }
  html body.yp .yp-portlet .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1); }
  html body.yp .yp-portlet .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%; }
  html body.yp .yp-portlet .swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%; }
  html body.yp .yp-portlet .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0; }
  html body.yp .yp-portlet .swiper-scrollbar-cursor-drag {
    cursor: move; }
  html body.yp .yp-portlet .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite; }
  html body.yp .yp-portlet .swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat; }
  html body.yp .yp-portlet .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }
  html body.yp .yp-portlet .navbar.site-navigation.nav-secondary {
    flex-direction: row-reverse;
    align-items: start;
    justify-content: flex-end; }
    html body.yp .yp-portlet .navbar.site-navigation.nav-secondary .nav {
      flex-direction: row; }
    html body.yp .yp-portlet .navbar.site-navigation.nav-secondary .esab-toolbar-wrapper {
      flex: 1 1 auto; }
  html body.yp .yp-portlet .navbar-header .icon-reorder, html body.yp .yp-portlet .esab-toolbar-wrapper .icon-reorder {
    cursor: pointer; }
  html body.yp .yp-portlet .form-horizontal .radio,
  html body.yp .yp-portlet .form-horizontal .checkbox,
  html body.yp .yp-portlet .form-horizontal .radio-inline,
  html body.yp .yp-portlet .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0; }
  html body.yp .yp-portlet .badge {
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    background-color: #777777;
    border-radius: 10px; }
  html body.yp .yp-portlet .yp-file-upload {
    line-height: 23px; }
  html body.yp .yp-portlet .btn {
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  @media (min-width: 980px) {
    html body.yp .yp-portlet .navbar.site-navigation .lfr-nav-item span, html body.yp .yp-portlet .navbar.site-navigation .lfr-nav-item a {
      display: inline; } }
  @media (max-width: 979px) {
    html body.yp .yp-portlet #navigation {
      display: none; }
    html body.yp .yp-portlet #navigation.open {
      display: block; }
      html body.yp .yp-portlet #navigation.open .navbar-inner {
        padding: 10px; }
    html body.yp .yp-portlet .navigation-toggle .nav-collapse {
      overflow: hidden;
      height: 0; }
    html body.yp .yp-portlet .navigation-toggle.open .nav-collapse {
      height: auto;
      overflow: visible;
      flex: 1 1 auto; }
    html body.yp .yp-portlet .navbar-toggle {
      display: block; }
    html body.yp .yp-portlet .nav-secondary .esab-toolbar {
      padding-top: 15px;
      padding-bottom: 15px; }
    html body.yp .yp-portlet .nav-secondary .navbar-inner .nav-collapse.fixed-width-navbar li {
      float: none; }
    html body.yp .yp-portlet .nav-secondary .nav-collapse .nav > li > a:hover,
    html body.yp .yp-portlet .nav-secondary .nav-collapse .nav > li > a:focus,
    html body.yp .yp-portlet .nav-secondary .nav-collapse .dropdown-menu a:hover,
    html body.yp .yp-portlet .nav-secondary .nav-collapse .dropdown-menu a:focus {
      background-color: #f3f3f3;
      color: #009AE5 !important; } }
  @media (max-width: 767px) and (max-width: 979px) {
    html body.yp .yp-portlet .btn {
      width: 100%; } }
  html body.yp .yp-portlet .dropdown-menu {
    max-height: inherit; }
  html body.yp .yp-portlet .radio input[type="radio"],
  html body.yp .yp-portlet .checkbox input[type="checkbox"] {
    float: left; }
  html body.yp .yp-portlet .radio input[type="radio"],
  html body.yp .yp-portlet .radio-inline input[type="radio"] {
    top: 8px; }
  html body.yp .yp-portlet .k-grid .k-grid-toolbar .toolbar {
    display: block;
    /* to override the ".toolbar" rule that's coming from Liferay Clay */ }
  html body.yp .yp-portlet li {
    line-height: 27px; }
  html body.yp .yp-portlet .btn-primary {
    color: #FFF; }
    html body.yp .yp-portlet .btn-primary:hover {
      color: #FFF; }
  html body.yp .yp-portlet .badge {
    display: inline-block; }
  html body.yp .yp-portlet .btn {
    border-width: 0px; }
  html body.yp .yp-portlet .btn-primary:active:hover,
  html body.yp .yp-portlet .btn-primary.active:hover,
  html body.yp .yp-portlet .open > .dropdown-toggle.btn-primary:hover,
  html body.yp .yp-portlet .btn-primary:active:focus,
  html body.yp .yp-portlet .btn-primary.active:focus,
  html body.yp .yp-portlet .open > .dropdown-toggle.btn-primary:focus,
  html body.yp .yp-portlet .btn-primary:active.focus,
  html body.yp .yp-portlet .btn-primary.active.focus,
  html body.yp .yp-portlet .open > .dropdown-toggle.btn-primary.focus {
    color: #FFF; }
  html body.yp .yp-portlet .btn.btn-secondary {
    color: #999 !important; }
  html body.yp .yp-portlet .k-button.k-state-active, html body.yp .yp-portlet .k-button.k-state-focused, html body.yp .yp-portlet .k-button:active, html body.yp .yp-portlet .k-button:focus {
    color: #FFF; }
  html body.yp .yp-portlet .navbar-default .navbar-collapse {
    border-color: #e7e7e7;
    border-top: 1px solid; }
  html body.yp .yp-portlet .navbar-default .navbar-brand {
    color: #777; }
  html body.yp .yp-portlet .navbar-default .navbar-brand:hover,
  html body.yp .yp-portlet .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent; }
  html body.yp .yp-portlet .navbar-default .navbar-collapse,
  html body.yp .yp-portlet .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  html body.yp .yp-portlet a {
    color: #337ab7;
    text-decoration: none; }
  html body.yp .yp-portlet a:hover, html body.yp .yp-portlet a:focus {
    color: #23527c;
    text-decoration: underline; }

.yp .breadcrumb {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px; }

/*kendo tooltips are dynamically appended to the body and not the portlet*/
/**
 * Kendo Slider Tooltip
 */
.k-tooltip {
  border-radius: 2px;
  border-color: #e6e6e6;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }

.k-widget.k-tooltip-validation {
  -webkit-box-shadow: none;
  box-shadow: none; }

.k-widget.k-tooltip {
  background-image: none; }

.k-widget.k-tooltip {
  border-color: rgba(100, 100, 100, 0.9);
  background-color: rgba(100, 100, 100, 0.9);
  color: #ffffff; }

.k-widget.k-tooltip-validation {
  border-color: #fdefba;
  background-color: #fdefba;
  color: #816704; }

.k-tooltip {
  background-repeat: repeat;
  background-position: 0 center; }

.k-tooltip {
  white-space: normal; }

html .k-edit-cell .k-tooltip, html .k-grid-edit-row .k-tooltip {
  width: auto;
  max-width: 300px; }

.k-slider-tooltip {
  top: -4444px; }

.k-tooltip {
  position: absolute;
  z-index: 12000;
  border-style: solid;
  border-width: 0;
  padding: 5px 5px 5px 6px;
  background-repeat: repeat-x;
  min-width: 20px;
  text-align: center; }

span.k-tooltip {
  position: static;
  display: inline-block;
  border-width: 1px;
  padding: 2px 5px 1px 6px; }

.k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s {
  margin-left: -6px; }

.k-slider-tooltip .k-callout-e, .k-slider-tooltip .k-callout-w {
  margin-top: -6px; }

.k-navigator-hint .k-tooltip {
  margin-top: 20px;
  min-width: 160px;
  opacity: 1;
  text-align: center;
  border: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  background: #fff; }

span.k-tooltip {
  padding: 9px 17px; }

/**
 * Kendo Chart Tooltip
 */
.k-chart-tooltip {
  border-radius: 4px;
  padding: 6px;
  white-space: nowrap;
  z-index: 12000;
  line-height: normal;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
  color: #fff; }

.k-chart-tooltip-inverse {
  color: #000; }

.k-chart-tooltip table {
  border-spacing: 0;
  border-collapse: collapse; }

.k-chart-tooltip th {
  width: auto;
  text-align: center;
  padding: 1px; }

.k-chart-tooltip td {
  width: auto;
  text-align: left;
  padding: .1em .2em; }

/* report pouyanne DA 253475 */
.tableSorterHeader217 {
  font-size: 60%; }

table.tablesorter217 > tfoot > tr > td {
  border: 0 none !important; }

/*end report pouyanne DA 253475 */
/*************
Default Theme
*************/
/* overall */
.tablesorter-default {
  width: 100%;
  color: #333;
  background-color: #fff;
  margin: 10px 0 15px;
  text-align: left; }

/* header */
.tablesorter-default th,
.tablesorter-default thead td {
  color: #000;
  background-color: #fff;
  border-collapse: collapse;
  border-bottom: #ccc 2px solid;
  padding: 0; }

.tablesorter-default tfoot th,
.tablesorter-default tfoot td {
  border: 0; }

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
  /*background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);*/
  background-image: url("data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==") !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  white-space: normal;
  padding: 4px 20px 4px 4px; }

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
  /*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
  border-bottom: #000 2px solid;*/
  background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7") !important;
  border-bottom: 1px solid #ffffff; }

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
  /*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
  border-bottom: #000 2px solid;*/
  background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7") !important;
  border-bottom: 1px solid #ffffff; }

.tablesorter-default thead .sorter-false {
  background-image: none !important;
  cursor: default;
  padding: 4px; }

/* tfoot */
.tablesorter-default tfoot .tablesorter-headerSortUp,
.tablesorter-default tfoot .tablesorter-headerSortDown,
.tablesorter-default tfoot .tablesorter-headerAsc,
.tablesorter-default tfoot .tablesorter-headerDesc {
  border-top: #000 2px solid; }

/* tbody */
.tablesorter-default td {
  border-bottom: #ccc 1px solid;
  padding: 4px;
  vertical-align: top; }

/* hovered row colors */
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
  background: #fff;
  color: #000; }

/* table processing indicator */
.tablesorter-default .tablesorter-processing {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  /* background-image: url(../addons/pager/icons/loading.gif) !important; */
  background-image: url("data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=") !important; }

/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd td {
  background-color: #dfdfdf; }

.tablesorter-default tr.even td {
  background-color: #efefef; }

/* Column Widget - column sort colors */
.tablesorter-default tr.odd td.primary {
  background-color: #bfbfbf; }

.tablesorter-default td.primary,
.tablesorter-default tr.even td.primary {
  background-color: #d9d9d9; }

.tablesorter-default tr.odd td.secondary {
  background-color: #d9d9d9; }

.tablesorter-default td.secondary,
.tablesorter-default tr.even td.secondary {
  background-color: #e6e6e6; }

.tablesorter-default tr.odd td.tertiary {
  background-color: #e6e6e6; }

.tablesorter-default td.tertiary,
.tablesorter-default tr.even td.tertiary {
  background-color: #f2f2f2; }

/* caption */
caption {
  background: #fff; }

/* filter widget */
.tablesorter-default .tablesorter-filter-row td {
  background: #eee;
  border-bottom: #ccc 1px solid;
  line-height: normal;
  text-align: center;
  /* center the input */
  -webkit-transition: line-height 0.1s ease;
  -moz-transition: line-height 0.1s ease;
  -o-transition: line-height 0.1s ease;
  transition: line-height 0.1s ease; }

/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: not-allowed; }

/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
  /*** *********************************************** ***/
  /*** change this padding to modify the thickness     ***/
  /*** of the closed filter row (height = padding x 2) ***/
  padding: 2px;
  /*** *********************************************** ***/
  margin: 0;
  line-height: 0;
  cursor: pointer; }

.tablesorter-default .tablesorter-filter-row.hideme .tablesorter-filter {
  height: 1px;
  min-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  /* don't use visibility: hidden because it disables tabbing */
  opacity: 0;
  filter: alpha(opacity=0); }

/* filters */
.tablesorter-default .tablesorter-filter {
  width: 95%;
  height: auto;
  margin: 4px;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease; }

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
  display: none; }

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
  text-align: center;
  cursor: pointer;
  background-color: #e6bf99; }

/* For projects specifically: preserve the workarounds by now applying the negative margins of Bootstrap row */
.yp-portlet-ttt.yp-portlet .row,
.yp-portlet-yme.yp-portlet .row,
.yp-portlet-ysc.yp-portlet .row,
.yp-portlet-yse.yp-portlet .row,
.yp-portlet-ilf.yp-portlet .row,
.yp-portlet-idd.yp-portlet .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%; }

@media (min-width: 992px) {
  .yp-portlet-ttt.yp-portlet .row,
  .yp-portlet-yme.yp-portlet .row,
  .yp-portlet-ysc.yp-portlet .row,
  .yp-portlet-yse.yp-portlet .row,
  .yp-portlet-ilf.yp-portlet .row,
  .yp-portlet-idd.yp-portlet .row {
    float: left; } }

.visible-desktop {
  display: inherit !important; }

@media (max-width: 979px) and (min-width: 768px) {
  .visible-desktop {
    display: none !important; } }

@media (max-width: 767px) {
  .visible-desktop {
    display: none !important; } }

.hidden-desktop {
  display: none !important; }

@media (max-width: 979px) and (min-width: 768px) {
  .hidden-desktop {
    display: inherit !important; } }

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important; } }

/* Remove ellipses on additional items in top menu */
html .site-navigation .lfr-nav-item span, html .site-navigation .lfr-nav-item a {
  white-space: normal;
  text-overflow: unset; }

form.form.sign-in-form .fieldset .form-group input[type="checkbox"].field {
  width: 20px !important;
  margin-top: -8px;
  margin-right: 8px; }

.sign-in-form .input-checkbox-wrapper label {
  color: #fff;
  font-size: 12px; }

@media print {
  /* Redmine 77090 - eliminer les URLs apres les liens durant l'impression */
  .aui a[href]:after {
    content: ""; }
  /* Incident 364390 - Optimisation des impressions */
  html body.yp .ypw-portlet .TableauSaisieBicolore table tr#pair,
  html body.yp .ypw-portlet .TableauSaisieBicolore table tr#impair {
    display: inline-block !important;
    width: 47% !important; }
  html body.yp .ypw-portlet .TableauSaisieBicolore table tr#impair {
    padding-left: 5%; } }

/* Class hidden was replaced by d-none in Bootstrap 4. 
To prevent unknown regressions, this class will be reimplement in the Infra 
*/
.hidden {
  display: none;
  visibility: hidden; }

/* Redmine 77207 */
.personal-menu-dropdown {
  /* Liferay user menu */
  /*position: fixed;
    width: 100%;
    text-align: right;
    z-index: 1000;
    height: 0;*/
  /** To Add comment of redmine here**/
  position: absolute;
  top: 7px;
  right: 7px; }

.user-avatar-link .badge {
  right: 30px;
  position: absolute;
  top: 4px; }

.personal-menu-dropdown .dropdown-toggle.btn {
  /*position: relative;
    top: -47px;
    right: 10px;*/ }

li.control-menu-nav-category.user-control-group {
  margin-right: 50px !important; }

.personal-menu-dropdown .sticker-circle {
  background-color: #ffffff !important; }

/* END 77207 */
#control-menu .control-menu {
  z-index: auto;
  position: absolute; }

/* deplacer le lien ajouter ds menu liferay a droite */
.lfr-add-panel .add-content-menu .lfr-content-item .add-content-item {
  right: 0px; }

/* Correction du redmine #82306 */
.yp-panel:not(.row):not([class*="col-"]) {
  padding: 5px;
  margin: 0px; }

/* To fix the icons inside the repeater table section Mes Collateraux in the doc  */
.yp-repeater .btn-group .yp-icon.yp-icon-angle-right {
  padding-top: 11px; }

/* Fin de correction du redmine #82306 */
/* Correction du redmine #79034*/
#main-content .portlet-column-content,
#main-content .portlet-column-content .portlet {
  background-color: #fff; }

/* Fin de correction du redmine #79034 */