@font-face {
  font-family: "glyphs-portal";
  src: url("/assets/portal_v2/glyphs-portal_69ccd204c66ace88b11c5ffefc84fe10.eot");
  src: url("/assets/portal_v2/glyphs-portal_69ccd204c66ace88b11c5ffefc84fe10.eot?#iefix") format("embedded-opentype"),url("/assets/portal_v2/glyphs-portal_69ccd204c66ace88b11c5ffefc84fe10.woff2") format("woff2"),url("/assets/portal_v2/glyphs-portal_69ccd204c66ace88b11c5ffefc84fe10.woff") format("woff"),url("/assets/portal_v2/glyphs-portal_69ccd204c66ace88b11c5ffefc84fe10.ttf") format("truetype"),url("/assets/portal_v2/glyphs-portal_69ccd204c66ace88b11c5ffefc84fe10.svg#glyphs-portal") format("svg");
  font-weight: normal;
  font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "glyphs-portal";
    src: url("/assets/portal_v2/glyphs-portal_69ccd204c66ace88b11c5ffefc84fe10.svg#glyphs-portal") format("svg")
  }
}

[data-icon]:before {
  content: attr(data-icon)
}

[data-icon]:before, .ficon-all-item:before, .ficon-arrow-down-2:before, .ficon-arrow-left:before, .ficon-arrow-right:before, .ficon-arrow-up-2:before, .ficon-calendar:before, .ficon-calendar-new:before, .ficon-change:before, .ficon-changes:before, .ficon-chevron-down:before, .ficon-chevron-right:before, .ficon-clone-new:before, .ficon-close:before, ._simple-switch-track .handle:before, .ficon-comments:before, .ficon-delete:before, .ficon-edit:before, .ficon-employee-offboarding:before, .ficon-employee-onboarding:before, .ficon-ff-clock:before, .ficon-folder-open:before, .ficon-folder-open-o:before, .ficon-home:before, .ficon-info:before, .ficon-knowledge-base:before, .ficon-minus:before, .ficon-note:before, .ficon-notifications:before, .ficon-open-new-tab:before, .ficon-phone:before, .ficon-plus:before, .ficon-priority:before, .ficon-project_mgmt:before, .ficon-related-files:before, .ficon-search:before, .ficon-service-catalog:before, .ficon-show-activities:before, .ficon-solutions:before, .ficon-star-fill:before, .ficon-task_dashboard:before, .ficon-ticket:before, .ficon-tickets:before, .ficon-tickmark:before, ._simple-switch-track.on .handle:before, .fr-popup .fr-color-set > span .fr-selected-color:before, .ficon-toast-error:before, .ficon-toast-info:before, .ficon-toast-success:before, .ficon-toast-warning:before {
  display: inline-block;
  font-family: "glyphs-portal";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased
}

.ficon-all-item:before {
  content: "\f12c"
}

.ficon-arrow-down-2:before {
  content: "\f127"
}

.ficon-arrow-left:before {
  content: "\f100"
}

.ficon-arrow-right:before {
  content: "\f101"
}

.ficon-arrow-up-2:before {
  content: "\f128"
}

.ficon-calendar:before {
  content: "\f102"
}

.ficon-calendar-new:before {
  content: "\f103"
}

.ficon-change:before {
  content: "\f104"
}

.ficon-changes:before {
  content: "\f105"
}

.ficon-chevron-down:before {
  content: "\f106"
}

.ficon-chevron-right:before {
  content: "\f107"
}

.ficon-clone-new:before {
  content: "\f129"
}

.ficon-close:before, ._simple-switch-track .handle:before {
  content: "\f108"
}

.ficon-comments:before {
  content: "\f124"
}

.ficon-delete:before {
  content: "\f126"
}

.ficon-edit:before {
  content: "\f12b"
}

.ficon-employee-offboarding:before {
  content: "\f12f"
}

.ficon-employee-onboarding:before {
  content: "\f109"
}

.ficon-ff-clock:before {
  content: "\f10a"
}

.ficon-folder-open:before {
  content: "\f10b"
}

.ficon-folder-open-o:before {
  content: "\f10c"
}

.ficon-home:before {
  content: "\f10d"
}

.ficon-info:before {
  content: "\f12a"
}

.ficon-knowledge-base:before {
  content: "\f10e"
}

.ficon-minus:before {
  content: "\f10f"
}

.ficon-note:before {
  content: "\f110"
}

.ficon-notifications:before {
  content: "\f111"
}

.ficon-open-new-tab:before {
  content: "\f112"
}

.ficon-phone:before {
  content: "\f122"
}

.ficon-plus:before {
  content: "\f113"
}

.ficon-priority:before {
  content: "\f114"
}

.ficon-project_mgmt:before {
  content: "\f123"
}

.ficon-related-files:before {
  content: "\f115"
}

.ficon-search:before {
  content: "\f116"
}

.ficon-service-catalog:before {
  content: "\f117"
}

.ficon-show-activities:before {
  content: "\f118"
}

.ficon-solutions:before {
  content: "\f119"
}

.ficon-star-fill:before {
  content: "\f11a"
}

.ficon-task_dashboard:before {
  content: "\f125"
}

.ficon-ticket:before {
  content: "\f11b"
}

.ficon-tickets:before {
  content: "\f11c"
}

.ficon-tickmark:before, ._simple-switch-track.on .handle:before, .fr-popup .fr-color-set > span .fr-selected-color:before {
  content: "\f11d"
}

.ficon-toast-error:before {
  content: "\f11e"
}

.ficon-toast-info:before {
  content: "\f11f"
}

.ficon-toast-success:before {
  content: "\f120"
}

.ficon-toast-warning:before {
  content: "\f121"
}

:root {
  --baseFont: Roboto
}

:root {
  --bg_color: #ebeff3;
  --header_color: #000;
  --footer_color: #000;
  --baseFont: Roboto;
  --textColor: #12344d;
  --headingsFont: Roboto;
  --headingsColor: #12344d;
  --secondaryFont: Roboto;
  --secondaryColor: #475867;
  --linkColor: #2B99CC;
  --linkColorHover: #F2740C;
  --nav_background: #000;
  --nav_active: #475867;
  --nav_hover: #2B99CC
}
/*!
 * froala_editor v3.1.0 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2020 Froala Labs
 */

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-element, .fr-element:focus {
  outline: 0 solid transparent
}

.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

  .fr-box.fr-basic .fr-element {
    font-family: sans-serif;
    color: #414141;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    min-height: 60px;
    text-align: left
  }

  .fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right
  }

.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto
}

  .fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto
  }

  .fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
  }

  .fr-element [contenteditable="true"] {
    outline: 0 solid transparent
  }

.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
  box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  text-align: center;
  background: #FFF;
  color: #333333;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none
}

  .fr-box a.fr-floating-btn svg {
    -webkit-transition: transform 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    fill: #333333
  }

  .fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 40px
  }

  .fr-box a.fr-floating-btn.fr-btn + .fr-btn {
    margin-left: 10px
  }

  .fr-box a.fr-floating-btn:hover {
    background: #ebebeb;
    cursor: pointer
  }

    .fr-box a.fr-floating-btn:hover svg {
      fill: #333333
    }

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1)
}

iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.fr-wrapper {
  position: relative;
  z-index: 1
}

  .fr-wrapper::after {
    clear: both;
    display: block;
    content: "";
    height: 0
  }

  .fr-wrapper .fr-placeholder {
    position: absolute;
    font-size: 14px;
    color: #AAA;
    font-family: sans-serif;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
  }

  .fr-wrapper.show-placeholder .fr-placeholder {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
  }

  .fr-wrapper ::-moz-selection {
    background: #b5d6fd;
    color: #000
  }

  .fr-wrapper ::selection {
    background: #b5d6fd;
    color: #000
  }

.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0
}

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm
  }

    .fr-box.fr-document .fr-wrapper {
      text-align: left;
      padding: 30px;
      min-width: 21cm;
      background: #efefef
    }

      .fr-box.fr-document .fr-wrapper .fr-element {
        text-align: left;
        background: #FFF;
        width: 21cm;
        margin: auto;
        min-height: 26cm !important;
        padding: 1cm 2cm;
        overflow: visible;
        z-index: auto
      }

        .fr-box.fr-document .fr-wrapper .fr-element hr {
          margin-left: -2cm;
          margin-right: -2cm;
          background: #efefef;
          height: 1cm;
          outline: none;
          border: none
        }

        .fr-box.fr-document .fr-wrapper .fr-element img {
          z-index: 1
        }
}

.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

  .fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }

.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative
}

  .fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
    display: none
  }

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
  background: transparent;
  color: #333333;
  -moz-outline: 0;
  outline: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px
}

  .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

  .fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

  .fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0
  }

  .fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
    width: auto
  }

  .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
    display: block;
    text-align: center;
    float: none;
    margin: 8px 7px;
    width: 24px
  }

    .fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
      height: 24px
    }

    .fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      fill: #333333
    }

  .fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
  }

  .fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    min-width: 30px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    font-weight: bold;
    padding: 0 4px
  }

  .fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
    margin: 8px 7px;
    width: 24px
  }

  .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
    background: #d6d6d6
  }

  .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: normal
  }

  .fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 3px;
    margin-right: 11px
  }

  .fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333333;
    right: 2px;
    top: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    content: ""
  }

  .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: #333333;
    background: #d6d6d6;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease
  }

    .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
      background: #ebebeb;
      fill: #333333
    }

      .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
        border-top-color: #333333
      }

    .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
      border-top: 0;
      border-bottom: 4px solid #222222
    }

  .fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    cursor: default;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }

    .fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
      border-top-color: #bdbdbd
    }

  .fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
    display: none
  }

.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

  .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #FFF
  }

  .fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
    height: 27px
  }

  .fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
    margin: 8px 11px;
    width: 24px;
    height: 24px
  }

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7
}

.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

  .fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
    border-top-color: #bdbdbd
  }

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left
}

.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
  float: right
}

  .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

  .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none
}

.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #333333
}

  .fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background: #ebebeb
  }

  .fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
    border-top-color: #333333
  }

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333333;
  background: #d6d6d6
}

.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb
}

.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6
}

.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent
}

.fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent
}

.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6
}

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px
}

  .fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
    border-left: solid 1px #FAFAFA;
    -webkit-transition: border-left 0s, background-color 0.5s;
    -moz-transition: border-left 0s, background-color 0.5s;
    -ms-transition: border-left 0s, background-color 0.5s;
    -o-transition: border-left 0s, background-color 0.5s
  }

.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
  box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)
}

  .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    height: auto;
    max-height: 275px
  }

  .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
    padding: 0;
    margin: auto;
    display: inline-block;
    text-align: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    margin-top: 0;
    float: left;
    height: 0;
    margin-top: 0 !important
  }

    .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
      position: relative
    }

      .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
        list-style-type: none;
        margin: 0;
        padding: 8px 0;
        min-width: 72px
      }

        .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
          padding: 0;
          margin: 0;
          font-size: 15px
        }

          .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
            padding: 0 20px;
            line-height: 200%;
            display: flex;
            cursor: pointer;
            white-space: nowrap;
            color: inherit;
            text-decoration: none;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box
          }

            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
              width: 24px;
              height: 24px;
              margin: 3px 4px
            }

              .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
                fill: #333333
              }

            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
              background: #d6d6d6
            }

            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
              color: #bdbdbd;
              cursor: default
            }

            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
              margin-left: 20px;
              font-weight: bold;
              -webkit-opacity: 0.75;
              -moz-opacity: 0.75;
              opacity: 0.75
            }

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
  box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)
}

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important
}

body.prevent-scroll {
  overflow: hidden
}

  body.prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch
  }

.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2
}

  .fr-modal.fr-middle .fr-modal-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute
  }

  .fr-modal .fr-modal-wrapper {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-clip: padding-box;
    margin: 20px auto;
    display: inline-block;
    background: #FFF;
    min-width: 300px;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
    box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
    border: 0;
    overflow: hidden;
    width: 90%;
    position: relative
  }

@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%
  }
}

@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 960px
  }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #FFF;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  border-bottom: solid #efefef 1px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s
}

  .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
    height: 56px;
    padding: 0 10px
  }

  .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
    margin: 10px;
    position: absolute;
    top: 0;
    right: 0
  }

  .fr-modal .fr-modal-wrapper .fr-modal-head h4 {
    font-size: 20px;
    padding: 19px 10px;
    margin: 0;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    float: left
  }

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: auto;
  padding-bottom: 20px
}

  .fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
    outline: 0
  }

  .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

    .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
      margin-left: 24px
    }

    .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
      background: #ebebeb;
      color: #0098f7
    }

    .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
      background: #d6d6d6;
      color: #0098f7
    }

  .fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
    border: 0
  }

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb
}

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639
}

ol.decimal_type {
  counter-reset: item
}

  ol.decimal_type > li {
    display: block
  }

    ol.decimal_type > li:before {
      content: counters(item,".") ". ";
      counter-increment: item
    }

.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #FFF;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
  box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2
}

  .fr-popup .fr-icon {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    font-weight: 400;
    box-sizing: content-box;
    padding: 6px
  }

  .fr-popup .fr-icon-container {
    padding: 20px;
    max-height: 200px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

@supports not (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
    display: grid
  }
}

@media (min-width: 768px) {
  .fr-popup .fr-icon-container {
    min-width: 276px
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    display: inline-flex;
    -ms-flex-flow: row wrap
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  .fr-popup .fr-icon-container {
    width: 236px
  }
}

.fr-popup .fr-input-focus {
  background: whitesmoke
}

.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0
}

.fr-popup.fr-active {
  display: block
}

.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup.fr-empty {
  display: none !important
}

.fr-popup .fr-hs {
  display: block !important
}

  .fr-popup .fr-hs.fr-hidden {
    display: none !important
  }

.fr-popup .fr-input-line {
  position: relative;
  padding: 15px 0
}

  .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea {
    width: 100%;
    margin-bottom: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #999999;
    color: #222222;
    font-size: 14px;
    background: #FFF;
    position: relative;
    z-index: 2;
    padding: 4px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 0.5s, padding 0.5s;
    -moz-transition: border 0.5s, padding 0.5s;
    -ms-transition: border 0.5s, padding 0.5s;
    -o-transition: border 0.5s, padding 0.5s
  }

    .fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line textarea:hover {
      border: solid 1px #515151
    }

    .fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line textarea:focus {
      border: solid 2px #0098f7;
      padding: 3px 11px
    }

  .fr-popup .fr-input-line input[type="text"] {
    height: 46px
  }

  .fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
    position: absolute;
    top: 29px;
    left: 12px;
    font-size: 14px;
    color: grey;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 3;
    display: block;
    background: #FFF;
    padding: 0;
    cursor: text
  }

  .fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
    color: gray;
    width: auto;
    left: 4px;
    padding: 0 4px;
    font-size: 11px;
    top: 9px
  }

.fr-popup input, .fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none
}

.fr-popup textarea {
  resize: none
}

.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0
}

  .fr-popup .fr-buttons .fr-btn {
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
    float: none
  }

    .fr-popup .fr-buttons .fr-btn i {
      float: left
    }

  .fr-popup .fr-buttons .fr-separator {
    display: inline-block;
    float: none
  }

  .fr-popup .fr-buttons.fr-tabs {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    overflow: hidden
  }

@media (max-width: 768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
    overflow: scroll;
    overflow-y: hidden;
    width: 276px
  }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px
}

.fr-popup .fr-layer {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 195px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px;
  display: none
}

@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 260px
  }
}

.fr-popup .fr-layer.fr-active {
  display: inline-block
}

.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right
}

  .fr-popup .fr-action-buttons button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

    .fr-popup .fr-action-buttons button.fr-command + button {
      margin-left: 24px
    }

    .fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
      background: #ebebeb;
      color: #0098f7
    }

    .fr-popup .fr-action-buttons button.fr-command:active {
      background: #d6d6d6;
      color: #0098f7
    }

  .fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0
  }

.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 10px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle
}

  .fr-popup .fr-checkbox svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
  }

  .fr-popup .fr-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s
  }

  .fr-popup .fr-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px;
    top: 7px;
    left: 7px
  }

    .fr-popup .fr-checkbox input:not(:checked) + span {
      border: solid 2px #999999
    }

    .fr-popup .fr-checkbox input:not(:checked):active + span {
      background-color: #f5f5f5
    }

    .fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
      border-color: #515151
    }

    .fr-popup .fr-checkbox input:checked + span {
      background: #0098f7;
      border: solid 2px #0098f7
    }

      .fr-popup .fr-checkbox input:checked + span svg {
        display: block
      }

    .fr-popup .fr-checkbox input:checked:active + span {
      background-color: #EcF5Ff
    }

    .fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
      -webkit-opacity: 0.8;
      -moz-opacity: 0.8;
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px
}

  .fr-popup .fr-checkbox-line label {
    cursor: pointer;
    margin: 0 5px;
    vertical-align: middle
  }

.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right
}

  .fr-popup.fr-rtl .fr-action-buttons {
    text-align: left
  }

  .fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
    left: auto;
    right: 0
  }

  .fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
    float: right
  }

.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important
}

.fr-toolbar {
  color: #222222;
  background: #FFF;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  border: 1px solid #CCCCCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom 0.5s;
  -moz-transition: padding-bottom 0.5s;
  -ms-transition: padding-bottom 0.5s;
  -o-transition: padding-bottom 0.5s
}

  .fr-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
  }

  .fr-toolbar::after {
    height: 0
  }

  .fr-toolbar .fr-newline {
    clear: both;
    display: block;
    content: "";
    margin-left: 9px;
    margin-right: 9px;
    background: #efefef;
    height: 1px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s
  }

  .fr-toolbar.fr-toolbar-open {
    padding-bottom: 48px
  }

    .fr-toolbar.fr-toolbar-open .fr-newline {
      height: 0
    }

  .fr-toolbar .fr-float-right {
    float: right
  }

  .fr-toolbar .fr-float-left {
    float: left
  }

  .fr-toolbar .fr-more-toolbar {
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    height: 0;
    z-index: 2;
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
  }

    .fr-toolbar .fr-more-toolbar.fr-expanded {
      height: 48px
    }

    .fr-toolbar .fr-more-toolbar.fr-overflow-visible {
      overflow: visible
    }

    .fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
      margin-left: 4px;
      margin-right: 4px
    }

  .fr-toolbar .fr-btn-grp {
    display: inline-block;
    margin: 0 17px 0 12px
  }

@media (max-width: 768px) {
  .fr-toolbar .fr-btn-grp {
    margin: 0 7px 0 6px
  }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 10px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

  .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #f5f5f5
  }

.fr-toolbar.fr-rtl {
  text-align: right
}

.fr-toolbar.fr-inline {
  display: none;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
  box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
  border: 0;
  white-space: nowrap;
  position: absolute;
  margin-top: 5px;
  z-index: 2147483630
}

  .fr-toolbar.fr-inline.fr-above {
    margin-top: -10px;
    border-top: 0
  }

  .fr-toolbar.fr-inline .fr-newline {
    height: 0
  }

.fr-toolbar.fr-top {
  top: 0;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.fr-toolbar.fr-bottom {
  bottom: 0;
  border-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

  .fr-toolbar.fr-bottom .fr-newline {
    padding-top: 0;
    -webkit-transition: padding-top 0.5s;
    -moz-transition: padding-top 0.5s;
    -ms-transition: padding-top 0.5s;
    -o-transition: padding-top 0.5s
  }

  .fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
    padding-top: 48px;
    background: #FFF
  }

  .fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
    margin-top: -1px;
    margin-bottom: 10px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

.fr-toolbar.fr-sticky-on {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left
}

  .fr-separator + .fr-separator {
    display: none
  }

  .fr-separator.fr-vs {
    height: 32px;
    width: 1px;
    margin: 8px 4px
  }

  .fr-separator.fr-hs {
    clear: both;
    width: calc(100% - (2 * 4px));
    margin: 0 4px;
    height: 1px
  }

  .fr-separator.fr-hidden {
    display: none !important
  }

.fr-rtl .fr-separator {
  float: right
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block
}

.second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

  .second-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
  }

#logo {
  float: left;
  outline: none
}

  #logo > span {
    display: inline-block;
    float: left;
    font-family: sans-serif;
    padding: 11px 5px 10px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #b1b2b7;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s
  }

  #logo > svg {
    height: 20px;
    width: 47px;
    margin: 7px 0;
    cursor: pointer
  }

    #logo > svg * {
      -webkit-transition: fill 0.3s;
      -moz-transition: fill 0.3s;
      -ms-transition: fill 0.3s;
      -o-transition: fill 0.3s
    }

  #logo:hover > span, #logo:focus > span {
    color: #0098f7
  }

  #logo:hover > svg .fr-logo, #logo:focus > svg .fr-logo {
    fill: #0098f7
  }

.fr-visibility-helper {
  display: none;
  margin-left: 0 !important
}

@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important
  }
}

@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important
  }
}

@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important
  }
}

.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-box {
  position: relative
}

.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky
}

.fr-sticky-off {
  position: relative
}

.fr-sticky-on {
  position: fixed;
  z-index: 10
}

  .fr-sticky-on.fr-sticky-ios {
    position: absolute;
    left: 0;
    right: 0;
    width: auto !important
  }

.fr-sticky-dummy {
  display: none
}

.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
  display: block
}

span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-box .fr-counter {
  padding: 10px;
  float: right;
  color: #999999;
  content: attr(data-chars);
  font-size: 14px;
  font-family: sans-serif;
  z-index: 1;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.fr-box.fr-rtl .fr-counter {
  left: 0;
  right: auto;
  border-left: none;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.fr-box.fr-code-view .fr-counter {
  display: none
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0;
  font-family: "Courier New",monospace;
  font-size: 14px;
  background: #FFF;
  color: #000;
  outline: none
}

.fr-box.fr-rtl textarea.fr-code {
  direction: rtl
}

.fr-box .CodeMirror {
  display: none
}

.fr-box.fr-code-view textarea.fr-code {
  display: block
}

.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
  display: none
}

.fr-box.fr-code-view .CodeMirror {
  display: block
}

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background: #FFF;
  color: #333333;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 8px 7px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

  .fr-box.fr-inline .fr-command.fr-btn.html-switch i {
    font-size: 24px;
    width: 24px;
    text-align: center
  }

  .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
    background: #ebebeb
  }

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-popup .fr-layer.fr-color-hex-layer {
  margin: 0;
  padding: 20px;
  padding-top: 0;
  float: left
}

  .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    width: calc(100% - 50px);
    padding: 15px 0 0
  }

  .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    width: 38px;
    height: 40px;
    padding: 17px 0 0;
    margin: 0
  }

    .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      font-size: 13px;
      height: 40px;
      width: 38px
    }

.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 2px;
  margin-right: 2px
}

.fr-popup .fr-color-set {
  line-height: 0;
  display: none
}

  .fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px;
    padding-bottom: 0
  }

  .fr-popup .fr-color-set > span {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1
  }

    .fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
      text-align: center;
      line-height: 32px;
      height: 24px;
      width: 24px;
      margin: 4px;
      font-size: 13px;
      position: absolute;
      bottom: 0;
      cursor: default;
      left: 0
    }

      .fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
        fill: #222222
      }

    .fr-popup .fr-color-set > span .fr-selected-color {
      color: #FFF;
      font-family: FontAwesome;
      font-size: 13px;
      font-weight: 400;
      line-height: 32px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      text-align: center;
      cursor: default
    }

    .fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus {
      outline: 1px solid #222222;
      z-index: 2
    }

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0)
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-drag-helper {
  background: #0098f7;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none
}

  .fr-drag-helper.fr-visible {
    display: block
  }

.fr-dragging {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-popup .fr-emoticon {
  width: 24px;
  height: 24px;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols
}

  .fr-popup .fr-emoticon img {
    height: 24px;
    width: 24px
  }

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
  padding: 0 0 0 14px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container {
    width: 368px
  }
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-popup .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center
}

  .fr-popup .fr-file-upload-layer:hover {
    background: #ebebeb
  }

  .fr-popup .fr-file-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
  }

  .fr-popup .fr-file-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
  }

    .fr-popup .fr-file-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px
    }

.fr-popup .fr-file-progress-bar-layer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

  .fr-popup .fr-file-progress-bar-layer > h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
  }

  .fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
    display: none
  }

  .fr-popup .fr-file-progress-bar-layer > div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
  }

    .fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
      display: block;
      height: 100%;
      width: 0%;
      background: #0098f7;
      -webkit-transition: width 0.2s ease 0s;
      -moz-transition: width 0.2s ease 0s;
      -ms-transition: width 0.2s ease 0s;
      -o-transition: width 0.2s ease 0s
    }

    .fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
      width: 30% !important;
      position: absolute;
      top: 0;
      -webkit-animation: loading 2s linear infinite;
      -moz-animation: loading 2s linear infinite;
      -o-animation: loading 2s linear infinite;
      animation: loading 2s linear infinite
    }

  .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
    display: none
  }

  .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
    display: block
  }

@keyframes loading {
  from {
    left: -25%
  }

  to {
    left: 100%
  }
}

@-webkit-keyframes loading {
  from {
    left: -25%
  }

  to {
    left: 100%
  }
}

@-moz-keyframes loading {
  from {
    left: -25%
  }

  to {
    left: 100%
  }
}

@-o-keyframes loading {
  from {
    left: -25%
  }

  to {
    left: 100%
  }
}

@keyframes loading {
  from {
    left: -25%
  }

  to {
    left: 100%
  }
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed
}

.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important
}

  .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

  .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

  .fr-box.fr-fullscreen .fr-toolbar {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

    .fr-box.fr-fullscreen .fr-toolbar.fr-top {
      top: 0 !important
    }

    .fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
      bottom: 0 !important
    }

  .fr-box.fr-fullscreen .second-toolbar {
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

.fr-fullscreen-wrapper {
  z-index: 2147483640 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px
}

  .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    width: 100%
  }

    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
      margin-top: 20px
    }

    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
      border: 0
    }

    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
      text-align: left
    }

    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
      padding: 6px 0 4px
    }

    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
      border-bottom: solid 1px #ebebeb
    }

    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
      width: 60%;
      color: #646464
    }

    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
      letter-spacing: 0.5px
    }

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-element img {
  cursor: pointer;
  padding: 0 1px
}

.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

  .fr-image-resizer.fr-active {
    display: block
  }

  .fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

    .fr-image-resizer .fr-handler.fr-hnw {
      cursor: nw-resize
    }

    .fr-image-resizer .fr-handler.fr-hne {
      cursor: ne-resize
    }

    .fr-image-resizer .fr-handler.fr-hsw {
      cursor: sw-resize
    }

    .fr-image-resizer .fr-handler.fr-hse {
      cursor: se-resize
    }

  .fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
  }

    .fr-image-resizer .fr-handler.fr-hnw {
      left: -6px;
      top: -6px
    }

    .fr-image-resizer .fr-handler.fr-hne {
      right: -6px;
      top: -6px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
      left: -6px;
      bottom: -6px
    }

    .fr-image-resizer .fr-handler.fr-hse {
      right: -6px;
      bottom: -6px
    }

@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px
  }

    .fr-image-resizer .fr-handler.fr-hnw {
      left: -5px;
      top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
      right: -5px;
      top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
      left: -5px;
      bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
      right: -5px;
      bottom: -5px
    }
}

.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none
}

.fr-popup .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center
}

  .fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb
  }

  .fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
  }

  .fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
  }

    .fr-popup .fr-image-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px
    }

.fr-popup .fr-image-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal
}

.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative
}

  .fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s
  }

  .fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
  }

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block
}

  .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
    margin-left: 10px
  }

.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@-webkit-keyframes loading {
  from {
    left: -25%
  }

  to {
    left: 100%
  }
}

@-moz-keyframes loading {
  from {
    left: -25%
  }

  to {
    left: 100%
  }
}

@-o-keyframes loading {
  from {
    left: -25%
  }

  to {
    left: 100%
  }
}

@keyframes loading {
  from {
    left: -25%
  }

  to {
    left: 100%
  }
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
  margin-top: 10px
}

  .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
    opacity: 0;
    width: 0;
    padding: 12px 0
  }

.fr-modal .fr-modal-head .fr-modal-tags {
  padding: 0 20px;
  display: none;
  text-align: left
}

  .fr-modal .fr-modal-head .fr-modal-tags a {
    display: inline-block;
    opacity: 0;
    padding: 6px 12px;
    margin: 8px 0 8px 8px;
    text-decoration: none;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    cursor: pointer;
    background-color: #f5f5f5
  }

    .fr-modal .fr-modal-head .fr-modal-tags a:focus {
      outline: none;
      background-color: #ebebeb
    }

    .fr-modal .fr-modal-head .fr-modal-tags a:hover {
      background-color: #ebebeb
    }

    .fr-modal .fr-modal-head .fr-modal-tags a:active {
      background-color: #d6d6d6
    }

    .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
      background-color: #EcF5Ff;
      color: #0098f7
    }

      .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
        outline: none;
        background-color: #ebebeb
      }

      .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
        background-color: #ebebeb
      }

      .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
        background-color: #d6d6d6
      }

.fr-show-tags .fr-modal-more svg path {
  fill: #0098f7
}

div.fr-modal-body {
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s
}

  div.fr-modal-body .fr-preloader {
    display: block;
    margin: 50px auto
  }

  div.fr-modal-body div.fr-image-list {
    text-align: center;
    margin: 0 20px;
    padding: 0
  }

    div.fr-modal-body div.fr-image-list .fr-list-column {
      float: left;
      width: calc((100% - 20px) / 2)
    }

@media (min-width: 768px) and (max-width: 1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 40px) / 3)
  }
}

@media (min-width: 1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 60px) / 4)
  }
}

div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
  margin-left: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden
}

  div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
    margin-top: 20px
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container + div {
    margin-top: 20px
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
    position: absolute;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s;
    background: #000;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
    content: attr(data-deleting);
    color: #FFF;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 3;
    font-size: 15px;
    height: 20px
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
    height: 95px;
    background: #CCCCCC;
    z-index: 1
  }

    div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
      position: absolute;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: attr(data-loading);
      display: inline-block;
      height: 20px
    }

  div.fr-modal-body div.fr-image-list div.fr-image-container img {
    width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0)
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
    display: inline-block
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    display: none;
    top: 50%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    cursor: pointer;
    margin: 0;
    line-height: 40px;
    text-decoration: none;
    z-index: 3
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
    background: #B8312F;
    fill: #FFF;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(25%);
    -moz-transform: translateY(-50%) translateX(25%);
    -ms-transform: translateY(-50%) translateX(25%);
    -o-transform: translateY(-50%) translateX(25%)
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    background: #FFF;
    fill: #0098f7;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-125%);
    -moz-transform: translateY(-50%) translateX(-125%);
    -ms-transform: translateY(-50%) translateX(-125%);
    -o-transform: translateY(-50%) translateX(-125%)
  }

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
  width: 40px;
  height: 40px
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #FFF
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #0098f7;
  position: fixed;
  z-index: 2;
  display: none
}

  .fr-line-breaker.fr-visible {
    display: block
  }

  .fr-line-breaker a.fr-floating-btn {
    position: absolute;
    left: calc(50% - (40px / 2));
    top: -20px
  }

    .fr-line-breaker a.fr-floating-btn svg {
      margin: 8px;
      height: 24px;
      width: 24px
    }

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

  .fr-quick-insert a.fr-floating-btn svg {
    margin: 8px;
    width: 24px;
    height: 24px
  }

  .fr-quick-insert.fr-on a.fr-floating-btn svg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg)
  }

  .fr-quick-insert.fr-hidden {
    display: none
  }

.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 20px;
  white-space: nowrap
}

  .fr-qi-helper a.fr-btn.fr-floating-btn {
    text-align: center;
    padding: 6px 10px 10px 10px;
    display: inline-block;
    color: #222222;
    background: #FFF;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
  }

    .fr-qi-helper a.fr-btn.fr-floating-btn svg {
      fill: #222222
    }

    .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1)
    }

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
  padding: 10px 15px
}

  .fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
    font-weight: normal;
    font-size: 16px
  }

.fr-popup .fr-special-character {
  width: 24px;
  height: 24px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-sc-container {
    width: 368px
  }
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
  border: 1px double #0098f7
}

.fr-element table tr {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.fr-element table td, .fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text
}

.fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.fr-table-resizer {
  cursor: col-resize;
  position: absolute;
  z-index: 3;
  display: none
}

  .fr-table-resizer.fr-moving {
    z-index: 2
  }

  .fr-table-resizer div {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-right: 1px solid #0098f7
  }

.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.fr-popup .fr-table-size {
  margin: 20px
}

  .fr-popup .fr-table-size .fr-table-size-info {
    text-align: center;
    font-size: 14px
  }

  .fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap
  }

    .fr-popup .fr-table-size .fr-select-table-size > span {
      display: inline-block;
      padding: 0 4px 4px 0;
      background: transparent
    }

      .fr-popup .fr-table-size .fr-select-table-size > span > span {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #DDD
      }

      .fr-popup .fr-table-size .fr-select-table-size > span.hover {
        background: transparent
      }

        .fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
          background: rgba(0,152,247,0.3);
          border: solid 1px #0098f7
        }

    .fr-popup .fr-table-size .fr-select-table-size .new-line::after {
      clear: both;
      display: block;
      content: "";
      height: 0
    }

.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important
}

.fr-popup .fr-table-colors {
  display: block;
  padding: 20px;
  padding-bottom: 0
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px
}

.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

  .fr-element .fr-video::after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: transparent
  }

  .fr-element .fr-video.fr-active > * {
    z-index: 2;
    position: relative
  }

  .fr-element .fr-video > * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
  }

.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

  .fr-box .fr-video-resizer.fr-active {
    display: block
  }

  .fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
      cursor: nw-resize
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
      cursor: ne-resize
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
      cursor: sw-resize
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
      cursor: se-resize
    }

  .fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px
  }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
      left: -6px;
      top: -6px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
      right: -6px;
      top: -6px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
      left: -6px;
      bottom: -6px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
      right: -6px;
      bottom: -6px
    }

@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px
  }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
      left: -5px;
      top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
      right: -5px;
      top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
      left: -5px;
      bottom: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
      right: -5px;
      bottom: -5px
    }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block
}

  .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
    margin-left: 10px
  }

.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center
}

  .fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb
  }

  .fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
  }

  .fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
  }

    .fr-popup .fr-video-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px
    }

.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal
}

.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative
}

  .fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s
  }

  .fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
  }

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block
}

.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

img.fr-rounded, .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

img.fr-bordered, .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC
}

img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.fr-view {
  word-wrap: break-word
}

  .fr-view span[style~="color:"] a {
    color: inherit
  }

  .fr-view strong {
    font-weight: 700
  }

  .fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
  }

    .fr-view table td {
      min-width: 5px
    }

    .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
      border-style: dashed
    }

    .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
      background: whitesmoke
    }

    .fr-view table td, .fr-view table th {
      border: 1px solid #DDD
    }

      .fr-view table td:empty, .fr-view table th:empty {
        height: 20px
      }

      .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
        border: 1px double red
      }

      .fr-view table td.fr-thick, .fr-view table th.fr-thick {
        border-width: 2px
      }

    .fr-view table th {
      background: #ececec
    }

  .fr-view hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    break-after: always;
    page-break-after: always
  }

  .fr-view .fr-file {
    position: relative
  }

    .fr-view .fr-file::after {
      position: relative;
      content: "\1F4CE";
      font-weight: normal
    }

  .fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
  }

  .fr-view[dir="rtl"] blockquote {
    border-left: none;
    border-right: solid 2px #5E35B1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0
  }

    .fr-view[dir="rtl"] blockquote blockquote {
      border-color: #00BCD4
    }

      .fr-view[dir="rtl"] blockquote blockquote blockquote {
        border-color: #43A047
      }

  .fr-view blockquote {
    border-left: solid 2px #5E35B1;
    margin-left: 0;
    padding-left: 5px;
    color: #5E35B1
  }

    .fr-view blockquote blockquote {
      border-color: #00BCD4;
      color: #00BCD4
    }

      .fr-view blockquote blockquote blockquote {
        border-color: #43A047;
        color: #43A047
      }

  .fr-view span.fr-emoticon {
    font-weight: normal;
    font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
    display: inline;
    line-height: 0
  }

    .fr-view span.fr-emoticon.fr-emoticon-img {
      background-repeat: no-repeat !important;
      font-size: inherit;
      height: 1em;
      width: 1em;
      min-height: 20px;
      min-width: 20px;
      display: inline-block;
      margin: -.1em .1em .1em;
      line-height: 1;
      vertical-align: middle
    }

  .fr-view .fr-text-gray {
    color: #AAA !important
  }

  .fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
  }

  .fr-view .fr-text-spaced {
    letter-spacing: 1px
  }

  .fr-view .fr-text-uppercase {
    text-transform: uppercase
  }

  .fr-view .fr-class-highlighted {
    background-color: #ffff00
  }

  .fr-view .fr-class-code {
    border-color: #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace
  }

  .fr-view .fr-class-transparency {
    opacity: 0.5
  }

  .fr-view img {
    position: relative;
    max-width: 100%
  }

    .fr-view img.fr-dib {
      margin: 5px auto;
      display: block;
      float: none;
      vertical-align: top
    }

      .fr-view img.fr-dib.fr-fil {
        margin-left: 0;
        text-align: left
      }

      .fr-view img.fr-dib.fr-fir {
        margin-right: 0;
        text-align: right
      }

    .fr-view img.fr-dii {
      display: inline-block;
      float: none;
      vertical-align: bottom;
      margin-left: 5px;
      margin-right: 5px;
      max-width: calc(100% - (2 * 5px))
    }

      .fr-view img.fr-dii.fr-fil {
        float: left;
        margin: 5px 5px 5px 0;
        max-width: calc(100% - 5px)
      }

      .fr-view img.fr-dii.fr-fir {
        float: right;
        margin: 5px 0 5px 5px;
        max-width: calc(100% - 5px)
      }

  .fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%
  }

    .fr-view span.fr-img-caption.fr-dib {
      margin: 5px auto;
      display: block;
      float: none;
      vertical-align: top
    }

      .fr-view span.fr-img-caption.fr-dib.fr-fil {
        margin-left: 0;
        text-align: left
      }

      .fr-view span.fr-img-caption.fr-dib.fr-fir {
        margin-right: 0;
        text-align: right
      }

    .fr-view span.fr-img-caption.fr-dii {
      display: inline-block;
      float: none;
      vertical-align: bottom;
      margin-left: 5px;
      margin-right: 5px;
      max-width: calc(100% - (2 * 5px))
    }

      .fr-view span.fr-img-caption.fr-dii.fr-fil {
        float: left;
        margin: 5px 5px 5px 0;
        max-width: calc(100% - 5px)
      }

      .fr-view span.fr-img-caption.fr-dii.fr-fir {
        float: right;
        margin: 5px 0 5px 5px;
        max-width: calc(100% - 5px)
      }

  .fr-view .fr-video {
    text-align: center;
    position: relative
  }

    .fr-view .fr-video.fr-rv {
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden
    }

      .fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
      }

    .fr-view .fr-video > * {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      max-width: 100%;
      border: none
    }

    .fr-view .fr-video.fr-dvb {
      display: block;
      clear: both
    }

      .fr-view .fr-video.fr-dvb.fr-fvl {
        text-align: left
      }

      .fr-view .fr-video.fr-dvb.fr-fvr {
        text-align: right
      }

    .fr-view .fr-video.fr-dvi {
      display: inline-block
    }

      .fr-view .fr-video.fr-dvi.fr-fvl {
        float: left
      }

      .fr-view .fr-video.fr-dvi.fr-fvr {
        float: right
      }

  .fr-view a.fr-strong {
    font-weight: 700
  }

  .fr-view a.fr-green {
    color: green
  }

  .fr-view .fr-img-caption {
    text-align: center
  }

    .fr-view .fr-img-caption .fr-img-wrap {
      padding: 0;
      margin: auto;
      text-align: center;
      width: 100%
    }

      .fr-view .fr-img-caption .fr-img-wrap img {
        display: block;
        margin: auto;
        width: 100%
      }

      .fr-view .fr-img-caption .fr-img-wrap > span {
        margin: auto;
        display: block;
        padding: 5px 5px 10px;
        font-size: 14px;
        font-weight: initial;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        width: 100%;
        text-align: center
      }

  .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
  }

  .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
    font-size: 24px
  }

a.fr-view.fr-strong {
  font-weight: 700
}

a.fr-view.fr-green {
  color: green
}

img.fr-view {
  position: relative;
  max-width: 100%
}

  img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
  }

    img.fr-view.fr-dib.fr-fil {
      margin-left: 0;
      text-align: left
    }

    img.fr-view.fr-dib.fr-fir {
      margin-right: 0;
      text-align: right
    }

  img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
  }

    img.fr-view.fr-dii.fr-fil {
      float: left;
      margin: 5px 5px 5px 0;
      max-width: calc(100% - 5px)
    }

    img.fr-view.fr-dii.fr-fir {
      float: right;
      margin: 5px 0 5px 5px;
      max-width: calc(100% - 5px)
    }

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%
}

  span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
  }

    span.fr-img-caption.fr-view.fr-dib.fr-fil {
      margin-left: 0;
      text-align: left
    }

    span.fr-img-caption.fr-view.fr-dib.fr-fir {
      margin-right: 0;
      text-align: right
    }

  span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
  }

    span.fr-img-caption.fr-view.fr-dii.fr-fil {
      float: left;
      margin: 5px 5px 5px 0;
      max-width: calc(100% - 5px)
    }

    span.fr-img-caption.fr-view.fr-dii.fr-fir {
      float: right;
      margin: 5px 0 5px 5px;
      max-width: calc(100% - 5px)
    }

* {
  outline: none
}

body.keyboard-user *:focus:not(h2):not(h1):not(h3):not(.checkbox):not(.fr-element):not(button.menu-trigger.selectable) {
  outline: none;
  position: relative
}

  body.keyboard-user *:focus:not(h2):not(h1):not(h3):not(.checkbox):not(.fr-element):not(button.menu-trigger.selectable):after {
    content: '';
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    box-sizing: border-box;
    border: 1px solid #2C5CC5;
    box-shadow: 0 0 0 1px #2C5CC5;
    border-radius: 4px;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px
  }

.sr-only {
  position: absolute;
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: 0
}

.pull-right, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #btn-submit {
  float: right
}

.pull-left {
  float: left
}

.clear {
  clear: both
}

.secondary-style, label, .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-type i, .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-time, .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .notif-prefs-list .notif-pref-item-header, .fs-attachment div.attachment-readonly h3.readonly-header, .fs-attachment div.attachment-readonly div.fs-tooltip .attachment-info-icon, .fs-attachment div.attachment-btn div.attach-count, .fs-attachment div.attachment-btn div.attachment-dropdown-container span.attachment-limit, .fr-box.fr-basic .helper-text, table.fs-table tr th, table.fs-table td, .announcement-no-item .no-item-content, .announcement-postedby, #search-overlay .search-container .close-search-btn, #search-overlay .search-container .recent-searches-container h2, #search-overlay .search-container .popular-articles-container h2, #search-overlay .search-result-container .tabpanel ul li.tickets .status-pill, #search-overlay .search-result-container .tabpanel ul .description, #search-overlay .search-result-container .tabs-sub-head, #search-overlay .search-disabled p, #home-page-container #home-lists-container #ticket-list-container ul li span.status, #home-page-container #home-lists-container #change-list-container ul li span.status, #home-page-container #home-lists-container #onboard-list-container ul li span.status, #home-page-container #home-lists-container #offboard-list-container ul li span.status, #home-page-container #home-lists-container #ticket-list-container ul li p, #home-page-container #home-lists-container #change-list-container ul li p, #home-page-container #home-lists-container #onboard-list-container ul li p, #home-page-container #home-lists-container #offboard-list-container ul li p, .login-page div.login-section .requester-label, .ticket-show-container .ticket-show-header .ticket-main-info .ticket-info, .ticket-show-container .ticket-show-header .ticket-main-info .ticket-age, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .neo-request-summary span.label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .neo-request-summary span.label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .tabs-content #tickets-content li .ticket-container .status, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .tabs-content #tickets-content li .ticket-container .status, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .additional-info, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .additional-info, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field .loaner-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field .loaner-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .item-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .item-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #ticket_associated_assets h3, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #ticket_associated_assets h3, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .helper-text, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container h4, .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details .agent-information #agent-name, .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details .agent-information #agent-title, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_text, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_thanks_msg, .ticket-show-container .cc_emails, .ticket-show-container .sharer-emails, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_thanks_msg, #service-request-container .service-container .service-item-details .service-details .service-price-container .service-time, #service-request-container .service-container .loaner-section div.available-info-container, #service-request-container .service-container .bundle-container .bundle-header .bundle-description, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info .bundle-item-name, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info .bundle-item-cost, #catalog-list-page #catalog-list-header #catalog-list-header-items .catalog-header-info p, #catalog-list-page #catalog-list-container #catalog-list-items #list-category, .profile_edit .fields-section .user-info-banner .delegate-approvals-sec .delegate-title, .profile_edit .fields-section .user-info-banner .label-info, .profile_edit .fields-section .user-info-banner .work-phone-label, .profile_edit .fields-section .user-info-banner .mobile-phone-label, .profile_edit .fields-section .user-info-banner .time-zone-label, .profile_edit .fields-section .user-info-banner .language-label, .profile_edit .fields-section .user-info-card .vist-profile-info, #fs-modal #delegate-approval-form fieldset legend, .delegation-approval-banner, .solutions-summary-text, .solutions-category-title, .solutions-articles-link, .solutions-empty-content-text, .folder-view-container .folder-container .no-result .list_article_empty .empty-text, .folder-view-container .folder-container .list-article .list li p, .folder-view-container .folder-container .list-article .list li time, .folder-view-container .related-folders #list_other_folder_empty .empty-text, .articles-detail-time, .articles-feedback-yes-container p, .articles-no-related-text, .articles-related-list, .password-reset .form-container #password-reset-form .password-label, #sec-ticket-list .page-header #ticket-sort, #sec-ticket-list .page-header #change-sort, #sec-ticket-list .page-header #department-filter, #sec-change-list .page-header #ticket-sort, #sec-change-list .page-header #change-sort, #sec-change-list .page-header #department-filter, #sec-ticket-list .page-header .filters-container .sort-by-container span.ticket-sort, #sec-ticket-list .page-header .filters-container .sort-by-container span.department-filter, #sec-ticket-list .page-header .filters-container .department-filter-container span.ticket-sort, #sec-ticket-list .page-header .filters-container .department-filter-container span.department-filter, #sec-change-list .page-header .filters-container .sort-by-container span.ticket-sort, #sec-change-list .page-header .filters-container .sort-by-container span.department-filter, #sec-change-list .page-header .filters-container .department-filter-container span.ticket-sort, #sec-change-list .page-header .filters-container .department-filter-container span.department-filter, #sec-ticket-list .no-result-container, #sec-change-list .no-result-container, ul#ul-ticket-list li span.status, ul#ul-change-list li span.status, ul.list-container li p, #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-type-label, #fs-modal.export-ticket-modal .modal-body .export-ticket-form .filter-tickets-by, aside.suggested-articles.empty-list .illustration-container, aside.suggested-articles.soln-count-0 .illustration-container, .no-approvalresult-container {
  color: var(--secondaryColor);
  font-family: var(--secondaryFont)
}

.elem-inline-mid, footer#footer-main .copyright, .power-select-container.multiselect .multiselect-list, .power-select-container.multiselect .search-select, .ps-multiselect-list li, .ps-multiselect-list li span, .ps-multiselect-list li a, header .header-section, header nav#main-nav .page-title img, header nav#main-nav .page-title h1, header nav#main-nav a span, header nav#main-nav a img, #search-overlay .search-result-container .tabpanel ul .icon-container, #search-overlay .search-result-container .tabpanel ul .subj-container, .login-page div.login-section .section-seperator hr, .login-page div.login-section .section-seperator span, body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-label, body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container, #sec-ticket-list .page-header .menu-container, #sec-change-list .page-header .menu-container, #ticket-new-main .default_requester #cc-container .cc-emails-label, #ticket-new-main .default_requester #cc-container .cc-emails-container, #ticket-new-main fieldset.checkbox .control-element, #ticket-new-main fieldset.checkbox .control-label, #ticket-new-main fieldset.checkbox input, #ticket-new-main fieldset.checkbox label:not(.error), #sec-approval-list .approvalpage-header .approvalpage-filter .menu-container {
  display: inline-block;
  vertical-align: middle
}

.elem-inline-top, .login-page div.login-section, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.checkbox .control-label, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.checkbox .control-element, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.checkbox .control-label, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.checkbox .control-element, #sec-ticket-list .page-header .filters-container .sort-by-container label, #sec-ticket-list .page-header .filters-container .sort-by-container span, #sec-ticket-list .page-header .filters-container .sort-by-container .menu-container, #sec-ticket-list .page-header .filters-container .department-filter-container label, #sec-ticket-list .page-header .filters-container .department-filter-container span, #sec-ticket-list .page-header .filters-container .department-filter-container .menu-container, #sec-change-list .page-header .filters-container .sort-by-container label, #sec-change-list .page-header .filters-container .sort-by-container span, #sec-change-list .page-header .filters-container .sort-by-container .menu-container, #sec-change-list .page-header .filters-container .department-filter-container label, #sec-change-list .page-header .filters-container .department-filter-container span, #sec-change-list .page-header .filters-container .department-filter-container .menu-container {
  display: inline-block;
  vertical-align: top
}

.border-top-radius, #ticket-new-main .ticket-new-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.border-bottom-radius, #ticket-new-main #ticket-new-body {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.secondary-style, label, .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-type i, .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-time, .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .notif-prefs-list .notif-pref-item-header, .fs-attachment div.attachment-readonly h3.readonly-header, .fs-attachment div.attachment-readonly div.fs-tooltip .attachment-info-icon, .fs-attachment div.attachment-btn div.attach-count, .fs-attachment div.attachment-btn div.attachment-dropdown-container span.attachment-limit, .fr-box.fr-basic .helper-text, table.fs-table tr th, table.fs-table td, .announcement-no-item .no-item-content, .announcement-postedby, #search-overlay .search-container .close-search-btn, #search-overlay .search-container .recent-searches-container h2, #search-overlay .search-container .popular-articles-container h2, #search-overlay .search-result-container .tabpanel ul li.tickets .status-pill, #search-overlay .search-result-container .tabpanel ul .description, #search-overlay .search-result-container .tabs-sub-head, #search-overlay .search-disabled p, #home-page-container #home-lists-container #ticket-list-container ul li span.status, #home-page-container #home-lists-container #change-list-container ul li span.status, #home-page-container #home-lists-container #onboard-list-container ul li span.status, #home-page-container #home-lists-container #offboard-list-container ul li span.status, #home-page-container #home-lists-container #ticket-list-container ul li p, #home-page-container #home-lists-container #change-list-container ul li p, #home-page-container #home-lists-container #onboard-list-container ul li p, #home-page-container #home-lists-container #offboard-list-container ul li p, .login-page div.login-section .requester-label, .ticket-show-container .ticket-show-header .ticket-main-info .ticket-info, .ticket-show-container .ticket-show-header .ticket-main-info .ticket-age, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .neo-request-summary span.label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .neo-request-summary span.label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .tabs-content #tickets-content li .ticket-container .status, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .tabs-content #tickets-content li .ticket-container .status, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .additional-info, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .additional-info, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field .loaner-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field .loaner-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .item-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .item-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #ticket_associated_assets h3, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #ticket_associated_assets h3, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .helper-text, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container h4, .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details .agent-information #agent-name, .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details .agent-information #agent-title, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_text, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_thanks_msg, .ticket-show-container .cc_emails, .ticket-show-container .sharer-emails, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_thanks_msg, #service-request-container .service-container .service-item-details .service-details .service-price-container .service-time, #service-request-container .service-container .loaner-section div.available-info-container, #service-request-container .service-container .bundle-container .bundle-header .bundle-description, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info .bundle-item-name, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info .bundle-item-cost, #catalog-list-page #catalog-list-header #catalog-list-header-items .catalog-header-info p, #catalog-list-page #catalog-list-container #catalog-list-items #list-category, .profile_edit .fields-section .user-info-banner .delegate-approvals-sec .delegate-title, .profile_edit .fields-section .user-info-banner .label-info, .profile_edit .fields-section .user-info-banner .work-phone-label, .profile_edit .fields-section .user-info-banner .mobile-phone-label, .profile_edit .fields-section .user-info-banner .time-zone-label, .profile_edit .fields-section .user-info-banner .language-label, .profile_edit .fields-section .user-info-card .vist-profile-info, #fs-modal #delegate-approval-form fieldset legend, .delegation-approval-banner, .solutions-summary-text, .solutions-category-title, .solutions-articles-link, .solutions-empty-content-text, .folder-view-container .folder-container .no-result .list_article_empty .empty-text, .folder-view-container .folder-container .list-article .list li p, .folder-view-container .folder-container .list-article .list li time, .folder-view-container .related-folders #list_other_folder_empty .empty-text, .articles-detail-time, .articles-feedback-yes-container p, .articles-no-related-text, .articles-related-list, .password-reset .form-container #password-reset-form .password-label, #sec-ticket-list .page-header #ticket-sort, #sec-ticket-list .page-header #change-sort, #sec-ticket-list .page-header #department-filter, #sec-change-list .page-header #ticket-sort, #sec-change-list .page-header #change-sort, #sec-change-list .page-header #department-filter, #sec-ticket-list .page-header .filters-container .sort-by-container span.ticket-sort, #sec-ticket-list .page-header .filters-container .sort-by-container span.department-filter, #sec-ticket-list .page-header .filters-container .department-filter-container span.ticket-sort, #sec-ticket-list .page-header .filters-container .department-filter-container span.department-filter, #sec-change-list .page-header .filters-container .sort-by-container span.ticket-sort, #sec-change-list .page-header .filters-container .sort-by-container span.department-filter, #sec-change-list .page-header .filters-container .department-filter-container span.ticket-sort, #sec-change-list .page-header .filters-container .department-filter-container span.department-filter, #sec-ticket-list .no-result-container, #sec-change-list .no-result-container, ul#ul-ticket-list li span.status, ul#ul-change-list li span.status, ul.list-container li p, #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-type-label, #fs-modal.export-ticket-modal .modal-body .export-ticket-form .filter-tickets-by, aside.suggested-articles.empty-list .illustration-container, aside.suggested-articles.soln-count-0 .illustration-container, .no-approvalresult-container {
  color: var(--secondaryColor);
  font-family: var(--secondaryFont)
}

input[type="search"] {
  -webkit-appearance: textfield
}

label {
  font-weight: 700;
  font-size: 12px
}

  label.error {
    color: #D72D30;
    font-weight: 400
  }

.custom_static_rich_text h1, .custom_static_rich_text h2, .custom_static_rich_text h3, .custom_static_rich_text h4, .custom_static_rich_text h5, .custom_static_rich_text h6 {
  margin: 0;
  font-weight: normal;
  text-rendering: optimizelegibility
}

  .custom_static_rich_text h1 small, .custom_static_rich_text h2 small, .custom_static_rich_text h3 small, .custom_static_rich_text h4 small, .custom_static_rich_text h5 small, .custom_static_rich_text h6 small {
    font-weight: normal;
    color: #999
  }

.custom_static_rich_text h1 {
  font-size: 28px;
  line-height: 43.75px
}

  .custom_static_rich_text h1 small {
    font-size: 18px
  }

.custom_static_rich_text h2 {
  font-size: 24px;
  line-height: 35px
}

  .custom_static_rich_text h2 small {
    font-size: 16px
  }

.custom_static_rich_text h3 {
  font-size: 20px;
  line-height: 30.625px
}

  .custom_static_rich_text h3 small {
    font-size: 14px
  }

.custom_static_rich_text h4, .custom_static_rich_text h5, .custom_static_rich_text h6 {
  line-height: 21.875px
}

.custom_static_rich_text h4 {
  font-size: 14px
}

  .custom_static_rich_text h4 small {
    font-size: 12px
  }

.custom_static_rich_text h5 {
  font-size: 12px
}

.custom_static_rich_text h6 {
  font-size: 11px;
  color: #999;
  text-transform: uppercase
}

.error {
  color: #D72D30;
  font-weight: 400;
  font-size: 12px
}

.required_star {
  color: #D72D30;
  margin-left: 2px
}

a {
  color: var(--linkColor);
  text-decoration: none
}

  a:hover {
    color: var(--linkColorHover)
  }

.hide {
  display: none
}

.hide-imp {
  display: none !important
}

.overflow-hidden {
  overflow: hidden
}

.btn, .date-picker-dialog .header .power-select-container .power-select-trigger {
  font-size: 14px;
  color: #12344D;
  font-weight: 700;
  padding: 8px 16px;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid #CFD7DF;
  border-radius: 4px;
  background: linear-gradient(180deg, #ffffff 0%,#f5f7f9 100%);
  cursor: pointer
}

  .btn.btn-primary, .date-picker-dialog .header .power-select-container .btn-primary.power-select-trigger {
    color: #fff;
    border: 1px solid #12344D;
    background: linear-gradient(180deg, #1d4289 0%,#12344d 100%)
  }

    .btn.btn-primary:hover, .date-picker-dialog .header .power-select-container .btn-primary.power-select-trigger:hover {
      background: #12344D;
      border-color: #12344D;
      -moz-box-shadow: 0 1px 0 0 rgba(24,50,71,0.05);
      -webkit-box-shadow: 0 1px 0 0 rgba(24,50,71,0.05);
      box-shadow: 0 1px 0 0 rgba(24,50,71,0.05)
    }

    .btn.btn-primary:focus, .date-picker-dialog .header .power-select-container .btn-primary.power-select-trigger:focus {
      -moz-box-shadow: 0 0 0 2px #2C5CC5,0px 5px 10px 1px #fff;
      -webkit-box-shadow: 0 0 0 2px #2C5CC5,0px 5px 10px 1px #fff;
      box-shadow: 0 0 0 2px #2C5CC5,0px 5px 10px 1px #fff
    }

      .btn.btn-primary:focus:after, .date-picker-dialog .header .power-select-container .btn-primary.power-select-trigger:focus:after {
        display: none
      }

  .btn.btn-secondary, .date-picker-dialog .header .power-select-container .btn-secondary.power-select-trigger {
    color: #12344D;
    border: 1px solid #CFD7DF;
    background: linear-gradient(180deg, #ffffff 0%,#f5f7f9 100%)
  }

    .btn.btn-secondary:hover, .date-picker-dialog .header .power-select-container .btn-secondary.power-select-trigger:hover {
      background: #F5F7F9;
      border: 1px solid #CFD7DF;
      -moz-box-shadow: 0 1px 0 0 rgba(24,50,71,0.05);
      -webkit-box-shadow: 0 1px 0 0 rgba(24,50,71,0.05);
      box-shadow: 0 1px 0 0 rgba(24,50,71,0.05)
    }

  .btn.disabled, .date-picker-dialog .header .power-select-container .disabled.power-select-trigger, .btn[disabled], .date-picker-dialog .header .power-select-container [disabled].power-select-trigger {
    opacity: 0.3
  }

  .btn.small, .date-picker-dialog .header .power-select-container .small.power-select-trigger {
    padding: 4px 8px;
    font-size: 12px
  }

  .btn.btn-tab, .date-picker-dialog .header .power-select-container .btn-tab.power-select-trigger {
    font-size: 12px;
    color: #12344D;
    border-radius: 20px;
    margin-right: 8px
  }

    .btn.btn-tab[aria-selected='true'], .date-picker-dialog .header .power-select-container .btn-tab[aria-selected='true'].power-select-trigger {
      background: #1D4289;
      color: #fff
    }

    .btn.btn-tab:focus:after, .date-picker-dialog .header .power-select-container .btn-tab.power-select-trigger:focus:after {
      border-radius: 20px !important
    }

.link-btn {
  background: transparent;
  border: none;
  padding: initial;
  color: var(--linkColor)
}

  .link-btn:hover {
    cursor: pointer;
    color: var(--linkColorHover)
  }

  .link-btn.underlined {
    border-bottom: dashed 1px #2C5CC5
  }

.tabs-list {
  margin: 32px 0;
  text-align: left
}

.tabpanel {
  display: none
}

  .tabpanel.active {
    display: block
  }

.avatar-text {
  text-align: center;
  font-weight: 500;
  padding: 6px;
  border-radius: 25px;
  margin: 0;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff
}

  .avatar-text.xxlarge {
    width: 96px;
    height: 96px;
    font-size: 32px;
    line-height: 48px
  }

  .avatar-text.xlarge {
    width: 72px;
    height: 72px;
    font-size: 28px;
    line-height: 42px
  }

  .avatar-text.large {
    width: 56px;
    height: 56px;
    font-size: 24px;
    line-height: 36px
  }

  .avatar-text.medium {
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 33px
  }

  .avatar-text.small {
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 30px
  }

  .avatar-text.xsmall {
    width: 24px;
    height: 24px;
    font-size: 18px;
    line-height: 27px
  }

  .avatar-text.profile-bg-0 {
    background: #5e50b5
  }

  .avatar-text.profile-bg-1 {
    background: #3a539b
  }

  .avatar-text.profile-bg-2 {
    background: #a74165
  }

  .avatar-text.profile-bg-3 {
    background: #b11030
  }

  .avatar-text.profile-bg-4 {
    background: #4f5a65
  }

.user-profile-holder {
  border-radius: 50%;
  background: #CFD7DF;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

  .user-profile-holder.xxlarge {
    width: 96px;
    height: 96px
  }

  .user-profile-holder.xlarge {
    width: 72px;
    height: 72px
  }

  .user-profile-holder.large {
    width: 56px;
    height: 56px
  }

  .user-profile-holder.medium {
    width: 40px;
    height: 40px
  }

  .user-profile-holder.small {
    width: 32px;
    height: 32px
  }

  .user-profile-holder.xsmall {
    width: 24px;
    height: 24px
  }

  .user-profile-holder img.user-profile-pic {
    border-radius: 50%;
    width: inherit;
    height: inherit;
    border: none
  }

.user-avatar-fallback-xsmall {
  width: 12px;
  max-height: 12px
}

.user-avatar-fallback-small {
  width: 16px;
  max-height: 16px
}

.user-avatar-fallback-medium {
  width: 24px;
  max-height: 24px
}

.user-avatar-fallback-large {
  width: 32px;
  max-height: 32px
}

.user-avatar-fallback-xlarge {
  width: 40px;
  max-height: 40px
}

.user-avatar-fallback-xxlarge {
  width: 48px;
  max-height: 48px
}

img.icon {
  width: 100%;
  height: 100%;
  max-width: 16px;
  max-height: 16px
}

img.icon-2x {
  width: 100%;
  height: 100%;
  max-width: 24px;
  max-height: 24px
}

@keyframes spin-clockwise {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

.link, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear, #service-request-container .btn-clear, #service-request-container .lookup-field-clear, #service-request-container .service-container .service-item-details .service-details .service-description .read-more, #service-request-container .service-container .loaner-section div.available-info-container input#available-time, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more, #service-request-container .service-container .bundle-container .bundle-items-container .load-more, #ticket-new-main .default_department .lookup-field-clear, #ticket-new-main .custom_lookup .lookup-field-clear, #ticket-new-main .custom_multi_lookup .lookup-field-clear {
  color: var(--linkColor);
  text-decoration: none;
  cursor: pointer;
  border: 0;
  outline: 0;
  background: none
}

  .link:hover, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear:hover, #service-request-container .btn-clear:hover, #service-request-container .lookup-field-clear:hover, #service-request-container .service-container .service-item-details .service-details .service-description .read-more:hover, #service-request-container .service-container .loaner-section div.available-info-container input#available-time:hover, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container .load-more:hover, #ticket-new-main .default_department .lookup-field-clear:hover, #ticket-new-main .custom_lookup .lookup-field-clear:hover, #ticket-new-main .custom_multi_lookup .lookup-field-clear:hover {
    color: var(--linkColorHover)
  }

  .link.underlined, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .underlined.retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .underlined.retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .underlined.retry, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .underlined.lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .underlined.lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .underlined.lookup-field-clear, #service-request-container .underlined.btn-clear, #service-request-container .underlined.lookup-field-clear, #service-request-container .service-container .service-item-details .service-details .service-description .underlined.read-more, #service-request-container .service-container .loaner-section div.available-info-container input.underlined#available-time, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .underlined.read-more, #service-request-container .service-container .bundle-container .bundle-items-container .underlined.load-more, #ticket-new-main .default_department .underlined.lookup-field-clear, #ticket-new-main .custom_lookup .underlined.lookup-field-clear, #ticket-new-main .custom_multi_lookup .underlined.lookup-field-clear {
    border-bottom: 1px dashed #2C5CC5;
    padding: 2px
  }

    .link.underlined:hover, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .underlined.retry:hover, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .underlined.retry:hover, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .underlined.retry:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .underlined.lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .underlined.lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .underlined.lookup-field-clear:hover, #service-request-container .underlined.btn-clear:hover, #service-request-container .underlined.lookup-field-clear:hover, #service-request-container .service-container .service-item-details .service-details .service-description .underlined.read-more:hover, #service-request-container .service-container .loaner-section div.available-info-container input.underlined#available-time:hover, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .underlined.read-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container .underlined.load-more:hover, #ticket-new-main .default_department .underlined.lookup-field-clear:hover, #ticket-new-main .custom_lookup .underlined.lookup-field-clear:hover, #ticket-new-main .custom_multi_lookup .underlined.lookup-field-clear:hover {
      border-bottom-color: #23499b;
      text-decoration: none
    }

.fs-tooltip {
  position: relative
}

  .fs-tooltip:before {
    content: attr(data-fs-tooltip);
    top: -28px;
    left: -24px;
    font-size: 12px;
    line-height: 18px;
    visibility: hidden;
    width: 72px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1
  }

  .fs-tooltip:hover:before {
    visibility: visible
  }

  .fs-tooltip:focus:before {
    visibility: visible
  }

[data-readmore] {
  overflow: hidden;
  margin-bottom: 8px
}

a[data-readmore-toggle] {
  font-size: 14px;
  font-weight: 700;
  color: var(--linkColor);
  text-decoration: none
}

.page-wrapper {
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(207,215,223,0.81);
  margin: 16px;
  border-radius: 4px;
  box-sizing: border-box
}

ul {
  padding: 0;
  margin: 0
}

  ul li {
    padding: 0;
    margin: 16px
  }

    ul li > *[role="listitem"] {
      display: block;
      width: 100%;
      height: 100%;
      padding: 16px 24px;
      box-sizing: border-box
    }

@keyframes spin-clockwise {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

.loader {
  background: #fff;
  position: relative
}

  .loader:after {
    content: '';
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    transform: translateX(-50%) translateY(-50%);
    background: url(https://assets7.freshservice.com/assets/portal_v2/loading-53e75bcf4c84bd1613c9a21da4a0bb3025834dec67ae171d978d02fed25bf01d.svg) no-repeat;
    background-position: center;
    animation-name: spin-clockwise;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
  }

.level2, .sub_nested_field {
  border-left: 1px solid;
  border-left-style: dotted;
  padding: 14px 0 0 16px
}

.level3 {
  padding: 14px 0 0 0;
  margin-left: 0
}

.loading .results-loader {
  display: block
}

.results-loader {
  display: none
}

  .results-loader.row {
    background: #fff;
    padding: 20px 16px;
    border-radius: 2px;
    margin: 32px 0;
    position: relative;
    overflow: hidden
  }

    .results-loader.row:before {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 50%;
      z-index: 1;
      width: 600%;
      margin-left: -250%;
      background: linear-gradient(to right, rgba(255,255,255,0) 46%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 54%) 50% 50%;
      animation: loaderAnimation 1.2s ease-in infinite
    }

  .results-loader .round-dot {
    background: #EBEFF3;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    float: left;
    display: none
  }

  .results-loader .con-placeholder {
    float: left
  }

  .results-loader .inner-row {
    margin-bottom: 24px
  }

    .results-loader .inner-row:last-child {
      margin-bottom: 0
    }

  .results-loader .line-large, .results-loader .line-small {
    background: #EBEFF3;
    margin-left: 34px;
    border-radius: 2px
  }

  .results-loader .line-large {
    width: 60%;
    margin-bottom: 8px;
    height: 12px
  }

  .results-loader .line-small {
    width: 45%;
    height: 8px
  }

@keyframes loaderAnimation {
  0% {
    transform: translateX(-30%)
  }

  99% {
    transform: translateX(100%)
  }

  100% {
    transform: translateX(-30%)
  }
}

.required-star {
  color: #D72D30;
  font-weight: 700;
  vertical-align: top;
  padding: 1px
}

.power-select-container {
  margin: 8px 0
}

div.error {
  color: #D72D30
}

a {
  text-decoration: none;
  color: var(--linkColor)
}

  a:hover {
    color: var(--linkColorHover)
  }

.assume-identity-banner, .delegation-approval-banner, .exit-preview-banner {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  background-color: #FEF1E1;
  -moz-box-shadow: 0 1px 0 0 #FDDCB5;
  -webkit-box-shadow: 0 1px 0 0 #FDDCB5;
  box-shadow: 0 1px 0 0 #FDDCB5;
  color: #12344D;
  padding: 12px 0
}

  .assume-identity-banner .assume-identity-alert, .delegation-approval-banner .assume-identity-alert, .exit-preview-banner .assume-identity-alert {
    height: 16px;
    width: 16px;
    vertical-align: top;
    margin: 2px 2px 0 0
  }

  .assume-identity-banner span, .assume-identity-banner a, .delegation-approval-banner span, .delegation-approval-banner a, .exit-preview-banner span, .exit-preview-banner a {
    font-weight: 700
  }

  .assume-identity-banner a, .delegation-approval-banner a, .exit-preview-banner a {
    color: var(--linkColor);
    text-decoration: none;
    text-transform: capitalize;
    border-bottom: 1px dashed;
    padding-bottom: 2px
  }

    .assume-identity-banner a:hover, .delegation-approval-banner a:hover, .exit-preview-banner a:hover {
      color: var(--linkColorHover)
    }

  .exit-preview-banner a {
    text-transform: none
  }

  .assume-identity-banner ~ .delegation-approval-banner {
    margin-top: 1px
  }

.ellipsis, #search-overlay .search-container .recent-searches-container .recent-search-link, #search-overlay .search-container .popular-articles-container .recent-search-link, #search-overlay .search-container .recent-searches-container .popular-article-link, #search-overlay .search-container .popular-articles-container .popular-article-link, #search-overlay .report-issue .search-text, #search-overlay .search-result-container .tabpanel ul li.tickets .status-pill, #search-overlay .search-result-container .tabpanel ul .subject, #search-overlay .search-result-container .tabpanel ul .description, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .survey_option_text, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info .bundle-item-name, body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .service-item-name, #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table th .text-ellipsis, #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table td .text-ellipsis, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table th .text-ellipsis, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table td .text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--bg_color);
  font-family: var(--baseFont),Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: var(--textColor);
  -webkit-font-smoothing: antialiased
}

header#header-main {
  min-height: 64px;
  padding: 4px 0;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--header_color)
}

main {
  min-height: calc(100vh - 120px);
  max-width: 1440px;
  margin: auto
}

footer#footer-main {
  width: 100%;
  height: 56px;
  padding: 16px;
  box-sizing: border-box;
  text-align: center;
  bottom: 0;
  background: var(--footer_color)
}

  footer#footer-main .copyright {
    margin: 0 2px
  }

    footer#footer-main .copyright a {
      color: var(--linkColor);
      text-decoration: none;
      padding-bottom: 2px;
      border-bottom: 1px dashed
    }

      footer#footer-main .copyright a:hover {
        color: var(--linkColorHover)
      }

  footer#footer-main .login-privacy {
    display: none
  }

noscript {
  position: absolute;
  width: 100%;
  height: 80%;
  padding: 24px;
  box-sizing: border-box;
  text-align: center;
  top: 25%;
  font-size: 2em
}

p {
  font-size: 14px;
  line-height: 21px
}

.show-on-mobile {
  display: none
}

h1, h2 {
  font-family: var(--headingsFont);
  color: var(--headingsColor);
  margin-top: 4px
}

fieldset {
  border: none
}

label {
  color: var(--secondaryColor);
  font-family: var(--secondaryFont);
  font-weight: 700
}

input[type="text"], input[type="email"], input[type='url'], input[type='password'], textarea {
  border: 1px solid #7B8E9F;
  border-radius: 4px;
  color: var(--textColor);
  font-family: var(--baseFont);
  outline: none;
  padding: 8px;
  margin: 8px 0;
  font-size: 14px
}

  input[type="text"]:focus, input[type="email"]:focus, input[type='url']:focus, input[type='password']:focus, textarea:focus {
    border-color: #2C5CC5 !important;
    -moz-box-shadow: 0 0 0 1px #2C5CC5 !important;
    -webkit-box-shadow: 0 0 0 1px #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important
  }

::placeholder {
  color: #475867;
  opacity: 1
}

:-ms-input-placeholder {
  color: #475867 !important;
  opacity: 1 !important
}

.fr-box.fr-basic .fr-wrapper .fr-element {
  color: var(--textColor)
}

fieldset input[type="text"], fieldset input[type="email"], fieldset input[type="password"], fieldset textarea {
  min-width: 200px
}

input[type="button"]:focus {
  -moz-box-shadow: 0 0 0 2px #2C5CC5 !important;
  -webkit-box-shadow: 0 0 0 2px #2C5CC5 !important;
  box-shadow: 0 0 0 2px #2C5CC5 !important
}

textarea {
  min-width: 400px;
  resize: none;
  line-height: 1.6;
  font-family: var(--baseFont),Helvetica,Arial,sans-serif
}

[class*="ficon-"] {
  color: var(--secondaryColor)
}

#fc_frame.freshchat_frame {
  z-index: 8 !important
}

  #fc_frame.freshchat_frame:focus {
    border: 2px solid #2C5CC5;
    border-radius: 8px
  }

.bomgar_chat#fc_chat_layout {
  bottom: 0;
  position: fixed;
  right: 20px;
  z-index: 9;
  background: #fff
}

  .bomgar_chat#fc_chat_layout #fc_chat_header {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #1295a9;
    padding: 6px 20px;
    cursor: pointer;
    text-align: center
  }

    .bomgar_chat#fc_chat_layout #fc_chat_header #fc_chat_title {
      float: none;
      min-width: inherit;
      color: #fff;
      font-weight: var(--baseFont)
    }

    .bomgar_chat#fc_chat_layout #fc_chat_header .ficon-comments {
      font-size: 20px;
      line-height: 30px;
      color: #fff;
      margin-right: 8px
    }

  .bomgar_chat#fc_chat_layout #fc_chat_container {
    border-left: solid 2px #1295a9;
    border-right: solid 2px #1295a9;
    text-align: center;
    height: 56px;
    padding: 12px 0
  }

    .bomgar_chat#fc_chat_layout #fc_chat_container #bomgar_chat_text {
      border-color: #1295a9;
      min-width: 200px;
      width: 200px;
      margin: 0;
      padding: 4px
    }

    .bomgar_chat#fc_chat_layout #fc_chat_container label {
      font-size: 14px;
      line-height: 21px;
      font-weight: normal
    }

.user-notifications-menu #user-notification-icon {
  position: relative;
  margin: 1px 0px 0 0;
  background: none;
  color: var(--secondaryColor);
  cursor: pointer
}

  .user-notifications-menu #user-notification-icon i.ficon-notifications {
    margin: 0;
    display: inline-block;
    width: 40px;
    height: 32px;
    border-radius: 50%;
    padding-top: 8px;
    background: inherit;
    font-size: 20px
  }

    .user-notifications-menu #user-notification-icon i.ficon-notifications:hover {
      background-color: #EBEFF3
    }

  .user-notifications-menu #user-notification-icon.active i {
    background-color: #EBEFF3
  }

  .user-notifications-menu #user-notification-icon .user-notification-seen-state {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 16px;
    height: 14px;
    background-color: #D72D30;
    border-radius: 45%;
    display: none;
    line-height: 4px;
    color: #fff;
    border: 1px solid #fff
  }

    .user-notifications-menu #user-notification-icon .user-notification-seen-state .unseen-count {
      font-size: 8px;
      margin-top: 5px;
      font-weight: 700
    }

  .user-notifications-menu #user-notification-icon.unseen .user-notification-seen-state {
    display: block
  }

.user-notifications-menu #notifications-dropdown {
  right: 0;
  min-width: 480px;
  padding: 0;
  top: 48px
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .user-notifications-menu #notifications-dropdown {
    min-width: 480px !important
  }
}

.user-notifications-menu #user_notify_header #user-notifications-popover header {
  padding: 16px 24px;
  border-bottom: 1px solid #EBEFF3
}

  .user-notifications-menu #user_notify_header #user-notifications-popover header .notification-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0
  }

  .user-notifications-menu #user_notify_header #user-notifications-popover header .user-notification-actions a {
    font-size: 14px;
    font-weight: 400
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover header .user-notification-actions a.show-user-prefs {
      margin-left: 24px
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover header .user-notification-actions a:hover {
      opacity: 1
    }

  .user-notifications-menu #user_notify_header #user-notifications-popover header .user-notification-actions .settings-help {
    background: #12344D;
    padding: 8px 14px 8px 8px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    width: 180px;
    -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.17);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.17);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.17);
    right: 15px;
    color: #fff;
    top: 40px;
    text-align: left;
    z-index: 2;
    box-sizing: border-box
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover header .user-notification-actions .settings-help:before {
      content: "";
      display: block;
      width: 0px;
      height: 0px;
      float: right;
      margin-right: 4px;
      margin-top: -14px;
      border-style: solid;
      border-width: 0 6px 6px 6px;
      border-color: transparent transparent #12344D transparent
    }

  .user-notifications-menu #user_notify_header #user-notifications-popover header .show-user-notifications {
    display: inline-block;
    padding: 0 5px 0 0;
    font-weight: 500
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover header .show-user-notifications i {
      margin-right: 8px;
      vertical-align: text-top;
      font-size: 16px
    }

  .user-notifications-menu #user_notify_header #user-notifications-popover header .toggle-button {
    float: right
  }

.user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper {
  min-height: 200px;
  max-height: 450px;
  background-color: #F5F7F9;
  padding: 14px 24px
}

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notification-list-filter a {
    box-sizing: border-box;
    border-radius: 12px;
    background: #EBEFF3;
    height: 24px;
    padding: 3.5px 12px;
    font-size: 14px;
    border: none;
    font-weight: 500;
    line-height: 1;
    margin-right: 8px
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notification-list-filter a.selected {
      background: #2C5CC5;
      color: #fff
    }

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notifications-list-scroll {
    overflow-y: auto;
    height: 392px;
    margin-top: 16px
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notifications-list-scroll .loader {
      text-align: center;
      display: none
    }

      .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notifications-list-scroll .loader:after {
        display: none
      }

      .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notifications-list-scroll .loader div {
        width: 110px;
        margin: 0 auto
      }

      .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notifications-list-scroll .loader img {
        width: 24px;
        height: 24px;
        float: left
      }

      .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notifications-list-scroll .loader span {
        float: left;
        padding: 3px 8px
      }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notifications-list-scroll.loading .loader {
      display: block
    }

      .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notifications-list-scroll.loading .loader:after {
        display: none
      }

      .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper .notifications-list-scroll.loading .loader img {
        animation-name: spin-clockwise;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear
      }

.user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a {
  background-color: #fff;
  border: 3px solid #fff;
  padding: 16px;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s;
  box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12);
  display: block;
  border-radius: 4px;
  margin: 8px 0
}

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .image-container {
    position: relative
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .image-container .user-profile-pic {
      width: 32px;
      height: 32px;
      float: left
    }

      .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .image-container .user-profile-pic .avatar-text {
        width: 32px;
        height: 32px;
        font-size: 16px;
        line-height: 19px
      }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .image-container img.iris-profile {
      position: absolute;
      left: 0;
      top: 0;
      width: 32px;
      height: 32px;
      border-radius: 50%
    }

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner {
    margin-left: 44px;
    line-height: 1
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-type {
      font-weight: 400;
      font-size: 12px;
      color: var(--textColor);
      text-transform: capitalize
    }

      .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-type i {
        margin-right: 4px
      }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-content {
      color: var(--textColor);
      font-size: 13px;
      font-weight: 400;
      line-height: 1.3;
      margin-top: 5px;
      margin-bottom: 3px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-right: 0
    }

      .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-content span {
        font-weight: 700;
        max-width: 120px
      }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-subject {
      padding-bottom: 5px;
      color: var(--textColor);
      font-size: 13px
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-content:first-letter {
      text-transform: uppercase
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a .notification-inner .notification-time {
      font-size: 12px;
      margin-top: 2px
    }

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a.read {
    background-color: #F9F9F9;
    border-color: #EBEFF3;
    box-shadow: none
  }

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list a:hover {
    background-color: #EBEFF3;
    border-color: #EBEFF3;
    box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12)
  }

.user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list div.no-notification-message {
  color: var(--textColor);
  text-align: center;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.user-notifications-menu #user_notify_header #user-notifications-popover #load-more-notifications {
  background-color: #fff;
  text-align: center;
  color: #F5F7F9;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  padding: 15px;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s;
  display: block;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

  .user-notifications-menu #user_notify_header #user-notifications-popover #load-more-notifications.loading {
    pointer-events: none;
    opacity: 0.3
  }

.user-notifications-menu #user_notify_header #user-notifications-popover .mute-notifications-container {
  padding: 15px 20px;
  border: 1px solid #EBEFF3;
  background: #fff;
  border-radius: 4px;
  margin-top: 8px
}

  .user-notifications-menu #user_notify_header #user-notifications-popover .mute-notifications-container .mute-notify {
    margin-right: 10px
  }

  .user-notifications-menu #user_notify_header #user-notifications-popover .mute-notifications-container label {
    cursor: pointer
  }

.user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences {
  padding: 24px;
  max-height: 450px;
  min-height: 300px;
  overflow-y: scroll;
  background-color: #F5F7F9;
  position: relative
}

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .loader {
    text-align: center;
    display: none;
    padding-top: 25%
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .loader div {
      width: 110px;
      margin: 0 auto
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .loader img {
      width: 24px;
      height: 24px;
      float: left
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .loader span {
      float: left;
      padding: 3px 9px
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .loader:after {
      display: none
    }

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences.loading .loader {
    display: block
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences.loading .loader img {
      animation-name: spin-clockwise;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-timing-function: linear
    }

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences.loading .enable-desktop-notifications, .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences.loading .mute-notifications-container, .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences.loading .notif-prefs-list {
    display: none
  }

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .notif-prefs-list .notif-pref-item-header {
    font-size: 14px;
    font-weight: 500;
    padding: 16px 0 8px 0;
    margin: 0
  }

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .notif-prefs-list .notification-options {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #EBEFF3;
    padding: 8px 16px
  }

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .notif-prefs-list .notif-pref-item {
    padding: 12px 0;
    border-bottom: 1px solid #EBEFF3;
    font-size: 14px
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .notif-prefs-list .notif-pref-item .notif-pref-action-items {
      text-align: left
    }

      .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .notif-prefs-list .notif-pref-item .notif-pref-action-items a {
        float: right;
        cursor: pointer;
        box-sizing: border-box;
        margin-right: 16px
      }

        .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .notif-prefs-list .notif-pref-item .notif-pref-action-items a i {
          color: #ddd;
          -moz-transition-property: color;
          -o-transition-property: color;
          -webkit-transition-property: color;
          transition-property: color;
          -moz-transition-duration: 0.25s;
          -o-transition-duration: 0.25s;
          -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s
        }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .notif-prefs-list .notif-pref-item label {
      cursor: pointer
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .notif-prefs-list .notif-pref-item:last-child {
      border-bottom: none
    }

  .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .enable-desktop-notifications {
    padding: 15px 20px;
    border: 1px solid #EBEFF3;
    background: #fff;
    font-size: 14px;
    border-radius: 4px
  }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .enable-desktop-notifications .edn-title {
      font-weight: 400;
      line-height: 1.7;
      display: inline-block
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .enable-desktop-notifications .edn-help {
      font-size: 12px;
      max-width: 75%;
      display: inline-block
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .enable-desktop-notifications .edn-toggle-wrapper {
      float: right
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .enable-desktop-notifications .browser-notification-enable {
      float: right;
      font-weight: 700
    }

    .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences .enable-desktop-notifications .denied i {
      margin-left: 5px
    }

.user-notifications-menu .unp-prefs header .title {
  font-size: 16px;
  font-weight: 500;
  margin: 12px 0 0 0
}

.user-notifications-menu .link, .user-notifications-menu .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .user-notifications-menu .retry, .user-notifications-menu .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .user-notifications-menu .retry, .user-notifications-menu .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .user-notifications-menu .retry, .user-notifications-menu .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .user-notifications-menu .lookup-field-clear, .user-notifications-menu .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .user-notifications-menu .lookup-field-clear, .user-notifications-menu .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .user-notifications-menu .lookup-field-clear, .user-notifications-menu #service-request-container .btn-clear, #service-request-container .user-notifications-menu .btn-clear, .user-notifications-menu #service-request-container .lookup-field-clear, #service-request-container .user-notifications-menu .lookup-field-clear, .user-notifications-menu #service-request-container .service-container .service-item-details .service-details .service-description .read-more, #service-request-container .service-container .service-item-details .service-details .service-description .user-notifications-menu .read-more, .user-notifications-menu #service-request-container .service-container .loaner-section div.available-info-container input#available-time, #service-request-container .service-container .loaner-section div.available-info-container .user-notifications-menu input#available-time, .user-notifications-menu #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .user-notifications-menu .read-more, .user-notifications-menu #service-request-container .service-container .bundle-container .bundle-items-container .load-more, #service-request-container .service-container .bundle-container .bundle-items-container .user-notifications-menu .load-more, .user-notifications-menu #ticket-new-main .default_department .lookup-field-clear, #ticket-new-main .default_department .user-notifications-menu .lookup-field-clear, .user-notifications-menu #ticket-new-main .custom_lookup .lookup-field-clear, #ticket-new-main .custom_lookup .user-notifications-menu .lookup-field-clear, .user-notifications-menu #ticket-new-main .custom_multi_lookup .lookup-field-clear, #ticket-new-main .custom_multi_lookup .user-notifications-menu .lookup-field-clear {
  font-size: 14px;
  color: var(--linkColor);
  background: #fff;
  border: none;
  text-decoration: none;
  cursor: pointer
}

  .user-notifications-menu .link:hover, .user-notifications-menu .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .user-notifications-menu .retry:hover, .user-notifications-menu .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .user-notifications-menu .retry:hover, .user-notifications-menu .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .user-notifications-menu .retry:hover, .user-notifications-menu .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .user-notifications-menu .lookup-field-clear:hover, .user-notifications-menu .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .user-notifications-menu .lookup-field-clear:hover, .user-notifications-menu .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .user-notifications-menu .lookup-field-clear:hover, .user-notifications-menu #service-request-container .btn-clear:hover, #service-request-container .user-notifications-menu .btn-clear:hover, .user-notifications-menu #service-request-container .lookup-field-clear:hover, #service-request-container .user-notifications-menu .lookup-field-clear:hover, .user-notifications-menu #service-request-container .service-container .service-item-details .service-details .service-description .read-more:hover, #service-request-container .service-container .service-item-details .service-details .service-description .user-notifications-menu .read-more:hover, .user-notifications-menu #service-request-container .service-container .loaner-section div.available-info-container input#available-time:hover, #service-request-container .service-container .loaner-section div.available-info-container .user-notifications-menu input#available-time:hover, .user-notifications-menu #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .user-notifications-menu .read-more:hover, .user-notifications-menu #service-request-container .service-container .bundle-container .bundle-items-container .load-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container .user-notifications-menu .load-more:hover, .user-notifications-menu #ticket-new-main .default_department .lookup-field-clear:hover, #ticket-new-main .default_department .user-notifications-menu .lookup-field-clear:hover, .user-notifications-menu #ticket-new-main .custom_lookup .lookup-field-clear:hover, #ticket-new-main .custom_lookup .user-notifications-menu .lookup-field-clear:hover, .user-notifications-menu #ticket-new-main .custom_multi_lookup .lookup-field-clear:hover, #ticket-new-main .custom_multi_lookup .user-notifications-menu .lookup-field-clear:hover {
    color: var(--linkColorHover)
  }

body[page='portal_home'] .user-notifications-menu #user-notification-icon {
  background: none
}

  body[page='portal_home'] .user-notifications-menu #user-notification-icon i.ficon-notifications {
    color: #fff
  }

    body[page='portal_home'] .user-notifications-menu #user-notification-icon i.ficon-notifications:hover {
      background-color: rgba(27,29,113,0.4)
    }

  body[page='portal_home'] .user-notifications-menu #user-notification-icon.active i {
    background-color: rgba(27,29,113,0.4)
  }

._simple-switch-checkbox {
  height: 0px;
  width: 0px;
  overflow: hidden;
  opacity: 0
}

._simple-switch-track {
  font-size: inherit;
  display: inline-block;
  position: relative;
  background: #475867;
  border-radius: 12px;
  transition: background 250ms ease-out, border 250ms ease-out;
  outline: none;
  box-sizing: padding-box;
  padding: 0;
  margin: 0;
  height: 16px;
  width: 32px;
  border: none;
  vertical-align: top
}

  ._simple-switch-track:focus-visible .handle, ._simple-switch-track.on:focus-visible .handle {
    box-shadow: 0 0 0 2px #2C5CC5
  }

  ._simple-switch-track:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -8px;
    width: 42px;
    height: 22px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    border: 2px solid #2C5CC5
  }

  ._simple-switch-track.on {
    background: #2C5CC5
  }

    ._simple-switch-track.on .handle {
      transform: translateX(22px);
      border-color: #2C5CC5;
      box-shadow: -2px 1px 2px 0 rgba(39,49,58,0.3);
      color: #2C5CC5;
      font-size: 10px
    }

      ._simple-switch-track.on .handle:before {
        padding-top: 5px
      }

  ._simple-switch-track.focus:after {
    opacity: 1
  }

  ._simple-switch-track .handle {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    background: #fff;
    display: block;
    transition: transform 250ms ease-out, background 250ms ease-out;
    border: 1px solid #475867;
    will-change: transition;
    z-index: 2;
    top: -3px;
    left: -8px;
    color: #475867;
    box-shadow: 2px 1px 2px 0 rgba(39,49,58,0.3);
    font-size: 8px
  }

    ._simple-switch-track .handle:before {
      padding-top: 6px
    }

input[type='checkbox'] {
  position: relative;
  -webkit-appearance: none;
  background: #fff;
  border: solid 1px #7B8E9F;
  margin: 0;
  margin-right: 5px !important;
  height: 14px !important;
  width: 14px !important;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  top: -1px
}

  input[type='checkbox'] + label {
    display: inline
  }

  input[type='checkbox']:after {
    position: absolute;
    display: block;
    content: "";
    box-sizing: border-box;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .2s ease-in-out
  }

  input[type='checkbox']:hover {
    border-color: #475867;
    background: #EBEFF3;
    box-shadow: 0 0 0 4px #EBEFF3
  }

  input[type='checkbox']:active, input[type='checkbox']:focus {
    background: #fff;
    border: 1px solid #2C5CC5;
    -moz-box-shadow: 0 0 0 1px #2C5CC5;
    -webkit-box-shadow: 0 0 0 1px #2C5CC5;
    box-shadow: 0 0 0 1px #2C5CC5;
    outline: none
  }

  input[type='checkbox']:checked {
    background: #2C5CC5;
    border: 1px solid #2C5CC5;
    box-shadow: none;
    outline: none
  }

    input[type='checkbox']:checked:hover {
      background: #2C5CC5;
      -moz-box-shadow: 0 0 0 4px #EBEFF3;
      -webkit-box-shadow: 0 0 0 4px #EBEFF3;
      box-shadow: 0 0 0 4px #EBEFF3
    }

    input[type='checkbox']:checked:after {
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      opacity: 1
    }

    input[type='checkbox']:checked:focus, input[type='checkbox']:checked:active {
      border-color: #fff;
      -moz-box-shadow: 0 0 0 1px #2C5CC5;
      -webkit-box-shadow: 0 0 0 1px #2C5CC5;
      box-shadow: 0 0 0 1px #2C5CC5
    }

  input[type='checkbox']:indeterminate {
    background: #475867;
    border-color: #475867
  }

    input[type='checkbox']:indeterminate:after {
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      opacity: 1;
      left: 2px;
      top: 5px;
      width: 8px;
      height: 0px;
      transform: rotate(180deg);
      border-radius: 2px
    }

  input[type='checkbox']:focus:indeterminate {
    border-color: #fff
  }

  input[type='checkbox'][disabled], input[type='checkbox'].disabled {
    background: #EBEFF3;
    border: 1px solid #CFD7DF
  }

    input[type='checkbox'][disabled]:checked, input[type='checkbox'].disabled:checked {
      background: #EBEFF3;
      border: 1px solid #CFD7DF
    }

      input[type='checkbox'][disabled]:checked:after, input[type='checkbox'].disabled:checked:after {
        border-right: 2px solid #12344D;
        border-bottom: 2px solid #12344D
      }

  input[type='checkbox'].hide {
    display: none
  }

.custom-text {
  width: 100%
}

[data-ce-type="text"] {
  line-height: 1.2;
  overflow-wrap: anywhere
}

[data-ce-type="section"].custom-section {
  background: #fff;
  padding: 16px
}

[data-ce-type="section"] .custom-section-content {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

[data-ce-version] section#hero-banner {
  min-height: 372px
}

.custom-section-column {
  min-width: 300px;
  padding: 0 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center
}

  .custom-section-column [data-widget-name='image'].custom-image {
    width: auto;
    max-width: 100%
  }

    .custom-section-column [data-widget-name='image'].custom-image > img {
      min-width: 20px;
      max-width: 100%
    }

.custom-card {
  max-width: 100%;
  width: 400px;
  min-height: 136px;
  margin: 16px;
  background: #fff;
  border-radius: 4px;
  text-decoration: none;
  color: #12344D;
  padding: 28px 24px;
  box-sizing: border-box;
  box-shadow: 0 6px 19px 0 rgba(32,33,39,0.08);
  position: relative;
  display: flex;
  align-items: center;
  overflow-wrap: anywhere
}

  .custom-card img {
    width: 64px;
    margin-right: 16px
  }

.custom-card-info {
  width: calc(100% - 94px)
}

  .custom-card-info h3 {
    margin: 8px 0
  }

  .custom-card-info p {
    margin: 4px 0
  }

.custom-text {
  margin-top: 2px
}

#button-drop {
  position: relative;
  margin-top: 2px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  align-items: center;
  width: fit-content
}

  #button-drop.primary {
    font-size: 14px;
    padding: 8px 12px;
    color: #fff;
    background: linear-gradient(180deg, #1d4289 0%,#12344d 100%);
    border: 1px solid #12344D
  }

  #button-drop.secondary {
    font-size: 14px;
    padding: 8px 12px;
    background: linear-gradient(180deg, #ffffff 3.13%,#f5f7f9 95.31%);
    border: 1px solid #CFD7DF
  }

  #button-drop.warning {
    font-size: 14px;
    padding: 8px 12px;
    background: linear-gradient(180deg, #d72d30 3.13%,#c82124 95.31%);
    border: 1px solid #C82124;
    color: white
  }

  #button-drop.link, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size #button-drop.retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size #button-drop.retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size #button-drop.retry, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #button-drop.lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #button-drop.lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #button-drop.lookup-field-clear, #service-request-container #button-drop.btn-clear, #service-request-container #button-drop.lookup-field-clear, #service-request-container .service-container .service-item-details .service-details .service-description #button-drop.read-more, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description #button-drop.read-more, #service-request-container .service-container .bundle-container .bundle-items-container #button-drop.load-more, #ticket-new-main .default_department #button-drop.lookup-field-clear, #ticket-new-main .custom_lookup #button-drop.lookup-field-clear, #ticket-new-main .custom_multi_lookup #button-drop.lookup-field-clear {
    font-size: 14px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: #2C5CC5;
    padding: 10px
  }

  #button-drop.custom {
    box-sizing: border-box;
    display: flex;
    padding: 13px 17px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    color: #475867;
    background-color: #fff;
    border: 1px solid #475867
  }

.button-widget {
  padding: 4px
}

  .button-widget.left {
    margin-right: auto
  }

  .button-widget.right {
    margin-left: auto
  }

  .button-widget.center {
    margin-left: auto;
    margin-right: auto
  }

#page-main #home-page-container #cards-banner {
  max-width: none;
  padding-left: calc((100% - min(1600px, 100%)) / 2 + 72px);
  padding-right: calc((100% - min(1600px, 100%)) / 2 + 72px)
}

  #page-main #home-page-container #cards-banner.banner-4, #page-main #home-page-container #cards-banner.banner-3 {
    padding-left: calc((100% - min(1200px, 100%)) / 2 + 72px);
    padding-right: calc((100% - min(1200px, 100%)) / 2 + 72px)
  }

@media only screen and (max-width: 767px) {
  [data-ce-type="section"].custom-section {
    padding: 0px
  }

  .custom-section-content {
    align-items: center;
    flex-direction: column
  }

    .custom-section-content .custom-section-column {
      width: calc(100% - 32px)
    }

      .custom-section-content .custom-section-column table {
        max-width: 100%
      }

  #page-main #home-page-container #cards-banner {
    padding-left: 0;
    padding-right: 0
  }

    #page-main #home-page-container #cards-banner.banner-4, #page-main #home-page-container #cards-banner.banner-3 {
      padding-left: 0;
      padding-right: 0
    }

    #page-main #home-page-container #cards-banner .custom-section-content .custom-section-column {
      flex-basis: 100%
    }
}

@media only screen and (max-width: 1203px) {
  .custom-section-content {
    max-width: 900px;
    margin: auto
  }

    .custom-section-content.columns-4 .custom-section-column {
      flex-basis: calc(50% - 32px)
    }

    .custom-section-content.columns-3 .custom-section-column {
      flex-basis: 100%
    }
}

@media only screen and (min-width: 1600px) {
  .custom-section-content {
    max-width: 1440px;
    margin: auto
  }
}

.date-time-box {
  margin: 8px 0
}

  .date-time-box .datepicker-container {
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #7b8e9f;
    border-radius: 4px;
    height: 30px;
    box-sizing: border-box;
    max-width: 200px !important;
    margin-right: 8px
  }

    .date-time-box .datepicker-container.focussed {
      border-color: #2C5CC5 !important;
      -moz-box-shadow: 0 0 0 1px #2C5CC5 !important;
      -webkit-box-shadow: 0 0 0 1px #2C5CC5 !important;
      box-shadow: 0 0 0 1px #2C5CC5 !important
    }

    .date-time-box .datepicker-container .date.hasDatePicker {
      display: inline-block;
      vertical-align: middle;
      height: 28px;
      border: none;
      border-radius: 4px;
      outline: none;
      padding: 0 8px;
      width: calc(100% - 32px);
      min-width: 128px;
      box-sizing: border-box;
      margin: 0;
      font-size: 14px
    }

      .date-time-box .datepicker-container .date.hasDatePicker:focus {
        border: 0 !important;
        box-shadow: none !important
      }

    .date-time-box .datepicker-container .dialog-trigger {
      display: inline-block;
      vertical-align: middle;
      height: 24px;
      background: transparent;
      border: 0;
      padding: 1px 2px;
      width: 32px;
      border-left: 1px solid #CFD7DF;
      cursor: pointer;
      box-sizing: border-box
    }

      .date-time-box .datepicker-container .dialog-trigger:before {
        font-size: 18px;
        padding: 2px 4px;
        border-radius: 4px
      }

  .date-time-box .power-select {
    display: inline-block;
    vertical-align: middle;
    width: 88px
  }

    .date-time-box .power-select .search-select {
      min-width: 60px
    }

    .date-time-box .power-select .power-select-options-container {
      width: 136px
    }

    .date-time-box .power-select.timepicker-select {
      width: 136px;
      margin: 0
    }

      .date-time-box .power-select.timepicker-select .ficon-priority {
        border-left: 1px solid #CFD7DF;
        padding: 2px 6px 2px 6px;
        right: 0;
        bottom: 3px;
        font-size: 16px;
        transition: none
      }

      .date-time-box .power-select.timepicker-select.active .ficon-priority {
        transform: rotate(0)
      }

  .date-time-box .btn-clear {
    font-size: 12px;
    margin-left: 8px;
    display: none;
    background: #fff
  }

    .date-time-box .btn-clear.date-available, .date-time-box .btn-clear.time-available {
      display: inline
    }

  .date-time-box.disabled .dialog-trigger {
    opacity: 0.6;
    cursor: not-allowed
  }

  .date-time-box.disabled .btn-clear {
    display: none
  }

.date-picker-dialog {
  z-index: 10;
  display: none;
  position: absolute;
  background: #fff;
  padding: 16px;
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid #EBEFF3;
  box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
  font-size: 14px;
  max-width: 270px
}

  .date-picker-dialog.top {
    transform: translateY(calc(-100% - 38px))
  }

  .date-picker-dialog .monthYear, .date-picker-dialog .message {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
  }

  .date-picker-dialog .message {
    position: absolute
  }

  .date-picker-dialog .header {
    margin-bottom: 24px;
    float: left;
    width: 100%
  }

    .date-picker-dialog .header > div {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px
    }

    .date-picker-dialog .header .power-select-container {
      width: 64px
    }

      .date-picker-dialog .header .power-select-container .power-select-trigger {
        background: linear-gradient(180deg, #ffffff 0%,#f3f5f7 100%);
        height: 32px
      }

        .date-picker-dialog .header .power-select-container .power-select-trigger:focus {
          z-index: 2
        }

        .date-picker-dialog .header .power-select-container .power-select-trigger i {
          display: none
        }

        .date-picker-dialog .header .power-select-container .power-select-trigger .search-select {
          padding-right: 8px;
          font-size: 14px;
          font-weight: 500;
          color: #12344D;
          text-align: center
        }

      .date-picker-dialog .header .power-select-container ul.power-select-options-container {
        width: auto;
        min-width: 144px
      }

    .date-picker-dialog .header .month-power-select.power-select-container .power-select-trigger {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: none
    }

    .date-picker-dialog .header .year-power-select.power-select-container .power-select-trigger {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }

    .date-picker-dialog .header .btn-container {
      width: auto;
      position: absolute;
      top: 24px;
      right: 16px
    }

  .date-picker-dialog button {
    border: 0;
    border-radius: 4px;
    background: none;
    outline: none;
    width: 32px;
    height: 32px;
    padding: 4px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 1
  }

    .date-picker-dialog button:hover {
      background-color: #EBEFF3;
      color: #12344D
    }

    .date-picker-dialog button:focus {
      border: 2px solid #E5F2FD;
      background-color: #E5F2FD;
      color: #2C5CC5;
      box-sizing: border-box
    }

  .date-picker-dialog table.dates td, .date-picker-dialog table.dates th {
    margin: 8px;
    text-align: center;
    font-size: 14px
  }

  .date-picker-dialog table.dates button.today, .date-picker-dialog table.dates button.today:hover {
    background-color: #2C5CC5 !important;
    color: #fff;
    border: none
  }

    .date-picker-dialog table.dates button.today[disabled], .date-picker-dialog table.dates button.today:hover[disabled] {
      opacity: 0.5
    }

  .date-picker-dialog table.dates button:focus:before {
    display: none
  }

  .date-picker-dialog table.dates button:focus:after {
    display: none
  }

.toast-message {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word
}

.toast-close-button {
  margin-right: 2px;
  float: right;
  background: none;
  font-size: 22px;
  line-height: 33px;
  border: none;
  font-weight: 700
}

  .toast-close-button:hover, .toast-close-button:focus {
    cursor: pointer;
    border: none
  }

.toast-top-right {
  top: 12px;
  right: 12px
}

#toast-container {
  position: fixed;
  z-index: 16
}

  #toast-container .toast {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0;
    width: 350px;
    -moz-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.22);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.22);
    border-radius: 4px;
    font-weight: 700;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transform: translateY(-100px);
    opacity: 0;
    transition: 0.4s ease;
    animation: 0.5s hideToastr ease forwards
  }

    #toast-container .toast.active {
      animation: 0.7s loadToastr ease forwards
    }

    #toast-container .toast .toast-progress {
      animation: move 25s linear;
      float: right;
      height: 4px;
      margin: 0;
      margin-left: auto
    }

      #toast-container .toast .toast-progress.toast-success-progress {
        background: #007958
      }

      #toast-container .toast .toast-progress.toast-error-progress {
        background: #E43538
      }

      #toast-container .toast .toast-progress.toast-info-progress {
        background: #2C5CC5
      }

      #toast-container .toast .toast-progress.toast-warning-progress {
        background: #F29D70
      }

    #toast-container .toast .toast-body {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center
    }

      #toast-container .toast .toast-body:after {
        display: block
      }

      #toast-container .toast .toast-body:before {
        width: 50px;
        min-height: inherit;
        padding: 16px 0;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        background-size: 28px
      }

      #toast-container .toast .toast-body.toast-info:before {
        color: #2C5CC5
      }

      #toast-container .toast .toast-body.toast-error:before {
        color: #E43538
      }

      #toast-container .toast .toast-body.toast-success:before {
        color: #007958
      }

      #toast-container .toast .toast-body.toast-warning:before {
        color: #F29D70
      }

      #toast-container .toast .toast-body .toast-message {
        background: #fff;
        font-weight: 500;
        word-wrap: break-word;
        color: var(--textColor);
        font-size: 14px;
        line-height: 21px;
        width: calc(100% - 50px)
      }

      #toast-container .toast .toast-body div.toast-message {
        margin: 4px 0
      }

  #toast-container * {
    box-sizing: border-box
  }

@keyframes move {
  0% {
    width: 100%
  }

  100% {
    width: 0%
  }
}

@keyframes loadToastr {
  0% {
    transform: translateY(-100px);
    opacity: 0
  }

  50% {
    opacity: 0.75
  }

  100% {
    opacity: 1;
    transform: translateY(0px)
  }
}

@keyframes hideToastr {
  0% {
    transform: translateY(0);
    opacity: 1
  }

  100% {
    transform: translateY(-200px);
    opacity: 0
  }
}

.menu {
  position: absolute;
  width: max-content;
  transform: translateY(-50%) scaleY(0);
  animation: 0.2s ease-in-out closeUp forwards;
  background: #fff;
  transition: 0.2s ease-in-out;
  border-radius: 4px;
  padding: 8px 8px 0 8px;
  z-index: 5;
  -moz-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 18px 0 rgba(18,52,77,0.16);
  -webkit-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 18px 0 rgba(18,52,77,0.16);
  box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 18px 0 rgba(18,52,77,0.16)
}

  .menu.open {
    animation: 0.2s ease-in-out openDown forwards
  }

  .menu [role="menuitem"], .menu [role="option"] {
    display: block;
    border-radius: 4px;
    padding: 8px 16px;
    margin-bottom: 8px;
    color: var(--textColor);
    text-decoration: none;
    position: relative
  }

    .menu [role="menuitem"]:hover, .menu [role="option"]:hover {
      background-color: #EBEFF3;
      outline: none
    }

    .menu [role="menuitem"].selected:after, .menu [role="option"].selected:after {
      content: "";
      background-image: url(https://assets4.freshservice.com/assets/portal_v2/check-4f19a0d045b6866dfd1f06aeaa67f7bac2316dc79f86a09186f1e76b9cd79f7d.svg);
      background-repeat: no-repeat;
      background-position: right;
      background-size: 24px;
      font-weight: 700;
      right: 0;
      top: 0;
      position: absolute;
      width: 24px;
      height: 100%
    }

  .menu.selectable {
    padding: 8px 16px
  }

    .menu.selectable [role="menuitem"], .menu.selectable [role="option"] {
      margin: 0
    }

      .menu.selectable [role="menuitem"]:hover, .menu.selectable [role="option"]:hover {
        background-color: #E5F2FD
      }

button.menu-trigger {
  border: none
}

  button.menu-trigger.selectable {
    position: relative;
    cursor: pointer
  }

    button.menu-trigger.selectable:after {
      content: "";
      position: absolute;
      right: -16px;
      top: 0;
      height: 100%;
      width: 20px;
      background: url(https://assets2.freshservice.com/assets/portal_v2/chevron-down-40634568554583724bd2c9849d4d259f9acf2621286795c45064321674585f01.svg) no-repeat;
      background-position: center;
      background-size: contain;
      transition: 0.3s ease
    }

    button.menu-trigger.selectable[aria-expanded="true"]:after {
      transform: rotate(-180deg)
    }

.menu-container {
  position: relative
}

  .menu-container.selectable [role="menuitem"], .menu-container.selectable [role="option"] {
    padding-right: 24px
  }

  .menu-container.selectable .menu {
    min-width: calc(100% + 24px)
  }

  .menu-container.selectable.multiselect .curr-selected-text:last-child {
    position: relative;
    padding-left: 16px;
    margin-left: 4px
  }

    .menu-container.selectable.multiselect .curr-selected-text:last-child:before {
      content: '/';
      position: absolute;
      left: 0
    }

body.keyboard-user button.menu-trigger.selectable:focus:after {
  border: none;
  box-shadow: none;
  border-radius: 0;
  left: inherit;
  bottom: inherit;
  position: absolute;
  right: -16px;
  top: 0;
  height: 100%;
  width: 20px
}

body.keyboard-user button.menu-trigger.selectable:focus:before {
  content: '';
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  box-sizing: border-box;
  border: 1px solid #2C5CC5;
  box-shadow: 0 0 0 1px #2C5CC5;
  border-radius: 4px;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px
}

@keyframes closeUp {
  0% {
    transform: translateY(0) scaleY(1)
  }

  100% {
    transform: translateY(-50%) scaleY(0)
  }
}

@keyframes openDown {
  0% {
    transform: translateY(-50%) scaleY(0)
  }

  100% {
    transform: translateY(0) scaleY(1)
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .menu {
    width: auto;
    min-width: 192px !important
  }
}

body.side-modal-open {
  height: 100vh;
  overflow: hidden
}

.side-modal {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(18,52,77,0.5);
  z-index: 15
}

  .side-modal .results-loader {
    display: block
  }

    .side-modal .results-loader .inner-row {
      margin-bottom: 48px
    }

    .side-modal .results-loader .line-large, .side-modal .results-loader .line-small {
      margin-left: 0
    }

  .side-modal .modal-content {
    position: fixed;
    top: 0;
    right: -600px;
    left: inherit;
    background: #fff;
    height: 100%;
    width: 600px;
    z-index: 10;
    box-shadow: -4px 0 16px 0 rgba(0,0,0,0.09);
    box-sizing: border-box;
    border-top: solid 2px #141C30;
    transition: all 0.3s ease-in-out;
    margin: 0;
    padding: 28px 32px 0 32px;
    animation: 0.3s ease-in-out slideRight forwards
  }

    .side-modal .modal-content.open {
      animation: 0.3s ease-in-out slideLeft forwards
    }

    .side-modal .modal-content .modal-body {
      height: 100%
    }

    .side-modal .modal-content .close-container {
      position: absolute;
      top: 24px;
      right: 24px
    }

      .side-modal .modal-content .close-container .close {
        height: 32px;
        width: 32px;
        padding: 0;
        background: none;
        border: none;
        cursor: pointer
      }

        .side-modal .modal-content .close-container .close:focus {
          border: 1px solid #2C5CC5
        }

          .side-modal .modal-content .close-container .close:focus:after {
            border: 1px solid #2C5CC5;
            box-shadow: 0 0 0 1px #2C5CC5
          }

@keyframes slideLeft {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

@keyframes slideRight {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

.fs-attachment {
  width: 100%
}

  .fs-attachment div.attachments-content.partial, .fs-attachment div.attachments-error-content.partial, .fs-attachment div.attachments-invalid-ext-content.partial {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
  }

  .fs-attachment div.attachments-content .attachment-item, .fs-attachment div.attachments-error-content .attachment-item, .fs-attachment div.attachments-invalid-ext-content .attachment-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 8px 8px 0;
    border: 1px solid #CFD7DF;
    border-radius: 4px;
    background-color: #fff
  }

    .fs-attachment div.attachments-content .attachment-item.full, .fs-attachment div.attachments-error-content .attachment-item.full, .fs-attachment div.attachments-invalid-ext-content .attachment-item.full {
      width: 500px;
      height: 36px
    }

      .fs-attachment div.attachments-content .attachment-item.full .attachment-icon-container, .fs-attachment div.attachments-error-content .attachment-item.full .attachment-icon-container, .fs-attachment div.attachments-invalid-ext-content .attachment-item.full .attachment-icon-container {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
      }

      .fs-attachment div.attachments-content .attachment-item.full .attachment-name, .fs-attachment div.attachments-error-content .attachment-item.full .attachment-name, .fs-attachment div.attachments-invalid-ext-content .attachment-item.full .attachment-name {
        white-space: nowrap
      }

    .fs-attachment div.attachments-content .attachment-item.partial, .fs-attachment div.attachments-error-content .attachment-item.partial, .fs-attachment div.attachments-invalid-ext-content .attachment-item.partial {
      width: 320px;
      height: 72px
    }

      .fs-attachment div.attachments-content .attachment-item.partial .attachment-icon-container, .fs-attachment div.attachments-error-content .attachment-item.partial .attachment-icon-container, .fs-attachment div.attachments-invalid-ext-content .attachment-item.partial .attachment-icon-container {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: auto 0;
        width: calc(100% - 80px)
      }

        .fs-attachment div.attachments-content .attachment-item.partial .attachment-icon-container .attachment-icon, .fs-attachment div.attachments-error-content .attachment-item.partial .attachment-icon-container .attachment-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item.partial .attachment-icon-container .attachment-icon {
          margin: 6px 8px 0;
          width: 32px
        }

        .fs-attachment div.attachments-content .attachment-item.partial .attachment-icon-container .attachment-info, .fs-attachment div.attachments-error-content .attachment-item.partial .attachment-icon-container .attachment-info, .fs-attachment div.attachments-invalid-ext-content .attachment-item.partial .attachment-icon-container .attachment-info {
          width: calc(100% - 48px)
        }

          .fs-attachment div.attachments-content .attachment-item.partial .attachment-icon-container .attachment-info .attachment-section, .fs-attachment div.attachments-error-content .attachment-item.partial .attachment-icon-container .attachment-info .attachment-section, .fs-attachment div.attachments-invalid-ext-content .attachment-item.partial .attachment-icon-container .attachment-info .attachment-section {
            display: block
          }

            .fs-attachment div.attachments-content .attachment-item.partial .attachment-icon-container .attachment-info .attachment-section .attachment-name, .fs-attachment div.attachments-error-content .attachment-item.partial .attachment-icon-container .attachment-info .attachment-section .attachment-name, .fs-attachment div.attachments-invalid-ext-content .attachment-item.partial .attachment-icon-container .attachment-info .attachment-section .attachment-name {
              max-height: 36px;
              white-space: pre-wrap
            }

            .fs-attachment div.attachments-content .attachment-item.partial .attachment-icon-container .attachment-info .attachment-section .attachment-size .attachment-size-text, .fs-attachment div.attachments-error-content .attachment-item.partial .attachment-icon-container .attachment-info .attachment-section .attachment-size .attachment-size-text, .fs-attachment div.attachments-invalid-ext-content .attachment-item.partial .attachment-icon-container .attachment-info .attachment-section .attachment-size .attachment-size-text {
              margin-left: 0
            }

    .fs-attachment div.attachments-content .attachment-item .attachment-icon-container, .fs-attachment div.attachments-error-content .attachment-item .attachment-icon-container, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-icon-container {
      border: 1px solid transparent
    }

      .fs-attachment div.attachments-content .attachment-item .attachment-icon-container:focus, .fs-attachment div.attachments-error-content .attachment-item .attachment-icon-container:focus, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-icon-container:focus {
        border: 1px solid #2C5CC5;
        box-shadow: 0 0 0 1px #2C5CC5
      }

      .fs-attachment div.attachments-content .attachment-item .attachment-icon-container:before, .fs-attachment div.attachments-error-content .attachment-item .attachment-icon-container:before, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-icon-container:before {
        left: 50%;
        bottom: 100%;
        padding: 6px;
        top: inherit;
        width: auto;
        max-width: 100%;
        transform: translate(-50%, 0)
      }

    .fs-attachment div.attachments-content .attachment-item .attachment-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-icon {
      border: none;
      margin-left: 4px;
      margin-top: 4px;
      cursor: pointer;
      width: 24px;
      height: 28px;
      background: url(https://assets10.freshservice.com/assets/portal_v2/attachment-48a8e9512e23ca8bcd020a7a83c7c507fd3a307d7fd325c407527ce14e8b9663.svg);
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center
    }

    .fs-attachment div.attachments-content .attachment-item .attachment-info, .fs-attachment div.attachments-error-content .attachment-item .attachment-info, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info {
      margin: 7px 4px 7px
    }

      .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
      }

        .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-name, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-name, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-name {
          max-width: 280px;
          font-size: 12px;
          line-height: 18px;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 2px;
          font-weight: 500
        }

          .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-name.error, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-name.error, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-name.error {
            color: #D72D30
          }

          .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-name.extend-length, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-name.extend-length, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-name.extend-length {
            max-width: 90%
          }

        .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-close-btn, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-close-btn, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-close-btn {
          width: 10px;
          margin-left: auto;
          padding: 0;
          cursor: pointer;
          border: none;
          background: none
        }

          .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-close-btn img.attachment-close-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-close-btn img.attachment-close-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-close-btn img.attachment-close-icon {
            width: 10px;
            margin-top: 4px
          }

        .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-loading, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-loading, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-loading {
          width: 10px;
          margin-right: 5px;
          margin-left: auto;
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center
        }

          .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-loading img.attachment-loading-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-loading img.attachment-loading-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-loading img.attachment-loading-icon {
            width: 20px;
            height: 20px;
            animation-name: spin-clockwise;
            animation-duration: 1.5s;
            animation-iteration-count: infinite;
            animation-timing-function: linear
          }

          .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-loading.hide, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-loading.hide, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-loading.hide {
            display: none
          }

        .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .attachment-size-text, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .attachment-size-text, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .attachment-size-text {
          font-size: 12px;
          line-height: 18px;
          margin-left: 4px;
          margin-top: 4px
        }

          .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .attachment-size-text.error, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .attachment-size-text.error, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .attachment-size-text.error {
            color: #D72D30
          }

        .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry {
          display: none;
          font-size: 12px;
          line-height: 18px;
          min-width: 0;
          margin: 0;
          padding: 0;
          background: none;
          font-weight: 700
        }

      .fs-attachment div.attachments-content .attachment-item .attachment-info.full, .fs-attachment div.attachments-error-content .attachment-item .attachment-info.full, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info.full {
        width: calc(100% - 48px)
      }

      .fs-attachment div.attachments-content .attachment-item .attachment-info.partial, .fs-attachment div.attachments-error-content .attachment-item .attachment-info.partial, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info.partial {
        width: calc(100% - 120px)
      }

    .fs-attachment div.attachments-content .attachment-item .attachment-download-btn, .fs-attachment div.attachments-error-content .attachment-item .attachment-download-btn, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-download-btn {
      width: 24px;
      cursor: pointer;
      border: none;
      height: 24px;
      margin-top: 24px;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center
    }

      .fs-attachment div.attachments-content .attachment-item .attachment-download-btn img.attachment-download-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-download-btn img.attachment-download-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-download-btn img.attachment-download-icon {
        width: 16px;
        height: 100%
      }

      .fs-attachment div.attachments-content .attachment-item .attachment-download-btn img.attachment-download-hover-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-download-btn img.attachment-download-hover-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-download-btn img.attachment-download-hover-icon {
        width: 16px;
        height: 100%;
        display: none
      }

      .fs-attachment div.attachments-content .attachment-item .attachment-download-btn.download-shift, .fs-attachment div.attachments-error-content .attachment-item .attachment-download-btn.download-shift, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-download-btn.download-shift {
        margin: auto
      }

      .fs-attachment div.attachments-content .attachment-item .attachment-download-btn:hover, .fs-attachment div.attachments-error-content .attachment-item .attachment-download-btn:hover, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-download-btn:hover {
        background: #F5F7F9
      }

        .fs-attachment div.attachments-content .attachment-item .attachment-download-btn:hover img.attachment-download-hover-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-download-btn:hover img.attachment-download-hover-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-download-btn:hover img.attachment-download-hover-icon {
          display: inline
        }

        .fs-attachment div.attachments-content .attachment-item .attachment-download-btn:hover img.attachment-download-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-download-btn:hover img.attachment-download-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-download-btn:hover img.attachment-download-icon {
          display: none
        }

    .fs-attachment div.attachments-content .attachment-item .attachment-delete-btn, .fs-attachment div.attachments-error-content .attachment-item .attachment-delete-btn, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-delete-btn {
      width: 24px;
      height: 24px;
      padding: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin-left: 12px;
      margin-top: 24px;
      cursor: pointer;
      border: none;
      background: none
    }

      .fs-attachment div.attachments-content .attachment-item .attachment-delete-btn img.attachment-delete-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-delete-btn img.attachment-delete-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-delete-btn img.attachment-delete-icon {
        width: 16px
      }

      .fs-attachment div.attachments-content .attachment-item .attachment-delete-btn img.attachment-delete-hover-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-delete-btn img.attachment-delete-hover-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-delete-btn img.attachment-delete-hover-icon {
        width: 16px;
        display: none
      }

      .fs-attachment div.attachments-content .attachment-item .attachment-delete-btn:hover, .fs-attachment div.attachments-error-content .attachment-item .attachment-delete-btn:hover, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-delete-btn:hover {
        background: #F5F7F9
      }

        .fs-attachment div.attachments-content .attachment-item .attachment-delete-btn:hover img.attachment-delete-hover-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-delete-btn:hover img.attachment-delete-hover-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-delete-btn:hover img.attachment-delete-hover-icon {
          display: inline
        }

        .fs-attachment div.attachments-content .attachment-item .attachment-delete-btn:hover img.attachment-delete-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-delete-btn:hover img.attachment-delete-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-delete-btn:hover img.attachment-delete-icon {
          display: none
        }

    .fs-attachment div.attachments-content .attachment-item .attachment-loading, .fs-attachment div.attachments-error-content .attachment-item .attachment-loading, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-loading {
      width: 20px;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center
    }

      .fs-attachment div.attachments-content .attachment-item .attachment-loading img.attachment-loading-icon, .fs-attachment div.attachments-error-content .attachment-item .attachment-loading img.attachment-loading-icon, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-loading img.attachment-loading-icon {
        width: 20px;
        height: 20px;
        animation-name: spin-clockwise;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear
      }

      .fs-attachment div.attachments-content .attachment-item .attachment-loading.hide, .fs-attachment div.attachments-error-content .attachment-item .attachment-loading.hide, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-loading.hide {
        display: none
      }

    .fs-attachment div.attachments-content .attachment-item.error, .fs-attachment div.attachments-error-content .attachment-item.error, .fs-attachment div.attachments-invalid-ext-content .attachment-item.error {
      border: 1px solid #D72D30
    }

  .fs-attachment div.attachment-readonly {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
  }

    .fs-attachment div.attachment-readonly h3.readonly-header {
      font-size: 12px;
      line-height: 18px;
      font-weight: 700;
      margin: 0
    }

    .fs-attachment div.attachment-readonly div.fs-tooltip {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
    }

      .fs-attachment div.attachment-readonly div.fs-tooltip:before {
        left: 24px;
        top: -8px;
        width: 122px
      }

      .fs-attachment div.attachment-readonly div.fs-tooltip .attachment-info-icon {
        margin-left: 4px;
        cursor: pointer;
        width: 14px;
        height: 14px
      }

  .fs-attachment div.attachment-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
  }

    .fs-attachment div.attachment-btn div.attach-btn-icon {
      border: none;
      width: 14px;
      height: 14px;
      margin: 0 4px;
      background: url(https://assets7.freshservice.com/assets/portal_v2/attachment-clip-4e30d24c71d3ad19f89aaf6a3302e08fb3924d831128f49d151d201c4fe702ae.svg);
      background-size: 14px;
      background-repeat: no-repeat;
      background-position: center
    }

    .fs-attachment div.attachment-btn div.attach-count {
      font-size: 12px;
      line-height: 18px;
      font-weight: 700
    }

    .fs-attachment div.attachment-btn div.attachment-dropdown-container {
      position: relative
    }

      .fs-attachment div.attachment-btn div.attachment-dropdown-container input.attach-btn {
        border: none;
        min-width: 0;
        background: none;
        padding: 0;
        cursor: pointer;
        color: var(--linkColor);
        font-size: 12px;
        line-height: 18px;
        font-weight: 700
      }

        .fs-attachment div.attachment-btn div.attachment-dropdown-container input.attach-btn:hover {
          color: var(--linkColorHover)
        }

      .fs-attachment div.attachment-btn div.attachment-dropdown-container span.attachment-limit {
        font-size: 12px;
        line-height: 18px
      }

      .fs-attachment div.attachment-btn div.attachment-dropdown-container nav.menu {
        position: absolute;
        background: #fff;
        width: 184px;
        z-index: 2;
        bottom: 24px
      }

        .fs-attachment div.attachment-btn div.attachment-dropdown-container nav.menu a {
          padding: 4px 16px;
          font-size: 14px;
          line-height: 21px
        }

  .fs-attachment .attachment-error-msg, .fs-attachment .attachment-invalid-ext-msg {
    font-weight: 400;
    color: #D72D30;
    margin-top: 16px;
    font-size: 12px;
    line-height: 18px;
    display: none
  }

  .fs-attachment .attachment-announcement {
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0
  }

  .fs-attachment .attachment-lastupdated {
    font-size: 12px;
    color: #475867
  }

ul.pagination-links {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  border-radius: 4px
}

  ul.pagination-links li {
    display: inline-block;
    padding: 8px;
    margin: 4px;
    min-width: 26px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
  }

    ul.pagination-links li.current {
      color: var(--linkColor);
      border-radius: 0;
      border-bottom: 4px solid #2C5CC5
    }

    ul.pagination-links li a {
      text-decoration: none;
      color: var(--textColor);
      width: 100%;
      height: 100%;
      display: block
    }

    ul.pagination-links li:first-child, ul.pagination-links li:last-child {
      position: relative;
      font-weight: 700;
      border-radius: 0;
      padding: 4px 16px
    }

      ul.pagination-links li:first-child:before, ul.pagination-links li:last-child:before {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 24px;
        background: url(https://assets3.freshservice.com/assets/portal_v2/chevron-down-40634568554583724bd2c9849d4d259f9acf2621286795c45064321674585f01.svg) no-repeat;
        background-size: 24px;
        background-position: center 2px
      }

    ul.pagination-links li:first-child {
      border-right: 1px solid #CFD7DF;
      margin-right: 16px;
      padding-left: 24px
    }

    ul.pagination-links li:last-child {
      border-left: 1px solid #CFD7DF;
      margin-left: 16px;
      padding-right: 24px
    }

    ul.pagination-links li:first-child:before {
      left: 0;
      transform: rotate(90deg)
    }

    ul.pagination-links li:last-child:before {
      right: 0;
      transform: rotate(270deg)
    }

    ul.pagination-links li.inactive {
      opacity: 0.6
    }

      ul.pagination-links li.inactive:before {
        opacity: 0.6
      }

  ul.pagination-links.hide-prevdots .predots {
    display: none
  }

  ul.pagination-links.hide-postdots .postdots {
    display: none
  }

body.modal-open {
  overflow: hidden
}

  body.modal-open #fs-modal {
    animation: 0.2s ease-in-out openModal forwards
  }

#fs-modal {
  display: none;
  position: fixed;
  top: 15%;
  z-index: 50;
  background: #fff;
  -moz-box-shadow: 0 2px 18px 0 rgba(18,52,77,0.2);
  -webkit-box-shadow: 0 2px 18px 0 rgba(18,52,77,0.2);
  box-shadow: 0 2px 18px 0 rgba(18,52,77,0.2);
  border-radius: 4px;
  min-height: 200px;
  min-width: 400px;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-40px)
}

  #fs-modal .modal-header {
    width: 100%
  }

    #fs-modal .modal-header h3 {
      margin: 24px 24px 8px
    }

  #fs-modal .modal-body {
    padding: 24px;
    margin-bottom: 65px;
    max-height: 50vh;
    overflow: auto
  }

    #fs-modal .modal-body > p {
      margin: 0
    }

  #fs-modal .modal-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 65px;
    background-color: #F5F7F9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }

    #fs-modal .modal-footer .modal-buttons {
      float: right
    }

      #fs-modal .modal-footer .modal-buttons button {
        margin: 12px 8px 12px 0
      }

#fs-modal-backdrop {
  display: none;
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 20;
  opacity: 0.3;
  background-color: #000
}

@keyframes openModal {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-40px)
  }

  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0)
  }
}

.fr-box.fr-basic {
  border-radius: 4px;
  margin-top: 8px
}

  .fr-box.fr-basic .fr-toolbar {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #F7F9FA;
    z-index: 2
  }

    .fr-box.fr-basic .fr-toolbar .fr-btn-grp .fr-btn {
      margin: 2px
    }

      .fr-box.fr-basic .fr-toolbar .fr-btn-grp .fr-btn svg.fr-svg {
        height: 20px
      }

  .fr-box.fr-basic.focus-color {
    border: 1px solid #2C5CC5;
    box-shadow: 0 0 0 1px #2C5CC5
  }

    .fr-box.fr-basic.focus-color .fr-toolbar, .fr-box.fr-basic.focus-color .fr-wrapper, .fr-box.fr-basic.focus-color .second-toolbar {
      border: 0
    }

  .fr-box.fr-basic .fr-wrapper {
    border-bottom: 0
  }

  .fr-box.fr-basic .second-toolbar {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }

    .fr-box.fr-basic .second-toolbar.show .helper-text {
      opacity: 1
    }

  .fr-box.fr-basic .fr-element {
    padding: 16px 20px
  }

    .fr-box.fr-basic .fr-element p {
      margin: 8px 0
    }

    .fr-box.fr-basic .fr-element ul {
      padding-inline-start: initial;
      margin: inherit;
      padding: inherit
    }

      .fr-box.fr-basic .fr-element ul li {
        margin: initial;
        padding: initial
      }

  .fr-box.fr-basic .helper-text {
    width: 100%;
    padding: 6px 0;
    border-top: 1px solid #CFD7DF;
    background: #fff;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
    transition: 0.1s linear;
    opacity: 0;
    padding-left: 20px;
    font-size: 12px;
    line-height: 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
  }

    .fr-box.fr-basic .helper-text .helper-blur {
      margin-left: 24px
    }

    .fr-box.fr-basic .helper-text strong {
      font-weight: 700
    }

.fr-popup .fr-input-line input[type="text"] {
  min-width: auto
}

.fr-popup .fr-color-set > span .fr-selected-color {
  color: transparent
}

  .fr-popup .fr-color-set > span .fr-selected-color:before {
    color: #fff;
    padding: 8px
  }

.power-select-container {
  position: relative;
  max-width: 250px;
  height: 30px
}

  .power-select-container.ps-multiple {
    height: auto
  }

    .power-select-container.ps-multiple .search-select {
      min-height: 30px
    }

  .power-select-container .power-select-trigger {
    border: 1px solid #7B8E9F;
    border-radius: 4px;
    height: 100%;
    box-sizing: border-box;
    background: linear-gradient(180deg, #ffffff 0%,#f5f7f9 100%)
  }

    .power-select-container .power-select-trigger:focus, .power-select-container .power-select-trigger.focussed {
      border: 1px solid #2C5CC5;
      -moz-box-shadow: 0 0 0 1px #2C5CC5;
      -webkit-box-shadow: 0 0 0 1px #2C5CC5;
      box-shadow: 0 0 0 1px #2C5CC5
    }

      .power-select-container .power-select-trigger:focus:after, .power-select-container .power-select-trigger.focussed:after {
        display: none
      }

  .power-select-container i {
    display: block;
    position: absolute;
    font-size: 12px;
    right: 8px;
    bottom: 8px;
    transition: 0.2s linear
  }

  .power-select-container .search-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    border-radius: 4px;
    padding: 2px 8px;
    margin: 0;
    padding-right: 24px
  }

    .power-select-container .search-select:focus {
      position: absolute;
      border: 0;
      box-shadow: none !important
    }

  .power-select-container input.open-options {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    margin: 0
  }

  .power-select-container.multiselect {
    max-width: 350px;
    height: auto
  }

    .power-select-container.multiselect.freetext .power-select-trigger {
      background-image: none
    }

    .power-select-container.multiselect .multiselect-list, .power-select-container.multiselect .search-select {
      position: initial;
      width: auto;
      max-width: none;
      min-width: auto
    }

    .power-select-container.multiselect .multiselect-list {
      border-radius: 4px
    }

      .power-select-container.multiselect .multiselect-list:empty {
        display: none
      }

    .power-select-container.multiselect .search-select {
      width: auto;
      min-width: 160px
    }

  .power-select-container .power-select-options-container {
    display: none;
    opacity: 0;
    width: 100%;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    background: #fff;
    max-height: 192px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 4px;
    padding: 8px;
    box-sizing: border-box;
    margin: 2px 0;
    transform: translateY(-30px);
    transition: 0.2s ease;
    border: 1px solid #EBEFF3;
    -moz-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
    -webkit-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
    box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16)
  }

    .power-select-container .power-select-options-container.top {
      top: auto;
      bottom: calc(100% + 2px)
    }

    .power-select-container .power-select-options-container p {
      padding: 8px;
      margin: 0
    }

    .power-select-container .power-select-options-container .power-select-option {
      padding: 8px;
      margin: 0;
      border-radius: 4px;
      border: 0;
      box-shadow: none;
      list-style: none
    }

      .power-select-container .power-select-options-container .power-select-option.hasFocus {
        background: #EBEFF3;
        color: #000;
        cursor: pointer
      }

      .power-select-container .power-select-options-container .power-select-option.selected {
        position: relative;
        background-color: #E5F2FD
      }

        .power-select-container .power-select-options-container .power-select-option.selected.hasFocus {
          background: #EBEFF3
        }

        .power-select-container .power-select-options-container .power-select-option.selected:after {
          content: '';
          background: url(https://assets2.freshservice.com/assets/portal_v2/check-4f19a0d045b6866dfd1f06aeaa67f7bac2316dc79f86a09186f1e76b9cd79f7d.svg) no-repeat;
          background-position: center;
          background-size: 24px;
          position: absolute;
          width: 26px;
          height: 100%;
          top: 0;
          right: 0
        }

    .power-select-container .power-select-options-container li[id*="ignore-"] {
      list-style: none;
      margin-left: 8px
    }

  .power-select-container.active {
    z-index: 10
  }

    .power-select-container.active .power-select-trigger {
      border: 1px solid #2C5CC5;
      -moz-box-shadow: 0 0 0 1px #2C5CC5;
      -webkit-box-shadow: 0 0 0 1px #2C5CC5;
      box-shadow: 0 0 0 1px #2C5CC5
    }

    .power-select-container.active i {
      transform: rotate(180deg)
    }

    .power-select-container.active .power-select-options-container {
      display: block;
      animation: 0.2s ease-in-out loadDropdown forwards
    }

      .power-select-container.active .power-select-options-container.top {
        animation-name: loadDropup;
        -moz-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0px -3px 16px 0 rgba(18,52,77,0.16);
        -webkit-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0px -3px 16px 0 rgba(18,52,77,0.16);
        box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0px -3px 16px 0 rgba(18,52,77,0.16)
      }

      .power-select-container.active .power-select-options-container:empty {
        display: none
      }

  .power-select-container.disabled .power-select-trigger {
    background: #F7F9FA
  }

    .power-select-container.disabled .power-select-trigger .ws-logo-name-wrapper {
      background: #F7F9FA !important
    }

  .power-select-container .loader {
    display: none
  }

  .power-select-container.loading .ficon-chevron-down {
    display: none
  }

  .power-select-container.loading .loader {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 4px;
    bottom: 3px;
    background-color: transparent;
    animation: 0.75s linear spin infinite
  }

  .power-select-container.autocomplete {
    max-width: none;
    min-height: 35px
  }

    .power-select-container.autocomplete input.open-options {
      display: none
    }

    .power-select-container.autocomplete input.search-select {
      height: 35px
    }

    .power-select-container.autocomplete:not(.multiselect) {
      height: 35px
    }

      .power-select-container.autocomplete:not(.multiselect) .power-select-trigger {
        background: none;
        border: 0
      }

        .power-select-container.autocomplete:not(.multiselect) .power-select-trigger input {
          border: 1px solid #7B8E9F;
          border-radius: 4px;
          padding: 8px;
          height: 100%
        }

          .power-select-container.autocomplete:not(.multiselect) .power-select-trigger input:focus {
            -moz-box-shadow: 0 0 0 1px #2C5CC5 !important;
            -webkit-box-shadow: 0 0 0 1px #2C5CC5 !important;
            box-shadow: 0 0 0 1px #2C5CC5 !important;
            border: 1px solid #2C5CC5 !important
          }

      .power-select-container.autocomplete:not(.multiselect).active .power-select-trigger {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0
      }

      .power-select-container.autocomplete:not(.multiselect) .loader {
        bottom: 6px
      }

    .power-select-container.autocomplete.active .power-select-options-container.no-results, .power-select-container.autocomplete.active .power-select-options-container:empty {
      display: none;
      animation: none
    }

.ps-multiselect-list {
  padding: 0;
  margin: 0;
  border-radius: 4px
}

  .ps-multiselect-list li {
    position: relative;
    padding: 2px 8px;
    margin: 2px 0;
    background: #EBEFF3;
    border-radius: 4px;
    box-sizing: border-box;
    float: left;
    padding-right: 24px;
    margin-left: 2px;
    font-weight: 500;
    word-break: break-word
  }

    .ps-multiselect-list li a {
      position: absolute;
      right: 4px;
      top: 0;
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 2px 4px
    }

      .ps-multiselect-list li a:focus {
        position: absolute !important;
        border: 1px solid #2C5CC5;
        border-radius: 4px;
        -moz-box-shadow: 0 0 0 1px #2C5CC5;
        -webkit-box-shadow: 0 0 0 1px #2C5CC5;
        box-shadow: 0 0 0 1px #2C5CC5
      }

        .ps-multiselect-list li a:focus:after {
          display: none
        }

      .ps-multiselect-list li a img {
        width: 8px;
        height: 8px;
        transform: scale(2.75)
      }

.ws-logo-name-wrapper .logo-name {
  font-size: 12px;
  letter-spacing: 0.5px
}

.selected-option-template .ws-logo-name-wrapper {
  background: linear-gradient(180deg, #ffffff 0%,#f5f7f9 100%);
  position: absolute;
  left: 3px;
  right: 24px;
  top: 3px
}

@keyframes loadDropdown {
  0% {
    opacity: 0;
    transform: translateY(-30px)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes loadDropup {
  0% {
    opacity: 0;
    transform: translateY(30px)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  50% {
    transform: rotate(180deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

table.fs-table {
  border: 1px solid #DADFE3;
  border-radius: 2px;
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff
}

  table.fs-table thead tr {
    background: #fff;
    border-bottom: 1px solid #CFD7DF;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500
  }

    table.fs-table thead tr th {
      height: 40px;
      box-sizing: border-box;
      padding: 10px;
      border-right: 1px solid #CFD7DF;
      background: none repeat scroll 0 0 #F7F9FA
    }

  table.fs-table tbody tr {
    box-sizing: border-box;
    border-bottom: 1px solid #CFD7DF
  }

    table.fs-table tbody tr.active {
      background: #E5F2FD
    }

    table.fs-table tbody tr:hover, table.fs-table tbody tr.hover {
      background: #F5F7F9
    }

  table.fs-table tbody.loading tr td div {
    height: 12px;
    background-color: #EBEFF3;
    background-size: 500px 100px;
    border-radius: 2px;
    width: 80%
  }

  table.fs-table tr th, table.fs-table td {
    height: 56px;
    text-align: left;
    box-sizing: border-box;
    padding: 14px 10px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500
  }

    table.fs-table tr th:nth-child(1), table.fs-table td:nth-child(1) {
      width: 30%;
      line-height: 18px
    }

    table.fs-table tr th:nth-child(2), table.fs-table td:nth-child(2) {
      width: 20%;
      line-break: anywhere
    }

    table.fs-table tr th:nth-child(3), table.fs-table td:nth-child(3) {
      width: 20%
    }

.tabs .tablist {
  overflow: hidden;
  border-bottom: 1px solid #CFD7DF;
  padding: 4px 0px 0px 4px
}

  .tabs .tablist button {
    cursor: pointer;
    float: left;
    display: block;
    color: var(--textColor);
    background-color: #fff;
    text-align: center;
    padding: 10px 8px;
    text-decoration: none;
    font-size: 14px;
    line-height: 21px;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px
  }

    .tabs .tablist button:not(:first-child) {
      margin-left: 8px
    }

    .tabs .tablist button:hover {
      color: #2C5CC5
    }

    .tabs .tablist button.active {
      color: #2C5CC5;
      border-bottom: 3px solid #2C5CC5
    }

    .tabs .tablist button[tabindex="-1"]:focus {
      color: #2C5CC5;
      outline: none;
      position: relative
    }

      .tabs .tablist button[tabindex="-1"]:focus:after {
        content: '';
        position: absolute;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        box-sizing: border-box;
        border: 1px solid #2C5CC5;
        box-shadow: 0 0 0 1px #2C5CC5;
        border-radius: 4px;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px
      }

.tabs .tabs-content {
  height: calc(100vh - 258px);
  overflow: scroll;
  padding: 24px 2px
}

.pageless-container {
  position: relative
}

  .pageless-container .pageless-loader-live-msg {
    height: 0;
    width: 0;
    overflow: hidden
  }

  .pageless-container .pageless-loader {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    display: none
  }

    .pageless-container .pageless-loader img {
      animation-name: spin-clockwise;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      width: 30px;
      height: 30px
    }

  .pageless-container.pageless-loading {
    padding-bottom: 50px
  }

    .pageless-container.pageless-loading .pageless-loader {
      display: block
    }

.breadcrumbs-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

  .breadcrumbs-container ol {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 0;
    list-style-type: none
  }

    .breadcrumbs-container ol.hide-on-mobile {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center
    }

    .breadcrumbs-container ol.show-on-mobile {
      display: none
    }

    .breadcrumbs-container ol li {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center
    }

      .breadcrumbs-container ol li .breadcrumbs-link span, .breadcrumbs-container ol li .breadcrumbs-link-header {
        overflow: hidden;
        max-width: 300px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px;
        line-height: 24px
      }

      .breadcrumbs-container ol li .breadcrumbs-link {
        color: var(--linkColor);
        text-decoration: none
      }

        .breadcrumbs-container ol li .breadcrumbs-link:hover {
          color: var(--linkColorHover)
        }

      .breadcrumbs-container ol li .breadcrumbs-link-header {
        color: var(--textColor);
        font-family: var(--baseFont);
        font-weight: 400
      }

      .breadcrumbs-container ol li .ficon-arrow-right {
        margin: 2px 8px 0;
        display: inline
      }

.fs-overflow-tooltip {
  display: none;
  position: absolute;
  background: #12344D;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
  padding: 2px 8px
}

header #header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1440px;
  padding: 8px;
  margin: auto;
  width: 100%;
  box-sizing: border-box
}

  header #header-container .portal-name {
    font-weight: 500;
    color: #fff
  }

header #menu-icon {
  margin: 0;
  margin-left: 8px;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background: none;
  border-radius: 50%
}

  header #menu-icon .menu-icon {
    display: none
  }

  header #menu-icon .menu-white {
    display: block
  }

header .header-section {
  height: 40px;
  display: flex;
  align-items: center
}

  header .header-section.pull-left {
    height: auto
  }

  header .header-section > * {
    margin: 0 4px
  }

  header .header-section .helpdesk-number {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #fff;
    display: none;
    padding: 8px 16px
  }

    header .header-section .helpdesk-number:before {
      margin-right: 2px
    }

  header .header-section .user-notifications-menu #user-notification-icon i.ficon-notifications {
    color: #fff
  }

    header .header-section .user-notifications-menu #user-notification-icon i.ficon-notifications:hover, header .header-section .user-notifications-menu #user-notification-icon.active i {
      background-color: rgba(0,0,0,0.25)
    }

header .portal-logo {
  max-height: 32px
}

header .header-text.btn, header .date-picker-dialog .header .power-select-container .header-text.power-select-trigger, .date-picker-dialog .header .power-select-container header .header-text.power-select-trigger {
  color: var(--textColor)
}

header .menu-container {
  position: relative
}

  header .menu-container .menu {
    position: absolute;
    width: 175%;
    transform: translateY(-30px);
    animation: 0.2s ease-in-out headerCloseUp forwards;
    background: #fff;
    transition: 0.2s ease-in-out
  }

    header .menu-container .menu.open {
      animation: 0.2s ease-in-out headerOpenDown forwards
    }

header .header-section.pull-right .menu-container .menu, header .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .header-section#btn-submit .menu-container .menu, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update header .header-section#btn-submit .menu-container .menu {
  opacity: 0
}

header nav#main-nav {
  position: fixed;
  background: var(--nav_background);
  height: 100%;
  width: 20%;
  min-width: 325px;
  overflow: auto;
  top: 0;
  left: 0;
  z-index: 10;
  transform: translateX(-110%);
  transition: 0.2s ease-in-out;
  box-sizing: border-box;
  border-radius: 0;
  padding: 0;
  animation: 0.2s ease-in-out closeSidewards forwards
}

  header nav#main-nav .page-title {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    float: left;
    padding-left: 24px;
    background: #F5F7F9
  }

    header nav#main-nav .page-title h1 {
      padding: 0;
      color: var(--textColor);
      margin-left: 8px
    }

  header nav#main-nav .main-nav-items {
    padding: 16px;
    float: left;
    box-sizing: border-box;
    width: 100%
  }

    header nav#main-nav .main-nav-items a {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      min-width: 24px
    }

      header nav#main-nav .main-nav-items a:before {
        font-size: 24px;
        margin-right: 20px;
        min-width: 24px;
        text-align: center
      }

      header nav#main-nav .main-nav-items a .external-link {
        width: 11px;
        margin-left: 8px
      }

  header nav#main-nav.open {
    animation: 0.2s ease-in-out openSidewards forwards
  }

  header nav#main-nav a {
    display: block;
    padding: 16px;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    text-decoration: none;
    font-weight: 700;
    border-radius: 4px;
    color: #fff
  }

    header nav#main-nav a:before {
      color: #fff
    }

    header nav#main-nav a img {
      max-width: 24px;
      margin-right: 16px
    }

    header nav#main-nav a.active {
      background-color: var(--nav_active);
      color: #fff
    }

      header nav#main-nav a.active:before {
        color: #fff
      }

      header nav#main-nav a.active img {
        filter: invert(1)
      }

    header nav#main-nav a:not(.active):hover {
      background-color: var(--nav_hover);
      color: #fff
    }

      header nav#main-nav a:not(.active):hover:before {
        color: #fff
      }

header #btn-profile-options {
  background: none;
  border: none;
  outline: none
}

  header #btn-profile-options:hover {
    cursor: pointer
  }

header #user-dropdown {
  position: absolute;
  z-index: 1;
  margin-top: 8px;
  min-width: 222px;
  right: 0;
  width: auto;
  border-radius: 4px
}

  header #user-dropdown .user-profile-info {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
  }

    header #user-dropdown .user-profile-info .user-pic-thumb {
      margin-right: 8px;
      transform: scale(0.85)
    }

  header #user-dropdown .user-profile-info {
    border-radius: 4px;
    padding: 8px 16px 8px 11px;
    margin: 8px;
    margin-left: 0
  }

  header #user-dropdown [role="menu"] .external-link {
    width: 11px;
    margin-left: 6px
  }

header #btn-header-request {
  padding-left: 12px
}

  header #btn-header-request span {
    padding-left: 24px;
    background-position: left;
    display: inline-block;
    -ms-background-position-x: -18px;
    background: url(https://assets4.freshservice.com/assets/portal_v2/new-plus-black-4e33f1a5c86f0266caaa723319786e205b192cebf3490ca7f8567ea037f4d7d1.svg) no-repeat
  }

header #request-dropdown {
  margin: 8px 0;
  padding: 8px 16px;
  position: absolute;
  z-index: 1;
  min-width: 320px;
  width: auto;
  right: 0;
  border-radius: 4px
}

  header #request-dropdown h2 {
    font-size: 14px;
    font-weight: 500;
    margin: 0
  }

  header #request-dropdown p {
    font-size: 13px;
    margin: 0
  }

  header #request-dropdown a {
    margin: 8px 0;
    padding-left: 64px;
    background-position: 8px center;
    background-size: 38px 38px;
    background-repeat: no-repeat
  }

    header #request-dropdown a.incident {
      background-image: url(https://assets6.freshservice.com/assets/portal_v2/incident-f6d886d4f64ae8cf4da868255f3d296d526dacb74acb45b7e76a017202b77535.svg)
    }

    header #request-dropdown a.service-request {
      background-image: url(https://assets10.freshservice.com/assets/portal_v2/service_catalog-9c7801db4f2470efe9ac7e57b342b6ceef9b1ba072fa4788e57279265c713861.svg)
    }

    header #request-dropdown a.change {
      background-image: url(https://assets7.freshservice.com/assets/portal_v2/change-68fdc5ae8782b8eb742e2d817933e9246debcd81ef904abc8ecf981e36eaaecc.svg)
    }

    header #request-dropdown a.employee-onboarding {
      background-image: url(https://assets7.freshservice.com/assets/portal_v2/employee_onboarding-96e0415e4335e2dc6b1a78b2d00d6ae4e39df6926c08caaf8b6c409d2d90a060.svg)
    }

    header #request-dropdown a.employee-offboarding {
      background-image: url(https://assets7.freshservice.com/assets/portal_v2/employee_offboarding-05443ff1b39ca286f55d19fe7610cabf34aa04af3f9e7f4b528f372698cf7265.svg)
    }

[page='portal_home'] #header-container {
  position: relative;
  z-index: 1
}

#omnibar-container {
  position: fixed;
  bottom: 8px;
  min-width: 260px !important;
  display: none
}

  #omnibar-container .omnibar-icon .trigger-button-container {
    position: fixed;
    bottom: 16px;
    z-index: 11;
    left: 24px;
    right: initial
  }

  #omnibar-container .omnibar-placeholder {
    position: fixed;
    bottom: 20px;
    left: 70px;
    z-index: 11;
    color: var(--textColor);
    font-weight: 500;
    font-size: 14px
  }

    #omnibar-container .omnibar-placeholder:hover {
      cursor: pointer
    }

    #omnibar-container .omnibar-placeholder.open {
      animation: 0.2s ease-in-out openDown forwards
    }

.freshworks-products-container .accounts-for-product-container .product-account {
  margin: 0
}

@keyframes headerCloseUp {
  0% {
    transform: translateY(0);
    opacity: 1
  }

  100% {
    transform: translateY(-30px);
    opacity: 0
  }
}

@keyframes headerOpenDown {
  0% {
    transform: translateY(-30px);
    opacity: 0
  }

  100% {
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes openSidewards {
  0% {
    transform: translateX(-110%);
    opacity: 0.7
  }

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

@keyframes closeSidewards {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-110%)
  }
}

.announcement-banner-container {
  display: block;
  display: flex;
  align-items: center;
  border-top: 1px solid #848FFF
}

  .announcement-banner-container .announcement-latest {
    margin: 16px 0;
    padding: 0 16px;
    display: inline-block;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    border-right: 1px solid #888 !important
  }

  .announcement-banner-container .announcement-link {
    align-items: center;
    border: none;
    border-radius: 0;
    padding: 0;
    text-align: initial;
    margin-bottom: auto;
    top: 0;
    left: 0
  }

    .announcement-banner-container .announcement-link:hover {
      background: none;
      border: none
    }

  .announcement-banner-container .announcement-content {
    width: 546px;
    white-space: nowrap;
    color: #F5F7F9;
    text-align: left;
    text-overflow: ellipsis
  }

    .announcement-banner-container .announcement-content .announcement-postedby {
      color: #F5F7F9
    }

  .announcement-banner-container .announcement-show-all {
    padding: 0 32px
  }

  .announcement-banner-container .announcement-show-all-link {
    color: #F5F7F9;
    text-decoration: none;
    border-bottom: 1px dashed #888;
    white-space: nowrap
  }

#announcement-banner .announcement-banner-container .announcement-link {
  display: inline-block
}

  #announcement-banner .announcement-banner-container .announcement-link .announcement-title {
    font-size: 14px;
    color: #fff;
    height: inherit
  }

#announcement-banner .announcement-banner-container .announcement-show-all {
  display: inline-block
}

.announcement-header {
  font-size: 24px;
  font-weight: 500;
  margin: -5px 0 16px 0
}

.announcements-list {
  max-height: calc(100% - 40px);
  overflow: auto;
  scroll-behavior: smooth
}

.announcement-list-item {
  list-style: none;
  width: 100%;
  box-shadow: 0 1px 6px 0 rgba(22,29,37,0.05);
  box-sizing: border-box;
  border: 1px solid #EBEFF3;
  border-radius: 4px;
  margin: 0 0 8px 0
}

  .announcement-list-item:first-child {
    margin-top: 2px
  }

  .announcement-list-item:hover {
    background-color: #F5F7F9;
    border: 1px solid #CFD7DF
  }

.announcement-no-item {
  min-height: 400px
}

  .announcement-no-item .no-item-img {
    background-image: url(https://assets1.freshservice.com/assets/portal_v2/no-announcement-7564a3742071e91fff87a0fbd34e08e1c2c913b00b758ea3a66a894f6c0f62ba.svg);
    background-size: cover;
    margin: 0 auto;
    padding: 32px;
    height: 170px;
    width: 170px
  }

  .announcement-no-item .no-item-content {
    display: block;
    margin: 32px auto;
    text-align: center
  }

.announcement-link {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  padding: 16px;
  text-decoration: none;
  position: relative;
  top: 4px;
  width: calc(100% - 8px);
  left: 4px
}

.announcement-postedby-img {
  display: inline-block;
  height: 40px;
  vertical-align: top;
  margin-right: 16px
}

.announcement-title {
  font-size: 14px;
  margin: 0;
  font-family: var(--baseFont);
  color: var(--textColor);
  overflow: hidden;
  padding-bottom: 4px;
  text-overflow: ellipsis;
  font-weight: 700
}

.announcement-postedby {
  line-height: normal;
  margin: 2px 0
}

.announcement-content {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  width: calc(100% - 56px)
}

  .announcement-content .author {
    font-weight: 500
  }

.announcement-detail-nav {
  font-weight: 500;
  margin-bottom: 22px;
  height: 20px
}

  .announcement-detail-nav .back {
    color: var(--linkColor);
    border: none;
    background-color: inherit;
    display: inline-block;
    font-size: 14px;
    font-weight: inherit;
    height: 100%;
    line-height: 20px;
    text-decoration: none;
    vertical-align: middle
  }

    .announcement-detail-nav .back:hover {
      color: var(--linkColorHover)
    }

  .announcement-detail-nav .back-icon {
    display: inline-block;
    font-size: 20px;
    height: inherit;
    line-height: inherit;
    vertical-align: middle;
    margin-right: 12px
  }

.announcement-detail-container {
  height: calc(100% - 40px);
  overflow: auto
}

.announcement-detail-header {
  padding: 0;
  height: initial;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.announcement-detail-title {
  font-size: 18px;
  line-height: 24px;
  font-family: var(--headingsFont);
  color: var(--headingsColor);
  margin: 0;
  position: relative;
  overflow: visible
}

.announcement-detail-description {
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px
}

  .announcement-detail-description img, .announcement-detail-description iframe {
    border: 0;
    max-width: 100%
  }

.side-modal .announcement-detail-loader .results-loader {
  padding: 0
}

  .side-modal .announcement-detail-loader .results-loader .inner-row {
    margin-bottom: 16px
  }

  .side-modal .announcement-detail-loader .results-loader .line-large {
    width: 100%
  }

  .side-modal .announcement-detail-loader .results-loader .line-small {
    width: 60%
  }

  .side-modal .announcement-detail-loader .results-loader:first-child .round-dot {
    display: inline-block;
    height: 28px;
    width: 28px
  }

  .side-modal .announcement-detail-loader .results-loader:first-child .line-large, .side-modal .announcement-detail-loader .results-loader:first-child .line-small {
    margin-left: 44px
  }

  .side-modal .announcement-detail-loader .results-loader:first-child .line-small {
    width: 55%
  }

  .side-modal .announcement-detail-loader .results-loader:first-child .inner-row {
    display: none
  }

    .side-modal .announcement-detail-loader .results-loader:first-child .inner-row:first-child {
      display: block
    }

#global-search-home {
  transition: 0.05s ease
}

body.overflow-hidden #global-search-home {
  opacity: 0
}

#search-layout-container {
  transition: 0.1s ease-in-out
}

  #search-layout-container #search-overlay {
    transition: 0.1s ease;
    background: transparent
  }

    #search-layout-container #search-overlay .search-container > * {
      opacity: 0;
      transition: 0.1s ease 0.01s;
      font-weight: 700
    }

    #search-layout-container #search-overlay .search-container .s-input-container {
      opacity: 0.75;
      transition: 0.1s ease 0.01s
    }

  #search-layout-container[data-source="global-search-home"] #search-overlay .search-container .s-input-container {
    transform: translateY(158px) scaleX(0.85)
  }

  #search-layout-container[data-source="header-search"] #search-overlay .search-container .s-input-container {
    transform: translate(394px, -22px) scale(0.38, 0.5)
  }

  #search-layout-container.show #search-overlay {
    background: #F5F7F9
  }

    #search-layout-container.show #search-overlay .search-container > * {
      opacity: 1
    }

    #search-layout-container.show #search-overlay .search-container .s-input-container {
      opacity: 1;
      transform: translateY(0) scaleX(1)
    }

input.search-input {
  font-size: 20px;
  color: var(--textColor);
  height: 60px;
  width: 100%;
  padding: 16px 65px 16px 48px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.16);
  -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.16);
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.16);
  border: 1px solid #CFD7DF
}

  input.search-input[type=search]::-ms-clear, input.search-input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
  }

  input.search-input[type="search"]::-webkit-search-decoration, input.search-input[type="search"]::-webkit-search-cancel-button, input.search-input[type="search"]::-webkit-search-results-button, input.search-input[type="search"]::-webkit-search-results-decoration {
    display: none
  }

  input.search-input#global-search-home {
    border-color: transparent;
    -moz-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2);
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2)
  }

    input.search-input#global-search-home:focus {
      border-color: #12344D
    }

  input.search-input#header-search {
    background-color: #fff;
    border: 1px solid #CFD7DF;
    padding: 8px 16px 8px 28px;
    height: 36px;
    font-size: 16px;
    width: 300px;
    box-shadow: none
  }

    input.search-input#header-search:focus {
      border: 2px solid #2C5CC5
    }

  input.search-input:focus {
    position: initial;
    border: 2px solid #2C5CC5;
    -moz-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.16);
    -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.16);
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.16)
  }

  input.search-input:disabled {
    background: #F7F9FA;
    border: solid 1px #CFD7DF;
    box-shadow: none
  }

    input.search-input:disabled ::placeholder {
      color: #92A2B1
    }

.ellipsis, #search-overlay .search-container .recent-searches-container .recent-search-link, #search-overlay .search-container .popular-articles-container .recent-search-link, #search-overlay .search-container .recent-searches-container .popular-article-link, #search-overlay .search-container .popular-articles-container .popular-article-link, #search-overlay .report-issue .search-text, #search-overlay .search-result-container .tabpanel ul li.tickets .status-pill, #search-overlay .search-result-container .tabpanel ul .subject, #search-overlay .search-result-container .tabpanel ul .description, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .survey_option_text, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info .bundle-item-name, body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .service-item-name, #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table th .text-ellipsis, #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table td .text-ellipsis, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table th .text-ellipsis, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table td .text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

#search-form-header {
  position: relative
}

  #search-form-header .ficon-search {
    position: absolute;
    font-size: 16px;
    color: var(--secondaryColor);
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
  }

.keyboard-user .recent-search a:focus, .keyboard-user .popular-articles-container a:focus {
  box-sizing: border-box;
  border: 1px solid #2C5CC5;
  box-shadow: 0 0 0 2px #2C5CC5;
  border-radius: 4px
}

#search-form {
  position: relative;
  width: 680px;
  max-width: 100%;
  margin: 0 auto
}

  #search-form .ficon-search {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 24px;
    color: var(--secondaryColor)
  }

#search-overlay {
  position: fixed;
  z-index: 999;
  background: #F5F7F9;
  width: 100%;
  min-height: 100%;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
  text-align: left
}

  #search-overlay li {
    margin: 0
  }

  #search-overlay .search-container {
    width: 800px;
    padding: 24px 0 50px;
    margin: 0 auto;
    position: relative
  }

    #search-overlay .search-container .s-input-container {
      position: relative
    }

    #search-overlay .search-container .ficon-search {
      position: absolute;
      top: 16px;
      left: 16px;
      font-size: 24px;
      color: var(--secondaryColor);
      z-index: 2
    }

      #search-overlay .search-container .ficon-search.disabled {
        color: #92A2B1
      }

    #search-overlay .search-container .clear-search {
      top: 20px;
      color: var(--linkColor);
      position: absolute;
      right: 24px;
      font-size: 16px;
      text-decoration: none;
      border-bottom: dashed 1px var(--linkColor)
    }

      #search-overlay .search-container .clear-search:hover {
        color: var(--linkColorHover);
        border-bottom: dashed 1px var(--linkColorHover)
      }

    #search-overlay .search-container .close-search-btn {
      border-radius: 20px;
      background-color: #fff;
      -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.09);
      -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.09);
      box-shadow: 0 1px 1px 0 rgba(0,0,0,0.09);
      padding: 10px 16px;
      position: absolute;
      font-size: 14px;
      font-weight: 700;
      right: -200px;
      top: 34px
    }

      #search-overlay .search-container .close-search-btn i {
        margin-right: 3px;
        font-size: 12px
      }

      #search-overlay .search-container .close-search-btn:focus:after {
        border-radius: 25px
      }

    #search-overlay .search-container #start-search {
      text-align: center;
      margin-top: 100px
    }

      #search-overlay .search-container #start-search .search-keyboard-img {
        width: 100px;
        height: 78px;
        margin: 0 auto;
        background-image: url(https://assets8.freshservice.com/assets/portal_v2/search-keyboard-407966eb44a873877452199557521f6dd14beeb46fea77fd84754885c046c16b.svg)
      }

      #search-overlay .search-container #start-search .search-msg {
        font-size: 16px;
        color: #527FA5
      }

    #search-overlay .search-container .recent-search-head {
      margin-bottom: 12px
    }

    #search-overlay .search-container .recent-searches-container, #search-overlay .search-container .popular-articles-container {
      display: none;
      margin-top: 24px
    }

      #search-overlay .search-container .recent-searches-container.active, #search-overlay .search-container .popular-articles-container.active {
        display: block;
        animation: 0.2s linear loadSearchContent forwards
      }

      #search-overlay .search-container .recent-searches-container ul, #search-overlay .search-container .popular-articles-container ul {
        padding-left: 8px
      }

        #search-overlay .search-container .recent-searches-container ul .recent-search, #search-overlay .search-container .recent-searches-container ul .popular-article, #search-overlay .search-container .popular-articles-container ul .recent-search, #search-overlay .search-container .popular-articles-container ul .popular-article {
          list-style: none;
          font-size: 14px;
          margin: 0 0 16px
        }

          #search-overlay .search-container .recent-searches-container ul .recent-search:before, #search-overlay .search-container .recent-searches-container ul .popular-article:before, #search-overlay .search-container .popular-articles-container ul .recent-search:before, #search-overlay .search-container .popular-articles-container ul .popular-article:before {
            content: '';
            background-color: #1D4289;
            margin-right: 16px;
            margin-bottom: 3px;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            float: left;
            margin-top: 7px
          }

      #search-overlay .search-container .recent-searches-container .recent-search-title, #search-overlay .search-container .popular-articles-container .recent-search-title {
        width: 60%;
        display: inline-block;
        margin-bottom: 0
      }

      #search-overlay .search-container .recent-searches-container .clear-recent-search, #search-overlay .search-container .popular-articles-container .clear-recent-search {
        font-size: 14px
      }

      #search-overlay .search-container .recent-searches-container .recent-search-link, #search-overlay .search-container .popular-articles-container .recent-search-link {
        color: #475867;
        display: block
      }

      #search-overlay .search-container .recent-searches-container .popular-article-link, #search-overlay .search-container .popular-articles-container .popular-article-link {
        display: block;
        color: var(--linkColor);
        text-decoration: none
      }

        #search-overlay .search-container .recent-searches-container .popular-article-link:hover, #search-overlay .search-container .popular-articles-container .popular-article-link:hover {
          color: var(--linkColorHover)
        }

      #search-overlay .search-container .recent-searches-container .clear-sec, #search-overlay .search-container .popular-articles-container .clear-sec {
        width: 39%;
        text-align: right;
        display: inline-block
      }

      #search-overlay .search-container .recent-searches-container h2, #search-overlay .search-container .popular-articles-container h2 {
        font-size: 14px;
        padding-bottom: 12px;
        line-height: 16px;
        text-transform: uppercase
      }

        #search-overlay .search-container .recent-searches-container h2 i, #search-overlay .search-container .popular-articles-container h2 i {
          margin-right: 8px
        }

    #search-overlay .search-container .border-bottom {
      border-bottom: solid 1px #CFD7DF
    }

  #search-overlay .report-issue {
    background: #fff;
    padding: 8px 24px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12);
    box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12);
    min-height: 50px;
    margin-bottom: 50px
  }

    #search-overlay .report-issue .content-container {
      width: 70%;
      text-align: left;
      float: left;
      margin-top: 8px
    }

    #search-overlay .report-issue .ct-title {
      font-size: 16px;
      font-weight: 400;
      margin: 0 0 8px
    }

    #search-overlay .report-issue .search-text {
      margin: 0;
      font-weight: 700
    }

    #search-overlay .report-issue #create-ticket {
      float: right;
      margin-top: 8px
    }

  #search-overlay .search-result-container.no-tabs {
    padding-top: 24px
  }

  #search-overlay .search-result-container #all-result-tabpanel, #search-overlay .search-result-container .tabpanel.no-result {
    margin: 0;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
  }

    #search-overlay .search-result-container #all-result-tabpanel ul, #search-overlay .search-result-container .tabpanel.no-result ul {
      background-color: #fff;
      margin: 16px 0 32px;
      border-radius: 4px;
      -moz-box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12);
      -webkit-box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12);
      box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12)
    }

  #search-overlay .search-result-container .tabpanel {
    background-color: #fff;
    margin: 16px 0 32px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12);
    box-shadow: 0 1px 3px 0 rgba(32,33,39,0.12)
  }

    #search-overlay .search-result-container .tabpanel nav {
      border-top: 1px solid #EBEFF3
    }

    #search-overlay .search-result-container .tabpanel ul {
      padding: 4px;
      list-style: none
    }

      #search-overlay .search-result-container .tabpanel ul li:focus {
        border: solid 1px #2C5CC5
      }

      #search-overlay .search-result-container .tabpanel ul li:not(.inactive):hover {
        background: #F5F7F9;
        border-radius: 4px
      }

      #search-overlay .search-result-container .tabpanel ul li.tickets .status-pill {
        padding: 4px 8px;
        font-size: 12px;
        font-weight: 700;
        border-radius: 4px;
        margin-top: -31px;
        max-width: 100px;
        float: right
      }

        #search-overlay .search-result-container .tabpanel ul li.tickets .status-pill.status-2, #search-overlay .search-result-container .tabpanel ul li.tickets .status-pill.status-3 {
          border: solid 1px #FDDBB5;
          background-color: #FEF1E1
        }

        #search-overlay .search-result-container .tabpanel ul li.tickets .status-pill.status-4, #search-overlay .search-result-container .tabpanel ul li.tickets .status-pill.status-5 {
          border: solid 1px #B4E5D9;
          background-color: #E0F5F0
        }

        #search-overlay .search-result-container .tabpanel ul li.tickets .status-pill.status-default {
          border: solid 1px #B4E5D9;
          background-color: #E0F5F0
        }

      #search-overlay .search-result-container .tabpanel ul li.tickets .subject {
        margin-bottom: 6px;
        font-weight: 500
      }

      #search-overlay .search-result-container .tabpanel ul li.solutions .subject {
        margin: 0
      }

      #search-overlay .search-result-container .tabpanel ul li.assets .icon-container {
        width: 38px;
        height: 38px;
        padding: 2px;
        box-sizing: border-box;
        margin-right: 12px;
        border: 1px solid #CFD7DF;
        border-radius: 4px
      }

      #search-overlay .search-result-container .tabpanel ul .results-link {
        color: var(--textColor);
        font-size: 14px;
        font-weight: 700;
        display: block;
        padding: 16px
      }

        #search-overlay .search-result-container .tabpanel ul .results-link:hover {
          color: var(--textColor)
        }

      #search-overlay .search-result-container .tabpanel ul .subject {
        margin-bottom: 4px;
        width: calc(100% - 176px)
      }

      #search-overlay .search-result-container .tabpanel ul .ticket-id {
        color: #527FA5
      }

      #search-overlay .search-result-container .tabpanel ul .description {
        font-weight: 400;
        width: calc(100% - 176px)
      }

      #search-overlay .search-result-container .tabpanel ul .agent-name {
        padding-left: 4px
      }

      #search-overlay .search-result-container .tabpanel ul .date-time {
        margin-right: 4px
      }

      #search-overlay .search-result-container .tabpanel ul .icon-results {
        border-radius: 4px;
        width: 32px;
        height: 32px;
        box-sizing: border-box;
        text-align: center;
        padding-top: 8px;
        display: inline-block;
        border: solid 1px #B4E5D9;
        margin-right: 12px
      }

        #search-overlay .search-result-container .tabpanel ul .icon-results.k-base {
          color: #007958;
          background: #E0F5F0
        }

        #search-overlay .search-result-container .tabpanel ul .icon-results.service-catalog {
          border: 0;
          padding-top: 0
        }

        #search-overlay .search-result-container .tabpanel ul .icon-results.tickets {
          color: #2C5CC5;
          background: #DFF0FF;
          border-color: #2C518C
        }

      #search-overlay .search-result-container .tabpanel ul .subj-container {
        width: calc(100% - 54px)
      }

    #search-overlay .search-result-container .tabpanel.no-result .no-results-container {
      display: block
    }

    #search-overlay .search-result-container .tabpanel.no-result ul, #search-overlay .search-result-container .tabpanel.no-result nav {
      display: none
    }

    #search-overlay .search-result-container .tabpanel .no-results-container {
      display: none
    }

  #search-overlay .search-result-container .view-all-link {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 16px 8px
  }

  #search-overlay .search-result-container .tabs-sub-head {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500
  }

  #search-overlay a.create-ticket {
    border-bottom: dashed 1px var(--linkColor);
    font-weight: 500
  }

    #search-overlay a.create-ticket:hover {
      border-bottom: dashed 1px var(--linkColorHover)
    }

  #search-overlay .no-results-found, #search-overlay .server-error, #search-overlay .search-disabled {
    text-align: center;
    width: 312px;
    margin: 100px auto;
    color: #527FA5;
    font-size: 16px;
    font-weight: 500
  }

    #search-overlay .no-results-found #no-result-text, #search-overlay .server-error #no-result-text, #search-overlay .search-disabled #no-result-text {
      font-weight: 700
    }

    #search-overlay .no-results-found #try-again-link, #search-overlay .server-error #try-again-link, #search-overlay .search-disabled #try-again-link {
      padding-bottom: 2px;
      border-bottom: dashed 1px var(--linkColor)
    }

      #search-overlay .no-results-found #try-again-link:hover, #search-overlay .server-error #try-again-link:hover, #search-overlay .search-disabled #try-again-link:hover {
        border-bottom: dashed 1px var(--linkColorHover)
      }

    #search-overlay .no-results-found .img, #search-overlay .server-error .img, #search-overlay .search-disabled .img {
      width: 120px;
      height: 120px;
      margin: 0 auto
    }

    #search-overlay .no-results-found .no-results-found-img, #search-overlay .server-error .no-results-found-img, #search-overlay .search-disabled .no-results-found-img {
      background-image: url(https://assets4.freshservice.com/assets/portal_v2/search-no-results-6231de2d63a1242363e2a4dcb8318a36ebcabdf120da0236681af9244007b91d.svg)
    }

    #search-overlay .no-results-found .server-error-img, #search-overlay .server-error .server-error-img, #search-overlay .search-disabled .server-error-img {
      background-image: url(https://assets4.freshservice.com/assets/portal_v2/search-no-results-6231de2d63a1242363e2a4dcb8318a36ebcabdf120da0236681af9244007b91d.svg)
    }

    #search-overlay .search-disabled .login-button {
      padding-top: 8px;
      display: block
    }

  #search-overlay #lastFocusableEle:focus:after {
    border: none;
    box-shadow: none
  }

  #search-overlay a.closure-link * {
    pointer-events: none
  }

@keyframes loadSearchContent {
  0% {
    opacity: 0;
    transform: translateY(-10px)
  }

  50% {
    opacity: 0.2;
    transform: translateY(-5px)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

#search-content-container .search-content {
  display: none
}

#search-content-container .tabpanel.active .results-loader.row {
  display: block
}

#search-content-container #search-results .tabs-content #loaders-in-tab {
  display: none
}

#search-content-container #search-results .tabs-content.show-tabs-loader #loaders-in-tab {
  display: block
}

#search-content-container #search-results .tabs-content.show-tabs-loader .results {
  display: none
}

#search-content-container #create-ticket-container {
  opacity: 0
}

  #search-content-container #create-ticket-container #create-ticket {
    display: none
  }

  #search-content-container #create-ticket-container.show {
    transition: 0.1s linear;
    opacity: 1
  }

    #search-content-container #create-ticket-container.show #create-ticket {
      display: block
    }

#search-content-container[data-show="start-search"] #start-search {
  display: block;
  animation: 0.2s linear loadSearchContent forwards
}

#search-content-container[data-show="before-results-load"] #before-results-load {
  display: block;
  animation: 0.2s linear loadSearchContent forwards
}

#search-content-container[data-show="loader-template"] #loader-template {
  display: block
}

  #search-content-container[data-show="loader-template"] #loader-template .results-loader {
    display: block
  }

#search-content-container[data-show="search-results"] #search-results {
  display: block;
  animation: 0.2s linear loadSearchContent forwards
}

#search-content-container[data-show="no-results-found"] #no-results-found {
  display: block;
  animation: 0.2s linear loadSearchContent forwards
}

#search-content-container[data-show="server-error"] #server-error {
  display: block;
  animation: 0.2s linear loadSearchContent forwards
}

#search-content-container[data-show="search-disabled"] #search-disabled {
  display: block;
  animation: 0.2s linear loadSearchContent forwards
}

#home-page-container #cards-banner {
  width: 100%;
  padding: 48px 72px;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1600px;
  margin: auto
}

  #home-page-container #cards-banner.banner-4, #home-page-container #cards-banner.banner-3 {
    max-width: 1200px
  }

  #home-page-container #cards-banner[data-card-template="3"] .card {
    display: grid;
    grid-template-areas: "text image";
    grid-template-columns: 1fr auto
  }

  #home-page-container #cards-banner[data-card-template="2"] .card {
    display: grid;
    grid-template-areas: "image" "text";
    justify-items: center;
    text-align: center
  }

    #home-page-container #cards-banner[data-card-template="2"] .card .card-text {
      width: auto
    }

  #home-page-container #cards-banner[data-card-template="3"] .card {
    display: grid;
    grid-template-areas: "text image";
    grid-template-columns: 1fr auto
  }

  #home-page-container #cards-banner[data-card-template="2"] .card {
    display: grid;
    grid-template-areas: "image" "text";
    justify-items: center;
    text-align: center
  }

    #home-page-container #cards-banner[data-card-template="2"] .card .card-text {
      width: auto
    }

  #home-page-container #cards-banner .card {
    width: 400px;
    min-height: 136px;
    margin: 16px;
    background: #fff;
    border-radius: 4px;
    text-decoration: none;
    color: var(--textColor);
    padding: 28px 24px;
    box-sizing: border-box;
    -moz-box-shadow: 0 6px 19px 0 rgba(32,33,39,0.08);
    -webkit-box-shadow: 0 6px 19px 0 rgba(32,33,39,0.08);
    box-shadow: 0 6px 19px 0 rgba(32,33,39,0.08);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    display: flex;
    align-items: center
  }

    #home-page-container #cards-banner .card:hover, #home-page-container #cards-banner .card:focus, #home-page-container #cards-banner .card:active {
      background-color: #F5F7F9
    }

    #home-page-container #cards-banner .card img {
      width: 64px;
      margin-right: 8px;
      vertical-align: middle;
      grid-area: image
    }

    #home-page-container #cards-banner .card .card-text {
      grid-area: text;
      overflow-wrap: anywhere
    }

    #home-page-container #cards-banner .card .external-link {
      width: 11px;
      margin: -4px 0 0 6px
    }

    #home-page-container #cards-banner .card div {
      width: calc(100% - 94px);
      margin-left: 8px;
      vertical-align: top
    }

    #home-page-container #cards-banner .card h3 {
      margin: 8px 0
    }

    #home-page-container #cards-banner .card p {
      margin: 4px 0
    }

#home-page-container #hero-banner {
  height: 372px;
  background: none,url(https://assets2.freshservice.com/assets/portal_v2/hero-left-5105ddc1d07ae971c2e6d2af9e3322bf7580c831743b875cb5e9b01740fd7909.svg) left bottom no-repeat,url(https://assets8.freshservice.com/assets/portal_v2/hero-right-c9436a67e35f1b48ad07c25448a409ee00b51f5423f36b41c7976c08077f61fd.svg) right bottom no-repeat,linear-gradient(356.12deg, #5756d1 0%,#3924a7 100%);
  margin-top: -64px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  padding-top: 108px
}

  #home-page-container #hero-banner .hero-banner-container > h2 {
    font-size: 40px;
    color: #fff;
    height: 40px;
    margin-top: 8px
  }

#home-page-container #home-lists-container {
  background: #fff;
  width: 100%;
  padding: 24px 82px;
  box-sizing: border-box;
  min-height: 260px
}

  #home-page-container #home-lists-container > .results-loader {
    display: block
  }

  #home-page-container #home-lists-container > h2 {
    max-width: 1200px;
    margin: auto
  }

  #home-page-container #home-lists-container .results-loader {
    max-width: 1200px;
    margin: 0;
    padding-left: 0
  }

    #home-page-container #home-lists-container .results-loader .line-large {
      width: 85%;
      margin-left: 0
    }

    #home-page-container #home-lists-container .results-loader .line-small {
      margin-left: 0
    }

  #home-page-container #home-lists-container .display-id {
    max-width: 1200px;
    font-weight: 400
  }

  #home-page-container #home-lists-container #ticket-list-container, #home-page-container #home-lists-container #change-list-container, #home-page-container #home-lists-container #onboard-list-container, #home-page-container #home-lists-container #offboard-list-container {
    width: 100%;
    max-width: 1200px;
    margin: auto
  }

    #home-page-container #home-lists-container #ticket-list-container h2, #home-page-container #home-lists-container #change-list-container h2, #home-page-container #home-lists-container #onboard-list-container h2, #home-page-container #home-lists-container #offboard-list-container h2 {
      font-size: 18px
    }

    #home-page-container #home-lists-container #ticket-list-container ul li, #home-page-container #home-lists-container #change-list-container ul li, #home-page-container #home-lists-container #onboard-list-container ul li, #home-page-container #home-lists-container #offboard-list-container ul li {
      margin: 16px 0
    }

      #home-page-container #home-lists-container #ticket-list-container ul li span.status, #home-page-container #home-lists-container #change-list-container ul li span.status, #home-page-container #home-lists-container #onboard-list-container ul li span.status, #home-page-container #home-lists-container #offboard-list-container ul li span.status {
        position: absolute;
        top: 50%;
        padding: 4px 8px;
        right: 16px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 700;
        transform: translateY(-50%);
        background-color: #E0F5F0;
        border: 1px solid #B4E5D9;
        border-radius: 4px;
        max-width: 150px;
        text-align: left;
        word-break: break-word
      }

        #home-page-container #home-lists-container #ticket-list-container ul li span.status.active, #home-page-container #home-lists-container #change-list-container ul li span.status.active, #home-page-container #home-lists-container #onboard-list-container ul li span.status.active, #home-page-container #home-lists-container #offboard-list-container ul li span.status.active {
          background-color: #FEF1E1;
          border: 1px solid #FDDBB5
        }

      #home-page-container #home-lists-container #ticket-list-container ul li span.source, #home-page-container #home-lists-container #change-list-container ul li span.source, #home-page-container #home-lists-container #onboard-list-container ul li span.source, #home-page-container #home-lists-container #offboard-list-container ul li span.source {
        margin-left: 4px
      }

      #home-page-container #home-lists-container #ticket-list-container ul li span.assign-to, #home-page-container #home-lists-container #change-list-container ul li span.assign-to, #home-page-container #home-lists-container #onboard-list-container ul li span.assign-to, #home-page-container #home-lists-container #offboard-list-container ul li span.assign-to {
        margin-left: 8px;
        padding-left: 12px;
        border-left: 1px solid
      }

      #home-page-container #home-lists-container #ticket-list-container ul li p, #home-page-container #home-lists-container #change-list-container ul li p, #home-page-container #home-lists-container #onboard-list-container ul li p, #home-page-container #home-lists-container #offboard-list-container ul li p {
        margin-bottom: 0
      }

    #home-page-container #home-lists-container #ticket-list-container .link, #home-page-container #home-lists-container #ticket-list-container .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #ticket-list-container .retry, #home-page-container #home-lists-container #ticket-list-container .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #ticket-list-container .retry, #home-page-container #home-lists-container #ticket-list-container .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #ticket-list-container .retry, #home-page-container #home-lists-container #ticket-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear, #home-page-container #home-lists-container #ticket-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear, #home-page-container #home-lists-container #ticket-list-container .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear, #home-page-container #home-lists-container #ticket-list-container #service-request-container .btn-clear, #service-request-container #home-page-container #home-lists-container #ticket-list-container .btn-clear, #home-page-container #home-lists-container #ticket-list-container #service-request-container .lookup-field-clear, #service-request-container #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear, #home-page-container #home-lists-container #ticket-list-container #service-request-container .service-container .service-item-details .service-details .service-description .read-more, #service-request-container .service-container .service-item-details .service-details .service-description #home-page-container #home-lists-container #ticket-list-container .read-more, #home-page-container #home-lists-container #ticket-list-container #service-request-container .service-container .loaner-section div.available-info-container input#available-time, #service-request-container .service-container .loaner-section div.available-info-container #home-page-container #home-lists-container #ticket-list-container input#available-time, #home-page-container #home-lists-container #ticket-list-container #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description #home-page-container #home-lists-container #ticket-list-container .read-more, #home-page-container #home-lists-container #ticket-list-container #service-request-container .service-container .bundle-container .bundle-items-container .load-more, #service-request-container .service-container .bundle-container .bundle-items-container #home-page-container #home-lists-container #ticket-list-container .load-more, #home-page-container #home-lists-container #ticket-list-container #ticket-new-main .default_department .lookup-field-clear, #ticket-new-main .default_department #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear, #home-page-container #home-lists-container #ticket-list-container #ticket-new-main .custom_lookup .lookup-field-clear, #ticket-new-main .custom_lookup #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear, #home-page-container #home-lists-container #ticket-list-container #ticket-new-main .custom_multi_lookup .lookup-field-clear, #ticket-new-main .custom_multi_lookup #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear, #home-page-container #home-lists-container #change-list-container .link, #home-page-container #home-lists-container #change-list-container .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #change-list-container .retry, #home-page-container #home-lists-container #change-list-container .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #change-list-container .retry, #home-page-container #home-lists-container #change-list-container .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #change-list-container .retry, #home-page-container #home-lists-container #change-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #change-list-container .lookup-field-clear, #home-page-container #home-lists-container #change-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #change-list-container .lookup-field-clear, #home-page-container #home-lists-container #change-list-container .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #home-page-container #home-lists-container #change-list-container .lookup-field-clear, #home-page-container #home-lists-container #change-list-container #service-request-container .btn-clear, #service-request-container #home-page-container #home-lists-container #change-list-container .btn-clear, #home-page-container #home-lists-container #change-list-container #service-request-container .lookup-field-clear, #service-request-container #home-page-container #home-lists-container #change-list-container .lookup-field-clear, #home-page-container #home-lists-container #change-list-container #service-request-container .service-container .service-item-details .service-details .service-description .read-more, #service-request-container .service-container .service-item-details .service-details .service-description #home-page-container #home-lists-container #change-list-container .read-more, #home-page-container #home-lists-container #change-list-container #service-request-container .service-container .loaner-section div.available-info-container input#available-time, #service-request-container .service-container .loaner-section div.available-info-container #home-page-container #home-lists-container #change-list-container input#available-time, #home-page-container #home-lists-container #change-list-container #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description #home-page-container #home-lists-container #change-list-container .read-more, #home-page-container #home-lists-container #change-list-container #service-request-container .service-container .bundle-container .bundle-items-container .load-more, #service-request-container .service-container .bundle-container .bundle-items-container #home-page-container #home-lists-container #change-list-container .load-more, #home-page-container #home-lists-container #change-list-container #ticket-new-main .default_department .lookup-field-clear, #ticket-new-main .default_department #home-page-container #home-lists-container #change-list-container .lookup-field-clear, #home-page-container #home-lists-container #change-list-container #ticket-new-main .custom_lookup .lookup-field-clear, #ticket-new-main .custom_lookup #home-page-container #home-lists-container #change-list-container .lookup-field-clear, #home-page-container #home-lists-container #change-list-container #ticket-new-main .custom_multi_lookup .lookup-field-clear, #ticket-new-main .custom_multi_lookup #home-page-container #home-lists-container #change-list-container .lookup-field-clear, #home-page-container #home-lists-container #onboard-list-container .link, #home-page-container #home-lists-container #onboard-list-container .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #onboard-list-container .retry, #home-page-container #home-lists-container #onboard-list-container .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #onboard-list-container .retry, #home-page-container #home-lists-container #onboard-list-container .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #onboard-list-container .retry, #home-page-container #home-lists-container #onboard-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #onboard-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #onboard-list-container .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #onboard-list-container #service-request-container .btn-clear, #service-request-container #home-page-container #home-lists-container #onboard-list-container .btn-clear, #home-page-container #home-lists-container #onboard-list-container #service-request-container .lookup-field-clear, #service-request-container #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #onboard-list-container #service-request-container .service-container .service-item-details .service-details .service-description .read-more, #service-request-container .service-container .service-item-details .service-details .service-description #home-page-container #home-lists-container #onboard-list-container .read-more, #home-page-container #home-lists-container #onboard-list-container #service-request-container .service-container .loaner-section div.available-info-container input#available-time, #service-request-container .service-container .loaner-section div.available-info-container #home-page-container #home-lists-container #onboard-list-container input#available-time, #home-page-container #home-lists-container #onboard-list-container #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description #home-page-container #home-lists-container #onboard-list-container .read-more, #home-page-container #home-lists-container #onboard-list-container #service-request-container .service-container .bundle-container .bundle-items-container .load-more, #service-request-container .service-container .bundle-container .bundle-items-container #home-page-container #home-lists-container #onboard-list-container .load-more, #home-page-container #home-lists-container #onboard-list-container #ticket-new-main .default_department .lookup-field-clear, #ticket-new-main .default_department #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #onboard-list-container #ticket-new-main .custom_lookup .lookup-field-clear, #ticket-new-main .custom_lookup #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #onboard-list-container #ticket-new-main .custom_multi_lookup .lookup-field-clear, #ticket-new-main .custom_multi_lookup #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #offboard-list-container .link, #home-page-container #home-lists-container #offboard-list-container .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #offboard-list-container .retry, #home-page-container #home-lists-container #offboard-list-container .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #offboard-list-container .retry, #home-page-container #home-lists-container #offboard-list-container .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #offboard-list-container .retry, #home-page-container #home-lists-container #offboard-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #offboard-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #offboard-list-container .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #offboard-list-container #service-request-container .btn-clear, #service-request-container #home-page-container #home-lists-container #offboard-list-container .btn-clear, #home-page-container #home-lists-container #offboard-list-container #service-request-container .lookup-field-clear, #service-request-container #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #offboard-list-container #service-request-container .service-container .service-item-details .service-details .service-description .read-more, #service-request-container .service-container .service-item-details .service-details .service-description #home-page-container #home-lists-container #offboard-list-container .read-more, #home-page-container #home-lists-container #offboard-list-container #service-request-container .service-container .loaner-section div.available-info-container input#available-time, #service-request-container .service-container .loaner-section div.available-info-container #home-page-container #home-lists-container #offboard-list-container input#available-time, #home-page-container #home-lists-container #offboard-list-container #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description #home-page-container #home-lists-container #offboard-list-container .read-more, #home-page-container #home-lists-container #offboard-list-container #service-request-container .service-container .bundle-container .bundle-items-container .load-more, #service-request-container .service-container .bundle-container .bundle-items-container #home-page-container #home-lists-container #offboard-list-container .load-more, #home-page-container #home-lists-container #offboard-list-container #ticket-new-main .default_department .lookup-field-clear, #ticket-new-main .default_department #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #offboard-list-container #ticket-new-main .custom_lookup .lookup-field-clear, #ticket-new-main .custom_lookup #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear, #home-page-container #home-lists-container #offboard-list-container #ticket-new-main .custom_multi_lookup .lookup-field-clear, #ticket-new-main .custom_multi_lookup #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear {
      font-weight: 700;
      font-size: 14px;
      color: var(--linkColor);
      text-decoration: none
    }

      #home-page-container #home-lists-container #ticket-list-container .link:hover, #home-page-container #home-lists-container #ticket-list-container .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #ticket-list-container .retry:hover, #home-page-container #home-lists-container #ticket-list-container .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #ticket-list-container .retry:hover, #home-page-container #home-lists-container #ticket-list-container .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #ticket-list-container .retry:hover, #home-page-container #home-lists-container #ticket-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #ticket-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #ticket-list-container .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #ticket-list-container #service-request-container .btn-clear:hover, #service-request-container #home-page-container #home-lists-container #ticket-list-container .btn-clear:hover, #home-page-container #home-lists-container #ticket-list-container #service-request-container .lookup-field-clear:hover, #service-request-container #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #ticket-list-container #service-request-container .service-container .service-item-details .service-details .service-description .read-more:hover, #service-request-container .service-container .service-item-details .service-details .service-description #home-page-container #home-lists-container #ticket-list-container .read-more:hover, #home-page-container #home-lists-container #ticket-list-container #service-request-container .service-container .loaner-section div.available-info-container input#available-time:hover, #service-request-container .service-container .loaner-section div.available-info-container #home-page-container #home-lists-container #ticket-list-container input#available-time:hover, #home-page-container #home-lists-container #ticket-list-container #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description #home-page-container #home-lists-container #ticket-list-container .read-more:hover, #home-page-container #home-lists-container #ticket-list-container #service-request-container .service-container .bundle-container .bundle-items-container .load-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container #home-page-container #home-lists-container #ticket-list-container .load-more:hover, #home-page-container #home-lists-container #ticket-list-container #ticket-new-main .default_department .lookup-field-clear:hover, #ticket-new-main .default_department #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #ticket-list-container #ticket-new-main .custom_lookup .lookup-field-clear:hover, #ticket-new-main .custom_lookup #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #ticket-list-container #ticket-new-main .custom_multi_lookup .lookup-field-clear:hover, #ticket-new-main .custom_multi_lookup #home-page-container #home-lists-container #ticket-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #change-list-container .link:hover, #home-page-container #home-lists-container #change-list-container .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #change-list-container .retry:hover, #home-page-container #home-lists-container #change-list-container .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #change-list-container .retry:hover, #home-page-container #home-lists-container #change-list-container .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #change-list-container .retry:hover, #home-page-container #home-lists-container #change-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #change-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #change-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #change-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #change-list-container .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #home-page-container #home-lists-container #change-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #change-list-container #service-request-container .btn-clear:hover, #service-request-container #home-page-container #home-lists-container #change-list-container .btn-clear:hover, #home-page-container #home-lists-container #change-list-container #service-request-container .lookup-field-clear:hover, #service-request-container #home-page-container #home-lists-container #change-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #change-list-container #service-request-container .service-container .service-item-details .service-details .service-description .read-more:hover, #service-request-container .service-container .service-item-details .service-details .service-description #home-page-container #home-lists-container #change-list-container .read-more:hover, #home-page-container #home-lists-container #change-list-container #service-request-container .service-container .loaner-section div.available-info-container input#available-time:hover, #service-request-container .service-container .loaner-section div.available-info-container #home-page-container #home-lists-container #change-list-container input#available-time:hover, #home-page-container #home-lists-container #change-list-container #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description #home-page-container #home-lists-container #change-list-container .read-more:hover, #home-page-container #home-lists-container #change-list-container #service-request-container .service-container .bundle-container .bundle-items-container .load-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container #home-page-container #home-lists-container #change-list-container .load-more:hover, #home-page-container #home-lists-container #change-list-container #ticket-new-main .default_department .lookup-field-clear:hover, #ticket-new-main .default_department #home-page-container #home-lists-container #change-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #change-list-container #ticket-new-main .custom_lookup .lookup-field-clear:hover, #ticket-new-main .custom_lookup #home-page-container #home-lists-container #change-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #change-list-container #ticket-new-main .custom_multi_lookup .lookup-field-clear:hover, #ticket-new-main .custom_multi_lookup #home-page-container #home-lists-container #change-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #onboard-list-container .link:hover, #home-page-container #home-lists-container #onboard-list-container .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #onboard-list-container .retry:hover, #home-page-container #home-lists-container #onboard-list-container .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #onboard-list-container .retry:hover, #home-page-container #home-lists-container #onboard-list-container .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #onboard-list-container .retry:hover, #home-page-container #home-lists-container #onboard-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #onboard-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #onboard-list-container .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #onboard-list-container #service-request-container .btn-clear:hover, #service-request-container #home-page-container #home-lists-container #onboard-list-container .btn-clear:hover, #home-page-container #home-lists-container #onboard-list-container #service-request-container .lookup-field-clear:hover, #service-request-container #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #onboard-list-container #service-request-container .service-container .service-item-details .service-details .service-description .read-more:hover, #service-request-container .service-container .service-item-details .service-details .service-description #home-page-container #home-lists-container #onboard-list-container .read-more:hover, #home-page-container #home-lists-container #onboard-list-container #service-request-container .service-container .loaner-section div.available-info-container input#available-time:hover, #service-request-container .service-container .loaner-section div.available-info-container #home-page-container #home-lists-container #onboard-list-container input#available-time:hover, #home-page-container #home-lists-container #onboard-list-container #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description #home-page-container #home-lists-container #onboard-list-container .read-more:hover, #home-page-container #home-lists-container #onboard-list-container #service-request-container .service-container .bundle-container .bundle-items-container .load-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container #home-page-container #home-lists-container #onboard-list-container .load-more:hover, #home-page-container #home-lists-container #onboard-list-container #ticket-new-main .default_department .lookup-field-clear:hover, #ticket-new-main .default_department #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #onboard-list-container #ticket-new-main .custom_lookup .lookup-field-clear:hover, #ticket-new-main .custom_lookup #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #onboard-list-container #ticket-new-main .custom_multi_lookup .lookup-field-clear:hover, #ticket-new-main .custom_multi_lookup #home-page-container #home-lists-container #onboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #offboard-list-container .link:hover, #home-page-container #home-lists-container #offboard-list-container .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #offboard-list-container .retry:hover, #home-page-container #home-lists-container #offboard-list-container .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #offboard-list-container .retry:hover, #home-page-container #home-lists-container #offboard-list-container .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size #home-page-container #home-lists-container #offboard-list-container .retry:hover, #home-page-container #home-lists-container #offboard-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #offboard-list-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #offboard-list-container .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #offboard-list-container #service-request-container .btn-clear:hover, #service-request-container #home-page-container #home-lists-container #offboard-list-container .btn-clear:hover, #home-page-container #home-lists-container #offboard-list-container #service-request-container .lookup-field-clear:hover, #service-request-container #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #offboard-list-container #service-request-container .service-container .service-item-details .service-details .service-description .read-more:hover, #service-request-container .service-container .service-item-details .service-details .service-description #home-page-container #home-lists-container #offboard-list-container .read-more:hover, #home-page-container #home-lists-container #offboard-list-container #service-request-container .service-container .loaner-section div.available-info-container input#available-time:hover, #service-request-container .service-container .loaner-section div.available-info-container #home-page-container #home-lists-container #offboard-list-container input#available-time:hover, #home-page-container #home-lists-container #offboard-list-container #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description #home-page-container #home-lists-container #offboard-list-container .read-more:hover, #home-page-container #home-lists-container #offboard-list-container #service-request-container .service-container .bundle-container .bundle-items-container .load-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container #home-page-container #home-lists-container #offboard-list-container .load-more:hover, #home-page-container #home-lists-container #offboard-list-container #ticket-new-main .default_department .lookup-field-clear:hover, #ticket-new-main .default_department #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #offboard-list-container #ticket-new-main .custom_lookup .lookup-field-clear:hover, #ticket-new-main .custom_lookup #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear:hover, #home-page-container #home-lists-container #offboard-list-container #ticket-new-main .custom_multi_lookup .lookup-field-clear:hover, #ticket-new-main .custom_multi_lookup #home-page-container #home-lists-container #offboard-list-container .lookup-field-clear:hover {
        color: var(--linkColorHover)
      }

  #home-page-container #home-lists-container .tabs-list {
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: solid 1px #CFD7DF;
    margin-bottom: 16px
  }

    #home-page-container #home-lists-container .tabs-list .btn, #home-page-container #home-lists-container .tabs-list .date-picker-dialog .header .power-select-container .power-select-trigger, .date-picker-dialog .header .power-select-container #home-page-container #home-lists-container .tabs-list .power-select-trigger {
      padding: 8px;
      margin-right: 16px
    }

      #home-page-container #home-lists-container .tabs-list .btn.btn-tab, #home-page-container #home-lists-container .tabs-list .date-picker-dialog .header .power-select-container .btn-tab.power-select-trigger, .date-picker-dialog .header .power-select-container #home-page-container #home-lists-container .tabs-list .btn-tab.power-select-trigger {
        border: none;
        background: inherit;
        font-weight: normal;
        font-size: 14px;
        color: #12344D
      }

        #home-page-container #home-lists-container .tabs-list .btn.btn-tab:focus:after, #home-page-container #home-lists-container .tabs-list .date-picker-dialog .header .power-select-container .btn-tab.power-select-trigger:focus:after, .date-picker-dialog .header .power-select-container #home-page-container #home-lists-container .tabs-list .btn-tab.power-select-trigger:focus:after {
          border: none !important;
          border-bottom: solid 2px #2C5CC5 !important;
          box-shadow: none !important;
          border-radius: 0 !important
        }

        #home-page-container #home-lists-container .tabs-list .btn.btn-tab[aria-selected='true'], #home-page-container #home-lists-container .tabs-list .date-picker-dialog .header .power-select-container .btn-tab[aria-selected='true'].power-select-trigger, .date-picker-dialog .header .power-select-container #home-page-container #home-lists-container .tabs-list .btn-tab[aria-selected='true'].power-select-trigger {
          color: #2C5CC5;
          border: none;
          border-radius: 0;
          font-weight: 400;
          border-bottom: solid 2px #2C5CC5
        }

  #home-page-container #home-lists-container .tabs-content .bg-img {
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 120px;
    margin-bottom: 32px;
    margin-top: 54px
  }

  #home-page-container #home-lists-container .tabs-content .bg-img-container {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 140px
  }

  #home-page-container #home-lists-container .tabs-content .no-onboards .bg-img {
    background-image: url(https://assets6.freshservice.com/assets/portal_v2/no_requesters-2e52c0fd81e0173a2b79a1e6494fbe1da33cf3a6eb4ffac7860a6478e836aeab.svg)
  }

  #home-page-container #home-lists-container .tabs-content .no-tickets .bg-img {
    background-image: url(https://assets8.freshservice.com/assets/portal_v2/ticket-list-empty-aed989f1f063aead4c0a825798797f13d1277fc72b522749622cc8fdc477998f.svg)
  }

  #home-page-container #home-lists-container .tabs-content .no-changes .bg-img {
    background-image: url(https://assets5.freshservice.com/assets/portal_v2/no-changes-9a2728a9ad3acc101511a02742347b15cedeba7c61a8e4d83f92e057f3220b2e.svg)
  }

#home-page-container[data-ce-version] #hero-banner .hero-banner-container h2[data-ce="true"] {
  font-weight: normal;
  height: auto
}

#announcement-banner {
  bottom: 0;
  background-color: #212764;
  display: inline-block;
  margin-top: 12px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute
}

  #announcement-banner *:focus:after {
    border-color: #6ABEFF !important;
    box-shadow: 0 0 0 2px #6ABEFF !important
  }

body[page='portal_home'] {
  background: var(--bg_color)
}

  body[page='portal_home'] main {
    background: var(--bg_color);
    max-width: none;
    min-height: calc(100vh - 56px)
  }

  body[page='portal_home'] input.search-input#global-search-home:focus {
    position: static
  }

  body[page='portal_home'] header {
    background-color: transparent
  }

    body[page='portal_home'] header .hide-on-home {
      display: none
    }

    body[page='portal_home'] header #header-container .portal-name {
      color: #fff
    }

    body[page='portal_home'] header #menu-icon img.menu-icon {
      display: none
    }

    body[page='portal_home'] header #menu-icon:hover {
      background-color: rgba(27,29,113,0.4)
    }

    body[page='portal_home'] header #menu-icon img.menu-white {
      display: block
    }

    body[page='portal_home'] header .header-text.btn, body[page='portal_home'] header .date-picker-dialog .header .power-select-container .header-text.power-select-trigger, .date-picker-dialog .header .power-select-container body[page='portal_home'] header .header-text.power-select-trigger {
      text-decoration: none;
      font-size: 14px;
      font-weight: 700;
      line-height: 3;
      color: #fff;
      background: none;
      border: none
    }

    body[page='portal_home'] header .header-section .helpdesk-number {
      display: block
    }

    body[page='portal_home'] header .menu-trigger:focus:after, body[page='portal_home'] header .header-section > a:focus:after {
      border-color: var(--textColor) !important;
      box-shadow: 0 0 0 2px #000 !important
    }

body[page='user_login'] .hide-on-login-signup, body[page='user_password_reset'] .hide-on-login-signup, body[page='user_signup'] .hide-on-login-signup {
  display: none
}

body[page='user_login'] .menu-white, body[page='user_password_reset'] .menu-white, body[page='user_signup'] .menu-white {
  display: none
}

body[page='user_login'] .login-privacy, body[page='user_password_reset'] .login-privacy, body[page='user_signup'] .login-privacy {
  display: inline-block
}

body[page='user_login'] main#page-main, body[page='user_password_reset'] main#page-main, body[page='user_signup'] main#page-main {
  padding: 24px;
  box-sizing: border-box
}

.login-page {
  max-width: 1024px;
  margin: auto;
  background: #fff;
  font-size: 14px;
  line-height: 21px;
  border-radius: 4px
}

  .login-page div.login-section {
    width: calc(50% - 8px);
    box-sizing: border-box
  }

    .login-page div.login-section.agent-login {
      border-right: 1px solid #CFD7DF;
      padding: 56px 24px
    }

      .login-page div.login-section.agent-login .login-header, .login-page div.login-section.agent-login .forgot-header {
        text-align: center
      }

    .login-page div.login-section.requestor-login {
      padding: 26px 24px
    }

      .login-page div.login-section.requestor-login form {
        margin-bottom: 40px
      }

        .login-page div.login-section.requestor-login form fieldset {
          padding: 0;
          margin: 0
        }

          .login-page div.login-section.requestor-login form fieldset legend {
            padding: 0
          }

      .login-page div.login-section.requestor-login .google-sign-in {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        border-top: 1px solid #CFD7DF
      }

        .login-page div.login-section.requestor-login .google-sign-in a {
          margin-top: 40px
        }

    .login-page div.login-section .login-header, .login-page div.login-section .forgot-header {
      width: 100%;
      font-size: 18px;
      line-height: 27px;
      font-weight: 500;
      margin: 24px 0
    }

      .login-page div.login-section .login-header a, .login-page div.login-section .forgot-header a {
        text-decoration: none;
        color: var(--linkColor);
        padding-bottom: 2px;
        border-bottom: 1px dashed
      }

        .login-page div.login-section .login-header a:hover, .login-page div.login-section .forgot-header a:hover {
          color: var(--linkColorHover)
        }

    .login-page div.login-section .forgot-header {
      margin: 24px 0 0
    }

    .login-page div.login-section .forgot-description {
      margin-top: 4px
    }

    .login-page div.login-section h2 {
      padding: 0;
      margin: 4px;
      font-size: 18px;
      line-height: 27px;
      font-weight: 700;
      display: inline-block
    }

    .login-page div.login-section .illustration-container {
      width: 85%;
      margin: auto auto 120px;
      height: 320px;
      background: url(https://assets7.freshservice.com/assets/portal_v2/login-illustration-10ada788a0891072565a538848b310f2b54c353e96c5bf9739b5955ea0b9b5ba.svg) no-repeat;
      background-position: center;
      background-size: contain
    }

    .login-page div.login-section input.text {
      font-size: 14px;
      line-height: 21px;
      display: block;
      width: 100%;
      box-sizing: border-box
    }

      .login-page div.login-section input.text[aria-required="true"] {
        margin-bottom: 32px
      }

      .login-page div.login-section input.text.error {
        border: 1px solid #D72D30
      }

        .login-page div.login-section input.text.error[aria-required="true"] {
          margin-bottom: 0
        }

      .login-page div.login-section input.text[aria-required="true"] + .error {
        margin: 2px 0 12px;
        font-size: 12px;
        line-height: 18px;
        display: inline-block
      }

    .login-page div.login-section .requester-label {
      font-size: 12px;
      line-height: 18px;
      display: block;
      margin-bottom: 4px;
      font-weight: 700
    }

      .login-page div.login-section .requester-label span {
        color: #D72D30
      }

    .login-page div.login-section .control-group {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin-bottom: 28px
    }

      .login-page div.login-section .control-group a {
        margin-left: auto;
        font-size: 14px;
        line-height: 21px;
        color: var(--linkColor);
        text-decoration: none;
        cursor: pointer
      }

    .login-page div.login-section .recaptcha-area {
      overflow: hidden
    }

    .login-page div.login-section button {
      width: 40%;
      cursor: pointer
    }

      .login-page div.login-section button.forgot-btn {
        width: auto
      }

    .login-page div.login-section .mobile-toggle-forgot-form {
      display: none;
      text-decoration: none;
      color: var(--linkColor);
      text-align: center;
      margin: 16px 0
    }

    .login-page div.login-section .section-seperator {
      margin: 40px 0
    }

      .login-page div.login-section .section-seperator hr, .login-page div.login-section .section-seperator span {
        width: 32%;
        text-align: center
      }

    .login-page div.login-section #forgot-form {
      display: none
    }

      .login-page div.login-section #forgot-form form {
        margin-top: 24px
      }

        .login-page div.login-section #forgot-form form .forgot-btn-group {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex
        }

          .login-page div.login-section #forgot-form form .forgot-btn-group button {
            display: block;
            margin-right: 8px
          }

.csat-sprite, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .csat_smiley.csat_101, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .csat_smiley.csat_102, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .csat_smiley.csat_201, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .csat_smiley.csat_301, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .csat_smiley.csat_302, #survey-result .csat_smiley.csat_101, #survey-result .csat_smiley.csat_102, #survey-result .csat_smiley.csat_201, #survey-result .csat_smiley.csat_301, #survey-result .csat_smiley.csat_302, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .csat_smiley.csat_101, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .csat_smiley.csat_102, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .csat_smiley.csat_201, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .csat_smiley.csat_301, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .csat_smiley.csat_302 {
  background-image: url(https://assets4.freshservice.com/assets/cdn-ignored/sprites/csat-s3658219bce-f869d3627b534f0b820a85f33c5641f57a690dd72ffb20d5f7170b938588f2e8.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 30px 150px
}

.ticket-show-container {
  margin: 16px auto;
  max-width: 1408px;
  background: #fff;
  border-radius: 4px
}

  .ticket-show-container .ticket-show-header-wrap-ele {
    width: 100% !important
  }

  .ticket-show-container.ticket-archived .ticket-add-reply, .ticket-show-container.ticket-archived #ticket-update-form #btn-submit, .ticket-show-container.ticket-archived #reply_ticket, .ticket-show-container.ticket-archived #reply_ticket_mobile, .ticket-show-container.ticket-archived .attachment-delete-btn, .ticket-show-container.ticket-archived #survey-details.hide {
    display: none !important
  }

  .ticket-show-container .archived-badge {
    display: inline-block;
    color: #C13E1B;
    font-size: 12px;
    padding: 0 8px;
    background: #FEF1E1;
    border: 1px solid #FDDBB5;
    border-radius: 4px;
    margin-left: 8px;
    position: relative;
    line-height: 20px;
    font-weight: 600
  }

  .ticket-show-container .ticket-show-header {
    padding: 8px 0;
    border-bottom: 1px solid #EBEFF3;
    z-index: 11;
    background: #fff;
    border-radius: 4px
  }

    .ticket-show-container .ticket-show-header .ticket-show-operations {
      display: flex;
      margin: 8px 24px 16px
    }

      .ticket-show-container .ticket-show-header .ticket-show-operations .ticket-operations-container {
        margin-left: auto;
        margin-top: 8px;
        white-space: nowrap
      }

        .ticket-show-container .ticket-show-header .ticket-show-operations .ticket-operations-container button {
          margin-left: 8px;
          font-weight: 700;
          height: 32px;
          padding-top: 6px
        }

      .ticket-show-container .ticket-show-header .ticket-show-operations .subject_header_title {
        display: none;
        font-size: 16px;
        line-height: 24px;
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
      }

    .ticket-show-container .ticket-show-header .ticket-main-info {
      margin: 0 24px;
      padding-top: 8px;
      max-height: 120px;
      transition: max-height 0.5s ease-in-out
    }

      .ticket-show-container .ticket-show-header .ticket-main-info div {
        margin: 8px 0
      }

      .ticket-show-container .ticket-show-header .ticket-main-info .ticket-subject {
        font-size: 16px;
        font-weight: 500;
        font-family: var(--headingsFont);
        color: var(--headingsColor);
        line-height: 20px;
        margin: 0 0 4px
      }

      .ticket-show-container .ticket-show-header .ticket-main-info .ticket-info {
        font-size: 14px;
        margin: 0;
        display: inline-block
      }

      .ticket-show-container .ticket-show-header .ticket-main-info .ticket-age {
        height: 24px;
        border: 1px solid #FDDBB5;
        border-radius: 4px;
        background-color: #FEF1E1;
        font-size: 12px;
        padding: 0 8px;
        display: inline-flex;
        align-items: center;
        box-sizing: border-box;
        font-weight: 500
      }

      .ticket-show-container .ticket-show-header .ticket-main-info .archived-badge {
        bottom: 2px;
        margin-left: 12px
      }

      .ticket-show-container .ticket-show-header .ticket-main-info .ticket_cc_emails .cc_emails, .ticket-show-container .ticket-show-header .ticket-main-info .ticket_cc_emails .sharer-emails {
        border-left: 1px solid #475867;
        padding-left: 8px;
        margin-left: 8px
      }

    .ticket-show-container .ticket-show-header.is_stuck {
      padding: 0
    }

      .ticket-show-container .ticket-show-header.is_stuck .ticket-main-info {
        font-size: 16px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in;
        padding: 0
      }

      .ticket-show-container .ticket-show-header.is_stuck .subject_header_title {
        display: block
      }

      .ticket-show-container .ticket-show-header.is_stuck .breadcrumbs-container .breadcrumbs-link-header {
        display: none
      }

  .ticket-show-container .ticket-show-body {
    display: flex
  }

    .ticket-show-container .ticket-show-body .ticket-show-left-pane {
      width: calc(100% - 280px);
      box-sizing: border-box
    }

      .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card {
        display: flex;
        margin: 16px 24px;
        border: 1px solid #EBEFF3;
        border-radius: 4px;
        background-color: #F7F9FA;
        position: relative
      }

        .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .show-avatar-image, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .show-avatar-image {
          width: 64px;
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          margin-top: 12px
        }

        .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .agent_response, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .agent_response {
          position: absolute;
          right: 0;
          top: 0;
          background: #2C518C;
          padding: 4px 12px;
          font-size: 14px;
          font-weight: 700;
          border-top-right-radius: 4px;
          border-bottom-left-radius: 4px
        }

        .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info {
          margin: 0 8px;
          width: calc(100% - 80px)
        }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .requester-info, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .requester-info {
            margin: 16px 0;
            font-size: 14px
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .description, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .description {
            margin: 16px 0;
            overflow: hidden;
            word-break: break-word;
            overflow-x: auto
          }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .description img, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .description img {
              max-width: calc(100% - 10px)
            }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .description table, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .description table {
              border-collapse: collapse
            }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .description table td, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .description table td {
                border: 1px solid #475867
              }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .neo-request-summary .item-field, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .neo-request-summary .item-field {
            margin: 8px 0
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .neo-request-summary span, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .neo-request-summary span {
            font-size: 14px;
            line-height: 21px
          }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .neo-request-summary span.label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .neo-request-summary span.label {
              font-weight: 700
            }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .neo-request-summary span.value, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .neo-request-summary span.value {
              padding-left: 4px
            }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .tabs-list, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .tabs-list {
            margin: 16px 0 16px -60px;
            padding-top: 16px;
            border-top: 1px solid #CFD7DF
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .tabs-content, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .tabs-content {
            margin-left: -60px
          }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .tabs-content #requested-items, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .tabs-content #requested-items {
              margin: 8px 4px 8px 0
            }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .tabs-content #tickets-content li, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .tabs-content #tickets-content li {
              list-style-type: none;
              margin: 0
            }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .tabs-content #tickets-content li .ticket-container, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .tabs-content #tickets-content li .ticket-container {
                display: block;
                padding: 16px;
                background: #fff;
                margin: 8px 0;
                border-radius: 4px;
                cursor: pointer;
                color: var(--textColor);
                border: 1px solid #EBEFF3;
                -moz-box-shadow: 0 1px 6px 0 rgba(22,29,37,0.05);
                -webkit-box-shadow: 0 1px 6px 0 rgba(22,29,37,0.05);
                box-shadow: 0 1px 6px 0 rgba(22,29,37,0.05)
              }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .tabs-content #tickets-content li .ticket-container .subject, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .tabs-content #tickets-content li .ticket-container .subject {
                  font-weight: 500
                }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .tabs-content #tickets-content li .ticket-container .status, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .tabs-content #tickets-content li .ticket-container .status {
                  font-weight: 500;
                  float: right
                }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items {
            margin: 8px 4px 8px -60px;
            padding-top: 8px
          }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item {
              border: 1px solid #CFD7DF;
              border-radius: 4px;
              background-color: #fff;
              margin-bottom: 4px;
              padding: 8px
            }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-header, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-header {
                position: relative;
                margin: 0 0 4px;
                display: flex
              }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button {
                  background: none;
                  border: none;
                  width: 100%;
                  text-align: left;
                  padding: 0;
                  cursor: pointer;
                  position: relative;
                  color: var(--textColor)
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .accordion-icon, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .accordion-icon {
                    position: absolute;
                    top: 8px;
                    left: 0;
                    font-size: 16px
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .item-name, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .item-name {
                    display: inline-block;
                    font-size: 14px;
                    font-weight: 700;
                    font-family: var(--baseFont);
                    margin: 8px 0 8px 16px;
                    max-width: 65%
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .additional-info, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .additional-info {
                    position: absolute;
                    right: 0;
                    font-size: 12px;
                    max-width: 35%
                  }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .additional-info p, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .req-item-button .additional-info p {
                      font-size: 12px;
                      display: inline-block;
                      margin: 8px 24px 8px 0;
                      font-weight: 500
                    }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .edit-sr-item-btn, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .edit-sr-item-btn {
                  cursor: pointer;
                  width: 32px;
                  height: 32px;
                  background: linear-gradient(180deg, #000000 2.56%,#f5f7f9 95.75%);
                  border: 1px solid #cfd7df;
                  border-radius: 4px;
                  margin-left: 10px
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .edit-sr-item-btn i, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-header .edit-sr-item-btn i {
                    color: #475867
                  }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body {
                display: none;
                margin-left: 16px
              }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields {
                  margin-bottom: 8px
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field {
                    width: 100%;
                    font-size: 14px;
                    line-height: 24px
                  }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field .loaner-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field .loaner-field-label {
                      display: inline-block;
                      width: 20%
                    }

                      .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field .loaner-field-label .colon, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field .loaner-field-label .colon {
                        float: right;
                        font-style: normal
                      }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field .loaner-field-value, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body #loaner-fields .loaner-field .loaner-field-value {
                      font-weight: 700
                    }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-desc, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-remark, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-desc, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-remark {
                  font-size: 14px;
                  overflow: hidden;
                  margin-bottom: 16px;
                  white-space: pre-line
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-desc p, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-remark p, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-desc p, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-remark p {
                    margin: 0
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-desc .short, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-remark .short, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-desc .short, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-remark .short {
                    margin-top: 8px;
                    display: block
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-desc .long, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-remark .long, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-desc .long, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-remark .long {
                    transition: height 0.2s linear;
                    overflow: hidden
                  }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields {
                  margin-top: 8px;
                  list-style: none
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field {
                    width: 100%;
                    font-size: 14px;
                    line-height: 24px;
                    margin: 0
                  }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .item-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .item-field-label {
                      display: inline-block;
                      width: 20%;
                      word-break: break-word
                    }

                      .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .item-field-label .colon, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .item-field-label .colon {
                        float: right;
                        font-style: normal
                      }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .item-field-value, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .item-field-value {
                      display: inline-block;
                      width: calc(80% - 50px);
                      margin: 0;
                      font-weight: 700;
                      line-height: 25px;
                      margin-left: 8px
                    }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field.custom_paragraph .item-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field.custom_paragraph .item-field-value, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field.custom_paragraph .item-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field.custom_paragraph .item-field-value {
                      display: block;
                      line-height: 21px;
                      margin: 0;
                      width: 100%
                    }

                      .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field.custom_paragraph .item-field-label .colon, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field.custom_paragraph .item-field-value .colon, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field.custom_paragraph .item-field-label .colon, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field.custom_paragraph .item-field-value .colon {
                        float: none
                      }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field.custom_paragraph .item-field-value, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field.custom_paragraph .item-field-value {
                      white-space: pre-line;
                      word-break: break-word
                    }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .nested_container, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .nested_container {
                      border-left: 1px solid #CFD7DF;
                      width: 100%;
                      padding-left: 16px;
                      margin-top: 1px;
                      list-style: none
                    }

                      .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .nested_container .item-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-body .requested-item-fields .field .nested_container .item-field-label {
                        width: calc(20% - 17px)
                      }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item:hover {
                background-color: #EBEFF3
              }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item.active, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item.active {
                background-color: #fff
              }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item.active .req-item-button, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item.active .req-item-button {
                  cursor: default
                }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item.active .requested-item-body, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item.active .requested-item-body {
                  display: block;
                  animation: 0.3s ease-in-out openDown forwards
                }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form.hide, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form.hide {
                display: none !important
              }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .btn-container, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .btn-container {
                text-align: right
              }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field {
                margin: 16px;
                padding: 0
              }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-label {
                  width: 90%
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-label label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-label label {
                    word-break: break-word;
                    font-size: 12px
                  }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-label label sup, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-label label sup {
                      color: #D72D30;
                      margin-left: 2px;
                      font-size: 14px;
                      font-weight: 700;
                      vertical-align: baseline
                    }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element {
                  margin: 4px 0
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element .text, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element .url, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element .decimal, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element .number, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element .text, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element .url, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element .decimal, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element .number {
                    margin: 0px;
                    width: 384px;
                    height: 30px;
                    padding: 0 8px
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element textarea, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .control-element textarea {
                    margin: 0;
                    min-width: 384px;
                    resize: auto;
                    padding: 8px;
                    font-family: var(--baseFont),Helvetica,Arial,sans-serif;
                    border: 1px solid #7B8E9F;
                    border-radius: 4px;
                    font-size: 14px;
                    height: 72px
                  }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.custom_checkbox div, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.custom_checkbox div {
                  display: inline
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.custom_checkbox div.control-element, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.custom_checkbox div.control-element {
                    margin-right: 6px
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.custom_checkbox div input, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.custom_checkbox div input {
                    width: auto
                  }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.custom_checkbox .error, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.custom_checkbox .error {
                  display: block
                }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.custom_static_rich_text, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.custom_static_rich_text {
                  word-break: break-word;
                  -ms-word-wrap: break-word
                }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .error, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .error {
                  display: block;
                  margin-top: 4px
                }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .text, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .url, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .decimal, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .number, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group textarea, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .power-select-trigger, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .text, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .url, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .decimal, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .number, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group textarea, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.error-group .power-select-trigger {
                  border-color: #D72D30
                }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.autocomplete_dropdown div.control-element, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field.autocomplete_dropdown div.control-element {
                  position: relative
                }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container {
                  max-width: 400px;
                  height: 32px
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container.multiselect, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container.ps-multiple, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container.multiselect, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container.ps-multiple {
                    height: auto
                  }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container.multiselect .power-select-trigger, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container.multiselect .power-select-trigger {
                      min-height: 32px
                    }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container.multiselect .autocomplete_field, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container.multiselect .autocomplete_field {
                      width: 100%;
                      padding-top: 7px
                    }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container.disabled .remove-option, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container.disabled .remove-option {
                    pointer-events: none
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container .search-select, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .power-select-container .search-select {
                    height: 100%
                  }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .error-date, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .error-time, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .error-date, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .custom-field .error-time {
                  border-color: #D72D30
                }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear {
                position: absolute;
                top: 6px;
                left: 408px;
                background: none;
                font-size: 12px;
                line-height: 18px;
                font-weight: 700
              }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear.hide, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear.hide {
                  display: none
                }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info.with_items .ticket-attachment-container, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info.with_items #ticket_associated_assets, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info.with_onboarding .ticket-attachment-container, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info.with_onboarding #ticket_associated_assets, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info.with_items .ticket-attachment-container, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info.with_items #ticket_associated_assets, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info.with_onboarding .ticket-attachment-container, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info.with_onboarding #ticket_associated_assets {
            margin-left: -60px
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #ticket_associated_assets, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #ticket_associated_assets {
            border-top: 1px solid #CFD7DF;
            padding: 8px 0
          }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #ticket_associated_assets h3, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #ticket_associated_assets h3 {
              font-size: 12px;
              font-weight: 700
            }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #ticket_associated_assets #assets_list, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #ticket_associated_assets #assets_list {
              list-style: none;
              padding: 0;
              margin: 8px 0;
              font-size: 12px;
              font-weight: 700
            }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #ticket_associated_assets #assets_list li, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #ticket_associated_assets #assets_list li {
                margin: 8px 0px 4px 0px
              }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .eof-wrapper ul li, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .eof-wrapper ul li {
            list-style-type: none;
            margin-left: 0
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .eof-wrapper .eof-field, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .eof-wrapper .eof-field {
            margin-top: 16px
          }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .eof-wrapper .eof-field span, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .eof-wrapper .eof-field span {
              font-size: 12px
            }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .eof-wrapper .eof-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .eof-wrapper .eof-field-label {
            color: #475867
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .eof-wrapper .block-name, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .eof-wrapper .eof-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .eof-wrapper .additional-info-seperator, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .eof-wrapper .block-name, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .eof-wrapper .eof-field-label, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .eof-wrapper .additional-info-seperator {
            font-weight: 500
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .eof-wrapper .additional-info-seperator, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .eof-wrapper .additional-info-seperator {
            margin: 16px 0 8px
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .eof-wrapper .additional-info span, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .eof-wrapper .additional-info span {
            font-size: 12px
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info .eof-wrapper .additional-info .additional-fields, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info .eof-wrapper .additional-info .additional-fields {
            margin-top: 16px
          }

        .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card.agent-response, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card.agent-response {
          background-color: #E5F2FD
        }

      .ticket-show-container .ticket-show-body .ticket-show-left-pane .show-more {
        margin: 16px 24px;
        position: relative
      }

        .ticket-show-container .ticket-show-body .ticket-show-left-pane .show-more .show-more-background {
          border-top: 1px solid #CFD7DF;
          border-bottom: 1px solid #CFD7DF;
          height: 5px;
          width: 100%
        }

        .ticket-show-container .ticket-show-body .ticket-show-left-pane .show-more .load-more {
          position: absolute;
          top: -10px;
          left: 45%;
          border: 1px solid #CFD7DF;
          border-radius: 4px;
          background: #fff;
          font-size: 14px;
          text-decoration: none;
          color: var(--linkColor);
          padding: 0;
          cursor: pointer
        }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .show-more .load-more:hover {
            color: var(--linkColorHover)
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .show-more .load-more .more-notes {
            margin: 4px 8px;
            display: inline-block
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .show-more .load-more .notes-loading-icon {
            display: none;
            width: 20px;
            height: 20px;
            animation-name: spin-clockwise;
            animation-duration: 1.5s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            padding: 0 20px
          }

      .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply {
        padding: 0 12px 8px 0;
        flex-wrap: wrap
      }

        .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container {
          border-radius: 4px;
          position: relative;
          margin-top: 14px;
          width: calc(100% - 100px);
          flex-grow: 1
        }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .helper-text {
            width: 100%;
            padding: 6px 0;
            border-top: 1px solid #CFD7DF;
            background: #fff;
            box-sizing: border-box;
            border-radius: 0 0 4px 4px;
            padding-left: 20px;
            font-size: 12px;
            line-height: 18px;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center
          }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .helper-text .helper-blur {
              margin-left: 24px
            }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .helper-text strong {
              font-weight: 700
            }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .helper-text div.hide {
              opacity: 0
            }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .helper-text.hide {
              border-top: none
            }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container h4 {
            font-size: 12px;
            line-height: 18px;
            font-weight: 700;
            margin: 0
          }

          .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor {
            border-radius: 4px;
            margin-top: 8px
          }

            .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor {
              border: 2px solid #CFD7DF;
              margin: 0
            }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-toolbar {
                border-radius: 4px 4px 0 0;
                background: #F7F9FA;
                border: none
              }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-toolbar .fr-newline {
                  margin: 0
                }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-toolbar .fr-btn-grp .fr-btn {
                  margin: 2px;
                  height: 32px
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-toolbar .fr-btn-grp .fr-btn:not(.fr-dropdown) {
                    width: 32px;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-toolbar .fr-btn-grp .fr-btn.fr-command:hover:not(.fr-table-cell) {
                    background: #CFD7DF
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-toolbar .fr-btn-grp .fr-btn.fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
                    fill: #2E8EFA
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-toolbar .fr-btn-grp .fr-btn.fr-btn-hover {
                    background: #CFD7DF
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-toolbar .fr-btn-grp .fr-btn:focus:after {
                    box-shadow: none;
                    left: auto
                  }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-toolbar .fr-btn-grp .fr-btn svg.fr-svg {
                    height: 20px
                  }

                    .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-toolbar .fr-btn-grp .fr-btn svg.fr-svg path {
                      fill: #475867
                    }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-wrapper {
                border: none;
                border-color: #CFD7DF;
                border-bottom: none
              }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-wrapper .fr-element {
                  color: var(--textColor);
                  overflow: hidden
                }

                  .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-wrapper .fr-element p {
                    margin: 0
                  }

                .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .fr-wrapper .fr-placeholder {
                  color: #475867
                }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor .second-toolbar {
                border: none
              }

              .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply .froala-container .froala-editor #editor.focus-color {
                border: 2px solid #2C5CC5
              }

        .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply #ticket-attachments {
          margin: 12px 12px 0 68px;
          width: 100%
        }

        .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-add-reply #ticket-reply-actions {
          margin-left: auto;
          margin-top: -32px
        }

    .ticket-show-container .ticket-show-body .ticket-show-right-pane {
      min-width: 280px;
      width: 20%
    }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update, .ticket-show-container .ticket-show-body .ticket-show-right-pane .item-approval-details {
        display: flex;
        flex-wrap: wrap;
        margin: 16px 16px 16px 0;
        padding: 8px 12px;
        border: 1px solid #EBEFF3;
        border-radius: 4px;
        background-color: #fff;
        position: relative
      }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details fieldset, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details fieldset, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update fieldset, .ticket-show-container .ticket-show-body .ticket-show-right-pane .item-approval-details fieldset {
          margin: 0;
          padding: 0
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details .heading, .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .heading, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .heading, .ticket-show-container .ticket-show-body .ticket-show-right-pane .item-approval-details .heading {
          font-size: 14px;
          width: 100%;
          margin: 8px 0;
          font-weight: 500
        }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane .item-approval-details {
        display: block
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details .show-avatar-image {
        text-align: center;
        margin-right: 8px
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details .agent-information {
        margin-top: -2px;
        margin-bottom: 2px;
        width: calc(100% - 50px)
      }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details .agent-information #agent-name {
          margin: 0;
          font-weight: 700;
          font-size: 14px;
          word-break: break-all
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details .agent-information #agent-title {
          margin: 0;
          font-size: 14px;
          word-break: break-all
        }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details {
        background-color: #F5F7F9;
        display: block
      }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_text {
          font-size: 14px;
          margin: 8px 0
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options {
          width: 100%;
          position: relative
        }

          .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option {
            width: 100%;
            height: 32px;
            margin: 4px 0;
            border: 1px solid #CFD7DF;
            background-color: #fff;
            border-radius: 16px;
            font-size: 14px;
            font-weight: 700;
            color: #000;
            text-align: left;
            padding: 0 2px;
            position: relative;
            cursor: pointer
          }

            .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .ficon-arrow-right {
              position: absolute;
              right: 16px;
              top: 8px;
              display: none;
              color: #2C5CC5
            }

            .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .csat_smiley.csat_101 {
              width: 30px;
              height: 30px;
              background-position: 0 0;
              width: 30px;
              transform: scale(0.8)
            }

            .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .csat_smiley.csat_102 {
              width: 30px;
              height: 30px;
              background-position: 0 -30px;
              width: 30px;
              transform: scale(0.8)
            }

            .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .csat_smiley.csat_201 {
              width: 30px;
              height: 30px;
              background-position: 0 -60px;
              width: 30px;
              transform: scale(0.8)
            }

            .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .csat_smiley.csat_301 {
              width: 30px;
              height: 30px;
              background-position: 0 -90px;
              width: 30px;
              transform: scale(0.8)
            }

            .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .csat_smiley.csat_302 {
              width: 30px;
              height: 30px;
              background-position: 0 -120px;
              width: 30px;
              transform: scale(0.8)
            }

            .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option .survey_option_text {
              position: absolute;
              margin-left: 4px;
              top: 7px;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              width: calc(100% - 80px)
            }

            .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option:hover {
              background-color: #EBEFF3
            }

            .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option.selected {
              background-color: #E5F2FD;
              border: 1px solid #2C5CC5
            }

              .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_options .survey_option.selected .ficon-arrow-right {
                display: inline-block
              }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_questionnaire {
          padding-top: 8px;
          width: 100%
        }

          .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_questionnaire label {
            font-size: 12px
          }

          .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_questionnaire textarea {
            border-radius: 4px;
            margin-top: 4px;
            width: calc(100% - 28px);
            box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
            padding: 12px;
            border-color: #CFD7DF;
            min-width: auto
          }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey-submit-container {
          position: relative;
          width: 100%;
          height: 40px
        }

          .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey-submit-container #submit-survey {
            position: absolute;
            right: 0;
            top: 5px
          }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_thanks_msg {
          font-size: 12px;
          font-weight: 700
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_rerequest {
          font-size: 14px;
          margin: 0
        }

          .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_rerequest #re_request_survey {
            text-decoration: none
          }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details .survey_submittable {
          display: none
        }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details hr {
        border: 0;
        margin: 16px 0;
        border-top: 1px solid #2B99CC
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .heading .approvers-count {
        display: inline-flex;
        width: 20px;
        height: 20px;
        font-size: 12px;
        border-radius: 20px;
        align-items: center;
        justify-content: center;
        border: 1px solid #2B99CC
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .heading .status {
        padding: 2px 8px;
        border: 1px solid #CFD7DF;
        background: #2B99CC;
        border-radius: 4px;
        float: right
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .heading .rejected {
        color: #C63E39;
        background: #FCEDF0;
        border: 1px solid #F8D2D6
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .heading .approved {
        color: #009A79;
        background: #E0F5F1;
        border: 1px solid #B4E5DA
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .primary-sr {
        font-size: 12px;
        margin: 10px 0 18px 0;
        color: #345C7C;
        word-break: break-word
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .more-approver-details .approval-separator:last-child {
        display: none
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .approver {
        display: flex;
        margin-top: 10px
      }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .approver .avatar-image {
          margin-right: 10px
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .approver p {
          margin: 0
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .approver .requested-on {
          font-size: 12px;
          color: #647A8E
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .approver .name {
          word-break: break-word
        }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .remark {
        font-size: 12px;
        color: #576C7D;
        padding: 8px;
        border-radius: 4px
      }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .remark.rejected {
          border-left: 2px solid #D72D30;
          background: #FFECF0
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .remark.approved {
          border-left: 2px solid #00A886;
          background: #E0F5F1
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .remark .long {
          padding-right: 5px
        }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .show-all-approver-link, .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .read-more {
        font-size: 12px;
        font-weight: 400
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .show-all-approver-link {
        border: none;
        background: none;
        padding: 0;
        color: #2B99CC;
        cursor: pointer;
        margin: 10px 0
      }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .show-all-approver-link i {
          color: #2B99CC
        }

          .ticket-show-container .ticket-show-body .ticket-show-right-pane #sr-item-approval-details .show-all-approver-link i.chevron-up::before {
            transform: rotate(180deg)
          }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update form {
        margin: 0;
        padding: 0;
        width: 100%;
        box-sizing: border-box
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update h4 {
        margin: 8px 0;
        text-transform: uppercase
      }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear {
        float: right;
        background: none;
        font-size: 12px;
        line-height: 18px;
        font-weight: 700
      }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear.hide {
          display: none
        }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset {
        margin: 16px 0;
        padding: 0
      }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset textarea, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.number input, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.decimal input, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.text input, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset textarea, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.number input, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.decimal input, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.text input {
          width: 100%;
          min-width: 100%;
          box-sizing: border-box
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset .control-label label, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset .control-label label {
          font-weight: 700
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset .display-val, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset .display-val {
          margin-top: 4px;
          word-break: break-word
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.custom_paragraph .display-val, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.custom_paragraph .display-val {
          white-space: pre-line
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.checkbox .control-label, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.checkbox .control-label {
          width: calc(100% - 24px);
          margin-left: 4px
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.nested_field, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.nested_field {
          margin-bottom: 22px
        }

          .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.nested_field .power-select-container, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.nested_field .power-select-container {
            margin-bottom: 6px
          }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset .date-time-box .datepicker-container, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset .date-time-box .datepicker-container {
          margin-right: 0;
          width: 100%;
          max-width: 100% !important
        }

          .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset .date-time-box .datepicker-container .date-picker-dialog, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset .date-time-box .datepicker-container .date-picker-dialog {
            margin-left: -40px
          }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset .timepicker-select, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset .timepicker-select {
          margin-top: 8px;
          width: 100%
        }

          .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset .timepicker-select .power-select-options-container, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset .timepicker-select .power-select-options-container {
            width: 100%
          }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset .date-time-box .btn-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset .date-time-box .btn-clear {
          margin-top: 8px;
          float: right
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.custom_lookup .level1, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.custom_multi_lookup .level1, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.custom_lookup .level1, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.custom_multi_lookup .level1 {
          margin-left: 8px !important
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.custom_lookup .level2, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.custom_multi_lookup .level2, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.custom_lookup .level2, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.custom_multi_lookup .level2 {
          margin-left: 16px !important
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.custom_lookup .level3, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.custom_multi_lookup .level3, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.custom_lookup .level3, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.custom_multi_lookup .level3 {
          margin-left: 24px !important
        }

        .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.custom_lookup .level4, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container > fieldset.custom_multi_lookup .level4, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.custom_lookup .level4, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #ticket-fields-container .dynamic-section-container > fieldset.custom_multi_lookup .level4 {
          margin-left: 32px !important
        }

      .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #btn-submit {
        min-width: auto
      }

  .ticket-show-container .cc_emails, .ticket-show-container .sharer-emails {
    position: relative;
    font-size: 14px;
    display: inline-block
  }

    .ticket-show-container .cc_emails .cc_info, .ticket-show-container .sharer-emails .cc_info {
      -moz-user-select: -moz-none;
      -ms-user-select: none;
      -webkit-user-select: none;
      user-select: none
    }

    .ticket-show-container .cc_emails .show-more, .ticket-show-container .sharer-emails .show-more {
      color: #2C5CC5;
      cursor: pointer;
      border: none;
      background: #fff
    }

    .ticket-show-container .cc_emails .cc-expand, .ticket-show-container .sharer-emails .cc-expand {
      border: none;
      padding: 0 2px;
      border-radius: 4px;
      background: #fff;
      font-size: 14px
    }

    .ticket-show-container .cc_emails .ficon-arrow-down, .ticket-show-container .sharer-emails .ficon-arrow-down {
      border: 0;
      padding: 0;
      font-size: 14px;
      background: transparent;
      padding: 0 4px;
      border-radius: 4px;
      cursor: pointer
    }

    .ticket-show-container .cc_emails .cc_options, .ticket-show-container .sharer-emails .cc_options {
      position: absolute;
      left: 0;
      top: 20px;
      color: var(--textColor);
      z-index: 10;
      min-width: calc(100% - 18px);
      animation: 0.2s ease-in-out closeUp forwards;
      background: #fff;
      transition: 0.2s ease-in-out;
      border: 1px solid #EBEFF3;
      border-radius: 4px;
      background-color: #fff;
      -moz-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
      -webkit-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
      box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
      padding: 8px;
      display: none
    }

      .ticket-show-container .cc_emails .cc_options .cc_label, .ticket-show-container .sharer-emails .cc_options .cc_label {
        margin-left: 8px
      }

      .ticket-show-container .cc_emails .cc_options .cc_full_info, .ticket-show-container .sharer-emails .cc_options .cc_full_info {
        padding: 0 0 2px 16px;
        max-height: 125px;
        overflow: auto;
        flex-grow: 1
      }

      .ticket-show-container .cc_emails .cc_options.open, .ticket-show-container .sharer-emails .cc_options.open {
        animation: 0.2s ease-in-out openDown forwards;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
      }

    .ticket-show-container .cc_emails.expanded .cc-expand, .ticket-show-container .sharer-emails.expanded .cc-expand {
      background-color: #EBEFF3
    }

.add-people-modal {
  max-width: 512px
}

  .add-people-modal .add-people-container {
    position: relative
  }

    .add-people-modal .add-people-container #add-people-label, .add-people-modal .add-people-container #share-people-label {
      color: var(--textColor);
      font-size: 14px;
      font-weight: 700
    }

    .add-people-modal .add-people-container #add-people-dropdown {
      margin-top: 8px
    }

      .add-people-modal .add-people-container #add-people-dropdown .power-select-container {
        max-width: 100%
      }

        .add-people-modal .add-people-container #add-people-dropdown .power-select-container .power-select-trigger {
          background: none
        }

          .add-people-modal .add-people-container #add-people-dropdown .power-select-container .power-select-trigger .multiselect-list {
            display: none
          }

          .add-people-modal .add-people-container #add-people-dropdown .power-select-container .power-select-trigger .search-select {
            position: relative;
            font-size: 14px
          }

        .add-people-modal .add-people-container #add-people-dropdown .power-select-container .power-select-option {
          font-size: 14px;
          padding: 8px 12px !important
        }

          .add-people-modal .add-people-container #add-people-dropdown .power-select-container .power-select-option p {
            padding: 0
          }

      .add-people-modal .add-people-container #add-people-dropdown .cc-option-title {
        font-weight: 500;
        margin-bottom: 4px
      }

      .add-people-modal .add-people-container #add-people-dropdown .cc-option-danger {
        color: #C13E1B
      }

    .add-people-modal .add-people-container #add-people-selected-values {
      margin-top: 8px;
      height: 150px;
      overflow: auto
    }

      .add-people-modal .add-people-container #add-people-selected-values li {
        display: flex;
        align-items: center;
        padding: 2px 8px 2px 12px
      }

        .add-people-modal .add-people-container #add-people-selected-values li .value {
          font-size: 12px;
          line-height: 20px;
          margin-right: 16px
        }

        .add-people-modal .add-people-container #add-people-selected-values li a.remove-option {
          top: 1px
        }

          .add-people-modal .add-people-container #add-people-selected-values li a.remove-option img {
            transform: scale(2.5)
          }

      .add-people-modal .add-people-container #add-people-selected-values .external-email {
        position: relative
      }

        .add-people-modal .add-people-container #add-people-selected-values .external-email::before {
          content: url(https://assets2.freshservice.com/assets/portal_v2/warning-6b1f5d0ed4a684977ff7fee2f0cfd08115686dc3f21bd66d0bbf61015050e5bd.svg);
          width: 14px;
          height: 14px;
          margin-right: 12px
        }

    .add-people-modal .add-people-container .send-email-notification {
      display: flex;
      align-items: center
    }

    .add-people-modal .add-people-container .share-people .ps-multiselect-list li, .add-people-modal .add-people-container .ticket-watcher #add-people-selected-values li {
      font-weight: 500;
      padding: 6px 14px 6px 12px
    }

      .add-people-modal .add-people-container .share-people .ps-multiselect-list li a, .add-people-modal .add-people-container .ticket-watcher #add-people-selected-values li a {
        top: 5px;
        right: 1px
      }

    .add-people-modal .add-people-container .share-people {
      width: 100%;
      padding-bottom: 20px;
      display: inline-block
    }

      .add-people-modal .add-people-container .share-people #share-people-label {
        font-weight: 500
      }

    .add-people-modal .add-people-container .ticket-watcher {
      height: 100px
    }

      .add-people-modal .add-people-container .ticket-watcher #add-people-selected-values {
        height: auto
      }

        .add-people-modal .add-people-container .ticket-watcher #add-people-selected-values li .value {
          font-size: 14px
        }

    .add-people-modal .add-people-container .fs-overflow-tooltip {
      white-space: normal
    }

.attachment-container {
  display: flex;
  flex-wrap: wrap
}

  .attachment-container .attachment-item {
    width: 180px;
    height: 40px;
    display: flex;
    margin: 20px 20px 20px 0;
    border: 1px solid #FDDBB5;
    border-radius: 4px;
    background-color: #fff
  }

    .attachment-container .attachment-item .attachment-icon {
      border: none;
      width: 30%;
      cursor: pointer;
      width: 40px;
      height: 40px;
      background: url(https://assets6.freshservice.com/assets/portal_v2/attachment-48a8e9512e23ca8bcd020a7a83c7c507fd3a307d7fd325c407527ce14e8b9663.svg);
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center
    }

    .attachment-container .attachment-item .attachment-info {
      width: 70%;
      display: flex;
      flex-direction: column;
      margin: 5px 0
    }

      .attachment-container .attachment-item .attachment-info .attachment-name {
        font-size: 12px;
        color: #183247;
        margin-bottom: 2px
      }

      .attachment-container .attachment-item .attachment-info .attachment-size {
        font-size: 12px;
        color: #183247
      }

.mandate-attachment-section .attachment-item.partial:only-child {
  width: 280px !important
}

  .mandate-attachment-section .attachment-item.partial:only-child .attachment-icon-container {
    width: calc(100% - 40px) !important
  }

  .mandate-attachment-section .attachment-item.partial:only-child .attachment-delete-btn {
    display: none !important
  }

.disabled-field-group .fr-box, .disabled-field-group .attachment-dropdown-container {
  pointer-events: none
}

.disabled-field-group .attachment-item.partial {
  width: 280px !important
}

.disabled-field-group .attachment-icon-container {
  width: calc(100% - 40px) !important
}

.disabled-field-group .attachment-delete-btn {
  display: none !important
}

#ticket-show-loader {
  display: flex;
  flex-direction: column;
  margin: 16px;
  background-color: #fff;
  border-radius: 4px
}

  #ticket-show-loader #ticket-show-loader-header {
    height: 140px;
    border-bottom: 1px solid #EBEFF3
  }

  #ticket-show-loader #ticket-show-loader-body {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    height: 60vh
  }

    #ticket-show-loader #ticket-show-loader-body #left-section {
      width: calc(100% - 280px);
      margin: 24px;
      border-radius: 4px;
      border: 1px solid #EBEFF3
    }

    #ticket-show-loader #ticket-show-loader-body #right-section {
      width: 280px;
      margin: 24px;
      border-radius: 4px;
      border: 1px solid #EBEFF3
    }

  #ticket-show-loader .results-loader.row {
    margin: 0;
    display: block
  }

#ticket-update-form .disabled-field-group, #new-ticket-form .disabled-field-group, .requested-item-edit-form .disabled-field-group {
  cursor: not-allowed
}

  #ticket-update-form .disabled-field-group input[readonly], #ticket-update-form .disabled-field-group select[readonly], #ticket-update-form .disabled-field-group button[readonly], #ticket-update-form .disabled-field-group textarea[readonly], #ticket-update-form .disabled-field-group input.search-select, #ticket-update-form .disabled-field-group input[type='checkbox'], #new-ticket-form .disabled-field-group input[readonly], #new-ticket-form .disabled-field-group select[readonly], #new-ticket-form .disabled-field-group button[readonly], #new-ticket-form .disabled-field-group textarea[readonly], #new-ticket-form .disabled-field-group input.search-select, #new-ticket-form .disabled-field-group input[type='checkbox'], .requested-item-edit-form .disabled-field-group input[readonly], .requested-item-edit-form .disabled-field-group select[readonly], .requested-item-edit-form .disabled-field-group button[readonly], .requested-item-edit-form .disabled-field-group textarea[readonly], .requested-item-edit-form .disabled-field-group input.search-select, .requested-item-edit-form .disabled-field-group input[type='checkbox'] {
    background-color: #F5F7F9 !important;
    border-color: #CFD7DF !important;
    box-shadow: none !important;
    cursor: not-allowed !important
  }

  #ticket-update-form .disabled-field-group select[readonly], #ticket-update-form .disabled-field-group button[readonly], #ticket-update-form .disabled-field-group input.search-select, #ticket-update-form .disabled-field-group input[type='checkbox'], #new-ticket-form .disabled-field-group select[readonly], #new-ticket-form .disabled-field-group button[readonly], #new-ticket-form .disabled-field-group input.search-select, #new-ticket-form .disabled-field-group input[type='checkbox'], .requested-item-edit-form .disabled-field-group select[readonly], .requested-item-edit-form .disabled-field-group button[readonly], .requested-item-edit-form .disabled-field-group input.search-select, .requested-item-edit-form .disabled-field-group input[type='checkbox'] {
    pointer-events: none
  }

  #ticket-update-form .disabled-field-group .hasDatePicker, #new-ticket-form .disabled-field-group .hasDatePicker, .requested-item-edit-form .disabled-field-group .hasDatePicker {
    cursor: not-allowed !important
  }

  #ticket-update-form .disabled-field-group .fr-box, #new-ticket-form .disabled-field-group .fr-box, .requested-item-edit-form .disabled-field-group .fr-box {
    opacity: 0.7
  }

  #ticket-update-form .disabled-field-group.fs-attachment, #new-ticket-form .disabled-field-group.fs-attachment, .requested-item-edit-form .disabled-field-group.fs-attachment {
    opacity: 0.7
  }

    #ticket-update-form .disabled-field-group.fs-attachment input[readonly].attach-btn, #new-ticket-form .disabled-field-group.fs-attachment input[readonly].attach-btn, .requested-item-edit-form .disabled-field-group.fs-attachment input[readonly].attach-btn {
      color: var(--textColor)
    }

.mini-paragraph-container {
  position: relative
}

  .mini-paragraph-container .para-mini + .error {
    position: absolute;
    padding-top: 0
  }

  .mini-paragraph-container .para-count {
    text-align: right;
    font-size: 12px;
    color: #555;
    font-weight: 500
  }

    .mini-paragraph-container .para-count .current-count {
      font-weight: 500
    }

  .mini-paragraph-container [aria-invalid=true] ~ .para-count {
    color: #b94a48
  }

.generated-document-card {
  margin: 16px 24px;
  padding: 12px 16px;
  border: 1px solid #cfd7df;
  border-radius: 4px
}

  .generated-document-card .fs-attachment {
    margin: 0
  }

    .generated-document-card .fs-attachment:last-child {
      margin-bottom: 0
    }

    .generated-document-card .fs-attachment div.attachments-content.partial .attachment-item {
      border: none;
      margin: 0
    }

      .generated-document-card .fs-attachment div.attachments-content.partial .attachment-item .attachment-icon-container {
        width: auto
      }

        .generated-document-card .fs-attachment div.attachments-content.partial .attachment-item .attachment-icon-container .attachment-icon {
          border: 1px solid #CFD7DF;
          padding: 8px;
          border-radius: 4px;
          background: url(https://assets6.freshservice.com/assets/portal_v2/pdf-icon-595ddb2ecea6f71a9d148b71fb7deebf14c3a0b58ac35efce00d31816013ca89.svg) no-repeat center;
          background-size: 30px;
          margin-left: 0
        }

  .generated-document-card .readonly-header {
    display: none
  }

  .generated-document-card .attachment-download-btn {
    margin: auto 10px
  }

  .generated-document-card .attachment-info {
    margin-top: 10px
  }

  .generated-document-card .expired-document {
    display: flex;
    align-items: center
  }

    .generated-document-card .expired-document .fs-attachment {
      flex: 1;
      border-right: 1px solid #CFD7DF;
      margin-right: 20px;
      padding-right: 20px
    }

      .generated-document-card .expired-document .fs-attachment div.attachments-content.partial .attachment-item {
        width: auto
      }

        .generated-document-card .expired-document .fs-attachment div.attachments-content.partial .attachment-item .attachment-icon-container {
          width: auto
        }

          .generated-document-card .expired-document .fs-attachment div.attachments-content.partial .attachment-item .attachment-icon-container .attachment-icon {
            background-size: 40px;
            background-image: url(https://assets3.freshservice.com/assets/portal_v2/invalid-file-26ef9b55953b4e8c17fce946b4834593ee68c83b16f85cf8a13b9f46705cb0c6.svg);
            padding: 0;
            border: none;
            height: 40px;
            width: 40px
          }

      .generated-document-card .expired-document .fs-attachment div.attachments-content .attachment-download-btn {
        display: none
      }

    .generated-document-card .expired-document .expire-info-note {
      flex: 3;
      font-size: 12px;
      font-weight: 600
    }

      .generated-document-card .expired-document .expire-info-note .ficon-info {
        margin-right: 8px
      }

    .generated-document-card .expired-document .ficon-info {
      color: #F65050
    }

    .generated-document-card .expired-document .attachment-icon {
      background-size: 40px;
      background-image: url(https://assets4.freshservice.com/assets/portal_v2/invalid-file-26ef9b55953b4e8c17fce946b4834593ee68c83b16f85cf8a13b9f46705cb0c6.svg);
      padding: 0;
      border: none;
      height: 40px;
      width: 40px
    }

#survey-result .mt10 {
  margin-top: 10px
}

#survey-result .mb10 {
  margin-bottom: 10px
}

#survey-result .modal-footer {
  display: none
}

#survey-result .modal-body {
  margin-top: -15px
}

#survey-result .new-smiley {
  margin: 0 5px;
  float: left
}

#survey-result .csat_smiley {
  vertical-align: middle
}

  #survey-result .csat_smiley.csat_101 {
    width: 30px;
    height: 30px;
    background-position: 0 0;
    width: 30px;
    transform: scale(0.8)
  }

  #survey-result .csat_smiley.csat_102 {
    width: 30px;
    height: 30px;
    background-position: 0 -30px;
    width: 30px;
    transform: scale(0.8)
  }

  #survey-result .csat_smiley.csat_201 {
    width: 30px;
    height: 30px;
    background-position: 0 -60px;
    width: 30px;
    transform: scale(0.8)
  }

  #survey-result .csat_smiley.csat_301 {
    width: 30px;
    height: 30px;
    background-position: 0 -90px;
    width: 30px;
    transform: scale(0.8)
  }

  #survey-result .csat_smiley.csat_302 {
    width: 30px;
    height: 30px;
    background-position: 0 -120px;
    width: 30px;
    transform: scale(0.8)
  }

#survey-result .answer-label {
  box-sizing: border-box;
  box-shadow: inset 0px 1px 2px rgba(24,50,71,0.05);
  border-radius: 4px;
  max-width: 250px;
  margin: 10px 10px 0;
  padding: 5px 0 5px 10px;
  cursor: default;
  background: #F7F9FA;
  border: 1px solid #EBEFF3
}

#survey-result .question .feedback {
  box-sizing: border-box;
  box-shadow: inset 0px 1px 2px rgba(24,50,71,0.05);
  border-radius: 4px;
  width: 100%;
  height: 80px;
  margin: 10px 0;
  padding: 5px 0 5px 10px;
  cursor: default;
  background: #F7F9FA;
  border: 1px solid #EBEFF3
}

#survey-result .question .question-label {
  margin-bottom: 5px;
  margin-top: 30px;
  font-weight: 500;
  overflow-wrap: break-word
}

#survey-result .feedback-comment {
  font-weight: 500;
  font-size: 18px
}

#survey-result .resp-header {
  font-weight: 500;
  font-size: 18px
}

#survey-result .question-data {
  list-style: none
}

  #survey-result .question-data .question {
    margin: 0
  }

#survey-questionnaire {
  height: 100%
}

  #survey-questionnaire #survey-question-form {
    height: calc(100% - 60px);
    overflow: auto;
    padding-right: 15px
  }

  #survey-questionnaire .heading {
    font-size: 18px;
    font-weight: 700;
    color: #12344D;
    width: 100%;
    margin: 8px 0
  }

  #survey-questionnaire .csat-question-section {
    margin-top: 30px
  }

    #survey-questionnaire .csat-question-section .section-title {
      margin-bottom: 20px;
      font-weight: 500
    }

    #survey-questionnaire .csat-question-section fieldset {
      padding: 10px 0
    }

    #survey-questionnaire .csat-question-section .question-label {
      margin-bottom: -10px;
      margin-top: 30px;
      font-weight: 700;
      color: #12344D;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 18px;
      text-align: left;
      overflow-wrap: break-word
    }

    #survey-questionnaire .csat-question-section .options {
      padding-left: 15px
    }

    #survey-questionnaire .csat-question-section .answer-choice {
      position: absolute;
      opacity: 0
    }

      #survey-questionnaire .csat-question-section .answer-choice:focus + label {
        outline: 1px var(--linkColor) auto
      }

      #survey-questionnaire .csat-question-section .answer-choice:checked + label {
        font-weight: 500;
        background: #E5F2FD;
        border: 1px solid #7B8E9F
      }

        #survey-questionnaire .csat-question-section .answer-choice:checked + label .ficon-tickmark, #survey-questionnaire .csat-question-section .answer-choice:checked + label ._simple-switch-track.on .handle:before, ._simple-switch-track.on #survey-questionnaire .csat-question-section .answer-choice:checked + label .handle:before, #survey-questionnaire .csat-question-section .answer-choice:checked + label .fr-popup .fr-color-set > span .fr-selected-color, .fr-popup .fr-color-set > span #survey-questionnaire .csat-question-section .answer-choice:checked + label .fr-selected-color {
          display: block
        }

    #survey-questionnaire .csat-question-section .ficon-tickmark, #survey-questionnaire .csat-question-section ._simple-switch-track.on .handle:before, ._simple-switch-track.on #survey-questionnaire .csat-question-section .handle:before, #survey-questionnaire .csat-question-section .fr-popup .fr-color-set > span .fr-selected-color, .fr-popup .fr-color-set > span #survey-questionnaire .csat-question-section .fr-selected-color {
      display: none;
      font-size: 12px;
      float: right;
      margin: 2px 10px 0 0
    }

    #survey-questionnaire .csat-question-section .option-radio {
      display: block;
      box-sizing: border-box;
      border-radius: 4px;
      max-width: 250px;
      margin: 10px 0;
      padding: 5px 0 5px 10px;
      background: #fff;
      border: 1px solid #7B8E9F;
      cursor: pointer;
      height: auto;
      white-space: normal;
      border-radius: 4px;
      font-weight: 400;
      font-size: 14px;
      font-style: normal;
      line-height: 18px;
      text-align: left;
      overflow-wrap: break-word
    }

      #survey-questionnaire .csat-question-section .option-radio:hover {
        background: #F5F7F9
      }

    #survey-questionnaire .csat-question-section .question-panel {
      color: #12344D;
      padding-bottom: 10px
    }

  #survey-questionnaire .survey-final-qn {
    margin-bottom: 5px;
    color: #12344D;
    font-weight: 500;
    line-height: 18px
  }

    #survey-questionnaire .survey-final-qn .suvey_question_label {
      font-size: 14px
    }

    #survey-questionnaire .survey-final-qn #survey_feedback_textarea {
      width: 100%;
      height: 100px;
      box-sizing: border-box
    }

  #survey-questionnaire .survey_submittable label {
    color: #12344D
  }

  #survey-questionnaire .survey_submittable textarea {
    display: block;
    width: 100%;
    box-sizing: border-box
  }

  #survey-questionnaire .new-csat-submit {
    margin-bottom: 25px;
    margin-top: 20px
  }

  #survey-questionnaire .survey_emotion_canvas {
    border-radius: 4px;
    background: #F5F7F9
  }

    #survey-questionnaire .survey_emotion_canvas .survey_emotion_display {
      margin: 16px;
      padding-bottom: 16px
    }

      #survey-questionnaire .survey_emotion_canvas .survey_emotion_display .survey_text {
        font-size: 14px;
        line-height: 17px;
        margin: 12px 0 12px 0;
        color: #12344D;
        padding: 16px 0px 0px 1px;
        font-weight: 600
      }

      #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel {
        padding: 0
      }

        #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options {
          width: 50%;
          position: relative
        }

          #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option {
            width: 100%;
            margin: 4px 0;
            border: 1px solid #CFD7DF;
            background-color: #fff;
            border-radius: 16px;
            font-size: 14px;
            font-weight: 700;
            color: #000;
            text-align: left;
            padding: 0 2px;
            position: relative;
            cursor: pointer;
            vertical-align: middle
          }

            #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .ficon-tickmark, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option ._simple-switch-track.on .handle:before, ._simple-switch-track.on #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .handle:before, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .fr-popup .fr-color-set > span .fr-selected-color, .fr-popup .fr-color-set > span #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .fr-selected-color {
              position: absolute;
              right: 16px;
              top: 8px;
              display: none;
              color: #2C5CC5
            }

            #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .csat_smiley.csat_101 {
              width: 30px;
              height: 30px;
              background-position: 0 0;
              width: 30px;
              transform: scale(0.8)
            }

            #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .csat_smiley.csat_102 {
              width: 30px;
              height: 30px;
              background-position: 0 -30px;
              width: 30px;
              transform: scale(0.8)
            }

            #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .csat_smiley.csat_201 {
              width: 30px;
              height: 30px;
              background-position: 0 -60px;
              width: 30px;
              transform: scale(0.8)
            }

            #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .csat_smiley.csat_301 {
              width: 30px;
              height: 30px;
              background-position: 0 -90px;
              width: 30px;
              transform: scale(0.8)
            }

            #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .csat_smiley.csat_302 {
              width: 30px;
              height: 30px;
              background-position: 0 -120px;
              width: 30px;
              transform: scale(0.8)
            }

            #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option .survey_option_text {
              display: inline-block;
              width: calc(100% - 80px);
              vertical-align: top;
              padding: 8px 0
            }

            #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option:hover {
              background-color: #EBEFF3
            }

            #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option.selected {
              background-color: #E5F2FD;
              border: 1px solid #2C5CC5;
              opacity: 1.0
            }

              #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option.selected .ficon-tickmark, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option.selected ._simple-switch-track.on .handle:before, ._simple-switch-track.on #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option.selected .handle:before, #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option.selected .fr-popup .fr-color-set > span .fr-selected-color, .fr-popup .fr-color-set > span #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_options .survey_option.selected .fr-selected-color {
                display: inline-block
              }

        #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_questionnaire {
          padding-top: 8px;
          width: 100%
        }

          #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_questionnaire label {
            font-size: 12px
          }

          #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_questionnaire textarea {
            border-radius: 4px;
            margin-top: 4px;
            width: calc(100% - 28px);
            box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
            padding: 12px;
            border-color: #CFD7DF;
            min-width: auto
          }

        #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey-submit-container {
          position: relative;
          width: 100%;
          height: 40px
        }

          #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey-submit-container #submit-survey {
            position: absolute;
            right: 0;
            top: 5px
          }

        #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_thanks_msg {
          font-size: 12px;
          font-weight: 700
        }

        #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_rerequest {
          font-size: 14px;
          margin: 0
        }

          #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_rerequest #re_request_survey {
            text-decoration: none
          }

        #survey-questionnaire .survey_emotion_canvas .survey_emotion_display #survey-details-sidemodel .survey_submittable {
          display: none
        }

  #survey-questionnaire #submit-survey-btn {
    margin-bottom: 15px
  }

#service-request-container {
  background: #fff;
  max-width: 1224px;
  border-radius: 4px;
  margin: 20px auto 0;
  border: solid 1px #CFD7DF
}

  #service-request-container input[type="button"]:focus {
    border: 1px solid #2C5CC5;
    border-radius: 4px;
    -moz-box-shadow: 0 0 0 2px #2C5CC5;
    -webkit-box-shadow: 0 0 0 2px #2C5CC5;
    box-shadow: 0 0 0 2px #2C5CC5
  }

  #service-request-container .paragraph {
    max-width: 600px
  }

  #service-request-container .breadcrumbs-container {
    margin: 0 24px;
    background: #fff
  }

  #service-request-container fieldset {
    border: none
  }

  #service-request-container .btn-clear {
    background: none;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700
  }

  #service-request-container .date-time-box .datepicker-container {
    position: relative;
    height: 32px
  }

    #service-request-container .date-time-box .datepicker-container input.hasDatePicker {
      height: 100%
    }

    #service-request-container .date-time-box .datepicker-container .date-picker-dialog {
      margin-top: 8px
    }

  #service-request-container .date-time-box .search-select {
    font-size: 14px;
    line-height: 21px
  }

  #service-request-container .date-time-box .date {
    font-size: 14px;
    line-height: 21px
  }

  #service-request-container .date-time-box .error-date, #service-request-container .date-time-box .error-time {
    border-color: #D72D30
  }

  #service-request-container .lookup-field-clear {
    position: absolute;
    top: 6px;
    left: 408px;
    background: none;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700
  }

    #service-request-container .lookup-field-clear.hide {
      display: none
    }

  #service-request-container .power-select-container {
    max-width: 400px;
    height: 32px
  }

    #service-request-container .power-select-container.multiselect, #service-request-container .power-select-container.ps-multiple {
      height: auto
    }

      #service-request-container .power-select-container.multiselect .power-select-trigger {
        min-height: 32px
      }

      #service-request-container .power-select-container.multiselect .autocomplete_field {
        width: 100%;
        padding-top: 7px
      }

    #service-request-container .power-select-container .search-select {
      height: 100%
    }

  #service-request-container .control-element input {
    font-size: 14px;
    line-height: 21px
  }

  #service-request-container .control-element > input:not([type="checkbox"]) {
    min-width: 200px;
    border: 1px solid #7B8E9F;
    border-radius: 4px;
    outline: none;
    padding: 0 8px;
    margin: 8px 0;
    font-size: 14px;
    line-height: 21px
  }

  #service-request-container .level1 {
    margin-left: 8px !important
  }

  #service-request-container .level2 {
    margin-left: 16px !important
  }

  #service-request-container .level3 {
    margin-left: 24px !important
  }

  #service-request-container .level4 {
    margin-left: 32px !important
  }

  #service-request-container .service-container {
    min-height: calc(100vh - 272px)
  }

    #service-request-container .service-container .service-item-details {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 16px
    }

      #service-request-container .service-container .service-item-details .service-image-container {
        width: 128px;
        height: 128px;
        padding: 8px;
        border-radius: 4px;
        background: #F5F7F9;
        margin-left: 24px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
      }

        #service-request-container .service-container .service-item-details .service-image-container img {
          height: 128px;
          width: 128px
        }

      #service-request-container .service-container .service-item-details .service-details {
        width: calc(100% - 196px);
        margin: 0 24px
      }

        #service-request-container .service-container .service-item-details .service-details .service-item-name {
          margin: 0;
          font-size: 22px;
          line-height: 33px;
          color: var(--headingsColor);
          font-family: var(--headingsFont);
          font-weight: 700
        }

        #service-request-container .service-container .service-item-details .service-details .service-price-container {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          margin-top: 4px
        }

          #service-request-container .service-container .service-item-details .service-details .service-price-container .service-price {
            font-size: 16px;
            line-height: 24px;
            font-weight: 700
          }

          #service-request-container .service-container .service-item-details .service-details .service-price-container .splitter {
            background: #CFD7DF;
            height: 20px;
            width: 1px;
            margin: 0 12px
          }

          #service-request-container .service-container .service-item-details .service-details .service-price-container .service-time {
            font-size: 12px;
            line-height: 18px;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            font-weight: 700
          }

            #service-request-container .service-container .service-item-details .service-details .service-price-container .service-time.ficon-ff-clock:before {
              font-size: 16px;
              line-height: 24px;
              margin-right: 4px
            }

        #service-request-container .service-container .service-item-details .service-details .service-description .short {
          margin-top: 8px
        }

        #service-request-container .service-container .service-item-details .service-details .service-description .long {
          transition: height 0.2s linear;
          overflow: hidden
        }

          #service-request-container .service-container .service-item-details .service-details .service-description .long[aria-expanded=true] {
            height: 100% !important
          }

        #service-request-container .service-container .service-item-details .service-details .service-description .read-more {
          min-width: 0;
          font-size: 14px;
          line-height: 21px;
          margin: 0;
          font-weight: 700;
          padding: 0;
          background: none
        }

        #service-request-container .service-container .service-item-details .service-details .service-description img {
          max-width: 100%
        }

    #service-request-container .service-container .loaner-section {
      margin: 8px 0 8px 24px
    }

      #service-request-container .service-container .loaner-section div#end-date {
        margin: 16px 0
      }

      #service-request-container .service-container .loaner-section div label {
        font-size: 12px;
        line-height: 18px
      }

        #service-request-container .service-container .loaner-section div label sup {
          color: #D72D30;
          margin-left: -1px;
          font-size: 14px;
          line-height: 21px;
          font-weight: 700;
          vertical-align: baseline
        }

      #service-request-container .service-container .loaner-section div div.control-element {
        margin: 8px 0
      }

      #service-request-container .service-container .loaner-section div div.error {
        color: #D72D30
      }

      #service-request-container .service-container .loaner-section div.available-info-container {
        position: relative;
        font-size: 12px;
        line-height: 18px
      }

        #service-request-container .service-container .loaner-section div.available-info-container input#available-time {
          background: none;
          font-weight: 500;
          padding: 0;
          min-width: 100px;
          margin: 0;
          font-size: 12px;
          line-height: 18px;
          background: none
        }

        #service-request-container .service-container .loaner-section div.available-info-container div.available-info {
          width: 320px;
          border-radius: 4px;
          height: 200px;
          left: 280px;
          padding: 8px;
          overflow: auto;
          position: absolute;
          border: 1px solid #CFD7DF;
          background: #fff;
          -moz-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
          -webkit-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
          box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
          display: none
        }

          #service-request-container .service-container .loaner-section div.available-info-container div.available-info.open {
            display: block
          }

          #service-request-container .service-container .loaner-section div.available-info-container div.available-info a {
            display: block;
            font-weight: 700;
            text-decoration: none;
            padding: 8px;
            margin: 0 8px
          }

            #service-request-container .service-container .loaner-section div.available-info-container div.available-info a:hover {
              background: #CFD7DF
            }

    #service-request-container .service-container .service-splitter {
      width: calc(100% - 48px);
      height: 1px;
      margin: 20px auto 24px;
      background: #EBEFF3
    }

    #service-request-container .service-container #item-fields {
      margin-left: 8px
    }

    #service-request-container .service-container .fields .custom-field {
      margin: 16px;
      padding: 0
    }

      #service-request-container .service-container .fields .custom-field .control-label {
        width: 90%
      }

        #service-request-container .service-container .fields .custom-field .control-label label {
          word-break: break-word;
          font-size: 12px;
          line-height: 18px
        }

          #service-request-container .service-container .fields .custom-field .control-label label sup {
            color: #D72D30;
            margin-left: 2px;
            font-size: 14px;
            line-height: 21px;
            font-weight: 700;
            vertical-align: baseline
          }

      #service-request-container .service-container .fields .custom-field .control-element {
        margin: 4px 0
      }

        #service-request-container .service-container .fields .custom-field .control-element .text, #service-request-container .service-container .fields .custom-field .control-element .url, #service-request-container .service-container .fields .custom-field .control-element .decimal, #service-request-container .service-container .fields .custom-field .control-element .number {
          margin: 0px;
          width: 384px;
          height: 30px
        }

        #service-request-container .service-container .fields .custom-field .control-element textarea {
          margin: 0;
          width: 384px;
          min-width: 384px;
          resize: auto;
          padding: 8px;
          font-family: var(--baseFont),Helvetica,Arial,sans-serif;
          border: 1px solid #7B8E9F;
          border-radius: 4px;
          font-size: 14px;
          line-height: 21px;
          height: 72px
        }

      #service-request-container .service-container .fields .custom-field .error {
        color: #D72D30
      }

      #service-request-container .service-container .fields .custom-field.custom_checkbox div {
        display: inline
      }

        #service-request-container .service-container .fields .custom-field.custom_checkbox div.control-element {
          margin-right: 6px
        }

        #service-request-container .service-container .fields .custom-field.custom_checkbox div input {
          width: auto
        }

      #service-request-container .service-container .fields .custom-field.custom_checkbox .error {
        display: block
      }

      #service-request-container .service-container .fields .custom-field.custom_static_rich_text {
        word-break: break-word;
        -ms-word-wrap: break-word
      }

      #service-request-container .service-container .fields .custom-field.error-group .error {
        display: block;
        margin-top: 4px
      }

      #service-request-container .service-container .fields .custom-field.error-group .text, #service-request-container .service-container .fields .custom-field.error-group .url, #service-request-container .service-container .fields .custom-field.error-group .decimal, #service-request-container .service-container .fields .custom-field.error-group .number, #service-request-container .service-container .fields .custom-field.error-group textarea, #service-request-container .service-container .fields .custom-field.error-group .power-select-trigger {
        border-color: #D72D30
      }

      #service-request-container .service-container .fields .custom-field.autocomplete_dropdown div.control-element {
        position: relative
      }

    #service-request-container .service-container .bundle-container {
      margin: 0 24px
    }

      #service-request-container .service-container .bundle-container .bundle-header {
        padding: 0
      }

        #service-request-container .service-container .bundle-container .bundle-header h3 {
          margin: 0;
          font-size: 16px;
          line-height: 24px;
          font-weight: 700
        }

        #service-request-container .service-container .bundle-container .bundle-header .bundle-description {
          font-size: 14px;
          line-height: 21px
        }

      #service-request-container .service-container .bundle-container .bundle-items-container {
        max-width: 612px;
        margin-bottom: 40px
      }

        #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section {
          margin: 16px 0;
          border: 1px solid #EBEFF3;
          border-radius: 4px
        }

          #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section.expanded {
            background: #F5F7F9
          }

          #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 {
            margin: 0;
            position: relative
          }

            #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item {
              padding: 0;
              background: none;
              border: none;
              text-decoration: none;
              text-align: left;
              width: 100%;
              display: -webkit-box;
              display: -moz-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex
            }

              #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item:hover, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item:focus {
                background: #F5F7F9
              }

              #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .item-image-container {
                border-radius: 4px;
                max-height: 28px;
                margin: 12px 0 12px 46px;
                padding: 5px;
                border: 1px solid #CFD7DF;
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center
              }

                #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .item-image-container img {
                  width: 28px;
                  height: 28px
                }

              #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info {
                margin-top: 12px;
                margin-left: 12px;
                max-width: 450px;
                height: 52px
              }

                #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info .bundle-item-name {
                  font-size: 14px;
                  line-height: 21px;
                  font-weight: 700
                }

                #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info .bundle-item-cost {
                  font-size: 14px;
                  line-height: 21px
                }

                #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info.expanded {
                  height: auto
                }

                  #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-info.expanded .bundle-item-name {
                    white-space: normal
                  }

              #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-expand {
                margin: 22px 28px 0 auto;
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                height: 18px;
                background: none;
                border: none;
                padding: 0;
                cursor: pointer;
                transition: transform 0.2s ease-in-out
              }

                #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-expand.ficon-chevron-down {
                  font-size: 18px;
                  line-height: 27px;
                  color: #12344D
                }

                #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-expand.expand {
                  transform: rotate(180deg)
                }

              #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-item-loading {
                margin: 22px 28px 0 auto;
                animation-name: spin-clockwise;
                animation-duration: 1.5s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                width: 18px;
                height: 18px
              }

                #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 .bundle-item .bundle-item-loading.hide {
                  display: none
                }

            #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section h4 input[type="checkbox"] {
              position: absolute;
              top: 25px;
              left: 16px
            }

          #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state {
            margin: 12px 0;
            padding: 0 48px 0 100px
          }

            #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .short {
              margin-top: 8px
            }

            #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .long {
              transition: height 0.2s linear;
              overflow: hidden
            }

            #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more {
              min-width: 0;
              font-size: 14px;
              line-height: 21px;
              margin: 0;
              font-weight: 700;
              padding: 0;
              background: none
            }

            #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description img {
              max-width: 100%
            }

            #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-fields .custom-field {
              margin-left: 0
            }

              #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-fields .custom-field.level_2, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-fields .custom-field.level_3 {
                margin-left: 16px
              }

            #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state.hide {
              display: none
            }

        #service-request-container .service-container .bundle-container .bundle-items-container .load-more {
          min-width: 0;
          font-size: 14px;
          opacity: 0.9;
          border-bottom: 1px dashed var(--linkColor);
          padding: 0;
          background: none;
          font-weight: 700;
          margin-left: 42%;
          cursor: pointer
        }

          #service-request-container .service-container .bundle-container .bundle-items-container .load-more:focus {
            border: 1px solid #2C5CC5
          }

          #service-request-container .service-container .bundle-container .bundle-items-container .load-more:hover {
            border-bottom: 1px dashed var(--linkColorHover)
          }

        #service-request-container .service-container .bundle-container .bundle-items-container .mandatory-error {
          color: red;
          font-size: 14px;
          line-height: 21px;
          display: block;
          margin: 8px 0;
          text-align: center
        }

          #service-request-container .service-container .bundle-container .bundle-items-container .mandatory-error.hide {
            display: none
          }

    #service-request-container .service-container #place-request-attachments {
      margin: 20px 24px 0
    }

      #service-request-container .service-container #place-request-attachments .attach-btn-icon {
        margin: 0
      }

      #service-request-container .service-container #place-request-attachments .attach-btn:focus {
        border: none
      }

  #service-request-container .place-request-footer {
    height: 80px;
    background: #fff;
    border-top: 1px solid #CFD7DF;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

    #service-request-container .place-request-footer input {
      float: right;
      margin: 24px 16px 24px auto;
      padding: 7px 16px;
      font-weight: 700;
      min-width: 0
    }

  #service-request-container.iframe-container {
    position: relative;
    margin: 0 auto;
    border: none;
    padding-bottom: 56px
  }

    #service-request-container.iframe-container .place-request-footer {
      position: fixed;
      height: auto;
      right: 0;
      bottom: 0;
      left: 0;
      border: none;
      padding: 0 16px;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: right;
      -moz-box-pack: right;
      -ms-flex-pack: right;
      -webkit-justify-content: right;
      justify-content: right;
      min-width: 470px
    }

      #service-request-container.iframe-container .place-request-footer .btn, #service-request-container.iframe-container .place-request-footer .date-picker-dialog .header .power-select-container .power-select-trigger, .date-picker-dialog .header .power-select-container #service-request-container.iframe-container .place-request-footer .power-select-trigger {
        height: 32px;
        margin: 12px 0 12px 8px;
        z-index: 2
      }

      #service-request-container.iframe-container .place-request-footer .requested-items {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-right: auto;
        padding: 12px 0;
        font-weight: 600;
        font-size: 12px;
        color: #12344D;
        z-index: 2;
        width: 230px
      }

        #service-request-container.iframe-container .place-request-footer .requested-items .info {
          position: relative;
          padding: 0 16px;
          white-space: nowrap
        }

          #service-request-container.iframe-container .place-request-footer .requested-items .info .view-detail {
            cursor: pointer;
            padding: 8px 0;
            font-size: inherit;
            font-weight: inherit;
            color: #2C5CC5;
            border: none;
            background: none
          }

            #service-request-container.iframe-container .place-request-footer .requested-items .info .view-detail [class*="ficon-"] {
              display: inline-block;
              vertical-align: middle;
              font-size: 14.6px;
              color: #2C5CC5;
              margin-left: 7px
            }

            #service-request-container.iframe-container .place-request-footer .requested-items .info .view-detail:before {
              content: '';
              position: absolute;
              top: -21px;
              left: calc(50% - 14px);
              width: 0;
              height: 0;
              border-top: 0px solid #fff;
              border-left: 14px solid transparent;
              border-right: 14px solid transparent;
              transition: border 0.1s ease-in-out
            }

            #service-request-container.iframe-container .place-request-footer .requested-items .info .view-detail[aria-expanded="true"] .view-text {
              display: none
            }

            #service-request-container.iframe-container .place-request-footer .requested-items .info .view-detail[aria-expanded="true"]:before {
              border-top-width: 18px
            }

            #service-request-container.iframe-container .place-request-footer .requested-items .info .view-detail[aria-expanded="false"] [class*="ficon-"] {
              transform: rotate(-180deg)
            }

            #service-request-container.iframe-container .place-request-footer .requested-items .info .view-detail[aria-expanded="false"] .hide-text {
              display: none
            }

        #service-request-container.iframe-container .place-request-footer .requested-items .divider {
          width: 0;
          height: 30px;
          border-right: 1px solid #92A2B1
        }

      #service-request-container.iframe-container .place-request-footer .requested-items-detail {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -100vh;
        opacity: 0;
        padding: 24px 24px 20px;
        font-size: 14px;
        color: #4A5866;
        background: #fff;
        overflow: auto;
        box-shadow: 0px -9px 15px rgba(0,0,0,0.05);
        transition: all 0.3s ease-in-out;
        z-index: 0
      }

        #service-request-container.iframe-container .place-request-footer .requested-items-detail.open {
          bottom: 100%;
          opacity: 1
        }

        #service-request-container.iframe-container .place-request-footer .requested-items-detail .table {
          width: 100%
        }

          #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tr td, #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tr th {
            text-align: left;
            padding-left: 6px;
            padding-right: 6px
          }

          #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tr [scope="row"] {
            font-weight: normal
          }

          #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tr td, #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tr [scope="row"] {
            padding-bottom: 20px
          }

          #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tr [scope="rowgroup"] {
            font-size: 12px;
            padding-top: 16px;
            padding-bottom: 15px
          }

          #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tr [scope="col"] {
            padding-bottom: 24px
          }

          #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tbody tr:last-child th, #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tbody tr:last-child td {
            padding-bottom: 50px
          }

          #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tfoot td, #service-request-container.iframe-container .place-request-footer .requested-items-detail .table tfoot [scope="row"] {
            font-size: 16px;
            font-weight: 600;
            color: #12344D;
            padding-top: 16px;
            padding-bottom: 0;
            margin-top: 30px;
            border-top: 1px dashed #CFD7DF
          }

        #service-request-container.iframe-container .place-request-footer .requested-items-detail .quantity-selector {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          float: left;
          border: 1px solid #CFD7DF;
          border-radius: 4px;
          box-shadow: inset 0px 1px 2px rgba(24,50,71,0.05)
        }

          #service-request-container.iframe-container .place-request-footer .requested-items-detail .quantity-selector input {
            border: none;
            margin: 0;
            padding: 0;
            font-size: 14px;
            line-height: 28px;
            text-align: center;
            font-weight: normal
          }

            #service-request-container.iframe-container .place-request-footer .requested-items-detail .quantity-selector input[type="text"] {
              width: 32px
            }

            #service-request-container.iframe-container .place-request-footer .requested-items-detail .quantity-selector input[type="button"] {
              cursor: pointer;
              width: 28px;
              background: #F5F7F9
            }

              #service-request-container.iframe-container .place-request-footer .requested-items-detail .quantity-selector input[type="button"]:first-child {
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px
              }

              #service-request-container.iframe-container .place-request-footer .requested-items-detail .quantity-selector input[type="button"]:last-child {
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px
              }

            #service-request-container.iframe-container .place-request-footer .requested-items-detail .quantity-selector input:not(:last-child) {
              margin-right: 2px
            }

        #service-request-container.iframe-container .place-request-footer .requested-items-detail .remove-item-btn {
          float: left;
          width: 22px;
          line-height: 28px;
          text-align: right;
          opacity: 0.2
        }

          #service-request-container.iframe-container .place-request-footer .requested-items-detail .remove-item-btn img {
            width: 6.07px
          }

          #service-request-container.iframe-container .place-request-footer .requested-items-detail .remove-item-btn:hover {
            opacity: 0.5
          }

      #service-request-container.iframe-container .place-request-footer:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #F5F7F9;
        z-index: 1
      }

#service-request-loader {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 16px;
  max-width: 1224px;
  margin: 20px auto;
  background-color: #fff;
  border-radius: 4px
}

  #service-request-loader .line-large, #service-request-loader .line-small {
    margin-left: 16px
  }

  #service-request-loader #service-request-loader-header {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 140px;
    border-bottom: 1px solid #EBEFF3
  }

    #service-request-loader #service-request-loader-header .left-header {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center
    }

      #service-request-loader #service-request-loader-header .left-header .profile-loader {
        background: #EBEFF3;
        margin-left: 16px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        float: left
      }

    #service-request-loader #service-request-loader-header .right-header {
      width: 100%
    }

  #service-request-loader #service-request-loader-body {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    height: 250px
  }

    #service-request-loader #service-request-loader-body #service-section {
      width: 100%;
      border-radius: 4px
    }

  #service-request-loader .results-loader.row {
    margin: 0;
    display: block
  }

body[page="catalog_item"] #header-main {
  z-index: 10;
  -moz-box-shadow: 0 2px 4px 0 rgba(24,50,71,0.1);
  -webkit-box-shadow: 0 2px 4px 0 rgba(24,50,71,0.1);
  box-shadow: 0 2px 4px 0 rgba(24,50,71,0.1)
}

body[page="catalog_item"] #footer-main {
  margin-top: 20px
}

body[page="catalog_item"] .breadcrumbs-container ol li:last-child {
  width: 40%
}

body[page="catalog_item"] .fs-tooltip:before {
  top: -28px;
  left: -40px;
  width: 96px;
  background-color: #12344D
}

body[page="catalog_item"].iframe-version {
  background-color: #fff !important
}

body[page="catalog_item"] #side-modal fieldset {
  border: none
}

body[page="catalog_item"] #side-modal label {
  font-weight: 500
}

body[page="catalog_item"] #side-modal input[type="text"] {
  min-width: 200px;
  height: 32px;
  border: 1px solid #7B8E9F;
  border-radius: 4px;
  outline: none;
  padding: 0 8px;
  margin: 4px 0;
  font-size: 14px;
  line-height: 21px
}

body[page="catalog_item"] #side-modal #side-modal-content #place-request-header {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  padding-left: 4px
}

body[page="catalog_item"] #side-modal #side-modal-content .place-request-container {
  height: calc(100vh - 140px);
  overflow: auto;
  padding-left: 4px
}

  body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .control-label {
    width: 90%;
    font-size: 12px;
    line-height: 18px
  }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .control-label label {
      font-weight: 700;
      word-break: break-word
    }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .control-label sup {
      margin-left: 4px;
      font-size: 14px;
      line-height: 21px;
      font-weight: 700;
      color: #D72D30;
      vertical-align: baseline
    }

  body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .control-element {
    max-width: 800px;
    width: 100%;
    box-sizing: border-box
  }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .control-element input {
      width: 100%;
      box-sizing: border-box
    }

  body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester {
    padding: 0;
    margin: 0
  }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester .req-text-container {
      position: relative;
      width: 80%
    }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester .req-text-container .req-search {
        margin-bottom: 4px
      }

        body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester .req-text-container .req-search .power-select-trigger {
          border: none;
          box-shadow: none
        }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester .req-text-container.error-group input[type="text"] {
        border-color: #D72D30
      }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #requester_email-error {
      color: #D72D30
    }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #ticket-add-cc {
      position: absolute;
      left: 100%;
      top: 4px;
      padding: 4px;
      cursor: pointer;
      font-size: 14px;
      line-height: 21px;
      text-decoration: none;
      border-radius: 4px;
      border: 1px solid #7B8E9F;
      margin: 0;
      margin-left: 8px;
      min-width: 80px;
      width: auto
    }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #ticket-add-cc:focus {
        border: 1px solid #2C5CC5;
        -moz-box-shadow: 0 0 0 2px #2C5CC5;
        -webkit-box-shadow: 0 0 0 2px #2C5CC5;
        box-shadow: 0 0 0 2px #2C5CC5;
        border-radius: 4px
      }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container {
      margin: 16px 0 8px 0;
      display: none
    }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container.show {
        display: block;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
      }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-label {
        flex-grow: 1;
        min-width: 32px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 8px 0;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        background-color: #EBEFF3;
        border: 1px solid #CFD7DF;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-right: 0
      }

        body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-label label {
          text-transform: uppercase
        }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container {
        flex: 50;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border: 1px solid #7B8E9F;
        position: relative
      }

        body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select {
          max-width: none;
          min-width: auto;
          margin: 0
        }

          body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .power-select-trigger {
            background: none;
            border: none;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
          }

          body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .multiselect-list {
            margin-right: -4px
          }

            body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .multiselect-list li {
              margin-left: 6px
            }

              body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .multiselect-list li span {
                vertical-align: baseline
              }

            body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .multiselect-list .external-email {
              display: flex;
              position: relative;
              align-items: center
            }

              body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .multiselect-list .external-email::after {
                content: url(https://assets9.freshservice.com/assets/portal_v2/warning-6b1f5d0ed4a684977ff7fee2f0cfd08115686dc3f21bd66d0bbf61015050e5bd.svg);
                width: 14px;
                height: 14px;
                position: absolute
              }

              body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .multiselect-list .external-email .value {
                margin-left: 26px
              }

              body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .multiselect-list .external-email.fs-tooltip::before {
                background: #12344D;
                border-radius: 4px;
                line-height: 20px;
                white-space: nowrap;
                padding: 2px 8px;
                left: 0;
                width: auto
              }

          body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .power-select-option {
            padding: 8px 12px !important
          }

            body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .power-select-option p {
              padding: 0
            }

          body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select .ficon-chevron-down {
            display: none
          }

          body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container .power-select input {
            border: none;
            margin: 2px 0
          }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-option-title {
        font-weight: 500;
        margin-bottom: 4px
      }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-option-danger {
        color: #C13E1B
      }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #name_field {
      opacity: 0;
      z-index: 1;
      height: 0;
      display: none;
      transition: 0.75s ease;
      transform: translateY(-80px);
      animation: 0.2s ease-in-out closeUp forwards
    }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #name_field.slideDown {
        opacity: 1;
        animation: 0.2s ease-in-out openDown forwards;
        height: auto;
        transform: translateY(0);
        transition: 0.75 linear opacity
      }

  body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 40px
  }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin: 10px 0
    }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .service-item-holder {
        width: 40px;
        height: 40px;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #CFD7DF
      }

        body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .service-item-holder img {
          width: 32px;
          height: 32px;
          margin: 4px
        }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .service-item-name {
        font-size: 14px;
        line-height: 21px;
        padding: 0 24px;
        width: 30%
      }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .quantity-container {
        width: 15%;
        padding: 0 12px;
        text-align: center
      }

        body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .quantity-container .number-selector {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          border: 1px solid #CFD7DF;
          border-radius: 4px
        }

          body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .quantity-container .number-selector input.quantity-value {
            width: 28px;
            border: none;
            height: 32px;
            text-align: center;
            font-size: 14px;
            line-height: 21px;
            padding: 0;
            margin: 0 2px;
            min-width: 28px
          }

          body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .quantity-container .number-selector .slider-decrement, body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .quantity-container .number-selector .slider-increment {
            font-size: 18px;
            line-height: 27px;
            text-align: center;
            border: 1px solid transparent;
            cursor: pointer;
            background: none
          }

            body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .quantity-container .number-selector .slider-decrement.slider-decrement[disabled], body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .quantity-container .number-selector .slider-increment.slider-decrement[disabled] {
              opacity: 0.4
            }

            body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .quantity-container .number-selector .slider-decrement:focus, body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .quantity-container .number-selector .slider-increment:focus {
              border: 1px solid #2C5CC5;
              -moz-box-shadow: 0 0 0 2px #2C5CC5;
              -webkit-box-shadow: 0 0 0 2px #2C5CC5;
              box-shadow: 0 0 0 2px #2C5CC5;
              border-radius: 4px
            }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .place-price-container {
        width: 20%;
        padding: 0 24px
      }

        body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .place-price-container .place-price {
          font-size: 14px;
          line-height: 21px;
          font-weight: 700;
          text-align: right
        }

        body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .place-price-container .cost-placeholder {
          font-size: 14px;
          line-height: 21px;
          font-weight: 700;
          text-align: right;
          padding: 0 8px;
          opacity: 0.4
        }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .remove-item {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-left: auto;
        margin-right: 12px
      }

        body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .remove-item a {
          padding: 0;
          background: none;
          text-decoration: none;
          border: none;
          cursor: pointer
        }

          body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .remove-item a img {
            width: 12px;
            height: 12px
          }

          body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .remove-item a[aria-disabled="true"] img {
            opacity: 0.3
          }

  body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .total-section {
    width: 90%;
    margin: 16px 0 -24px;
    padding: 12px 0;
    border-top: 1px solid #CFD7DF;
    border-bottom: 1px solid #CFD7DF;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px
  }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .total-section .total {
      margin-left: 68px
    }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .total-section #items-total-value {
      float: right
    }

  body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container {
    margin-top: 8px;
    width: 90%
  }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .request-container {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center
    }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .request-container label {
        font-size: 12px;
        line-height: 18px;
        margin-left: 4px;
        font-weight: 700
      }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .input-container {
      margin-top: 8px
    }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .input-container label {
        font-size: 12px;
        line-height: 18px
      }

        body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .input-container label sup {
          color: #D72D30;
          font-size: 14px;
          line-height: 21px;
          font-weight: 700;
          vertical-align: baseline
        }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .input-container #request-someone-input {
        width: 100%;
        box-sizing: border-box
      }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .input-container .request-for-search {
        margin-bottom: 4px
      }

        body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .input-container .request-for-search .power-select-trigger {
          border: none;
          box-shadow: none
        }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .input-container .error {
        color: #D72D30
      }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .input-container.hide {
        display: none
      }

      body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .request-someone-container .input-container.error-group #request-someone-input {
        border-color: #D72D30
      }

  body[page="catalog_item"] #side-modal #side-modal-content .place-request-container #place-request-attachments {
    margin-top: 20px
  }

    body[page="catalog_item"] #side-modal #side-modal-content .place-request-container #place-request-attachments .attach-btn-icon {
      margin: 0
    }

body[page="catalog_item"] #side-modal #side-modal-content .footer-section {
  position: absolute;
  padding: 0;
  width: 100%;
  height: 56px;
  bottom: 0;
  left: 0;
  background: #F5F7F9;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

  body[page="catalog_item"] #side-modal #side-modal-content .footer-section button {
    margin: 0 16px 0 auto;
    font-weight: 700
  }

#service-request-container .disabled-field-group {
  cursor: not-allowed
}

  #service-request-container .disabled-field-group input[readonly], #service-request-container .disabled-field-group select[readonly], #service-request-container .disabled-field-group button[readonly], #service-request-container .disabled-field-group textarea[readonly], #service-request-container .disabled-field-group input.search-select, #service-request-container .disabled-field-group input[type='checkbox'] {
    background-color: #F5F7F9 !important;
    border-color: #CFD7DF !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    pointer-events: none !important
  }

  #service-request-container .disabled-field-group .hasDatePicker {
    cursor: not-allowed !important
  }

body[page="catalog_items"] #header-main.sticky {
  position: fixed;
  top: 0;
  z-index: 10;
  -moz-box-shadow: 0 2px 4px 0 rgba(24,50,71,0.1);
  -webkit-box-shadow: 0 2px 4px 0 rgba(24,50,71,0.1);
  box-shadow: 0 2px 4px 0 rgba(24,50,71,0.1)
}

body[page="catalog_items"].keyboard-user #catalog-list-page #catalog-list-categories #categories-list li a:focus:after {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  right: 0;
  bottom: 0
}

body[page="catalog_items"].iframe-version {
  background-color: #fff !important
}

#catalog-list-page {
  margin: 16px auto 0;
  max-width: 1408px;
  background: #fff;
  border-radius: 4px
}

  #catalog-list-page #catalog-list-header {
    padding: 8px 24px 16px;
    background-color: #F5F7F9;
    box-sizing: border-box;
    height: 132px
  }

    #catalog-list-page #catalog-list-header #catalog-list-header-items {
      margin-top: -4px
    }

      #catalog-list-page #catalog-list-header #catalog-list-header-items .catalog-image {
        background-image: url(https://assets10.freshservice.com/assets/portal_v2/request-new-service-bfd402cb90352a46c0c806e52cfe73487c95c3bae69d2a94cb2b9a0622654e28.svg);
        display: inline-block;
        height: 50px;
        width: 50px;
        margin-right: 16px
      }

      #catalog-list-page #catalog-list-header #catalog-list-header-items .catalog-header-info {
        display: inline-block
      }

        #catalog-list-page #catalog-list-header #catalog-list-header-items .catalog-header-info #catalog-title {
          margin: 0 8px 8px;
          line-height: 20px
        }

        #catalog-list-page #catalog-list-header #catalog-list-header-items .catalog-header-info p {
          margin: 8px;
          line-height: 20px
        }

  #catalog-list-page #wrapper_ele {
    width: 300px !important;
    float: left
  }

  #catalog-list-page #catalog-list-categories {
    width: 300px !important;
    padding: 16px;
    overflow: auto;
    z-index: 5;
    background: #fff;
    max-height: calc(100vh - 250px);
    float: left
  }

    #catalog-list-page #catalog-list-categories #categories-list {
      list-style: none;
      overflow: hidden
    }

      #catalog-list-page #catalog-list-categories #categories-list li {
        cursor: pointer;
        border-radius: 4px;
        margin: 0;
        height: auto;
        position: relative;
        transition: .2s ease background-color
      }

        #catalog-list-page #catalog-list-categories #categories-list li a {
          text-decoration: none;
          color: var(--textColor);
          font-size: 16px;
          width: 100%;
          display: block;
          padding: 16px 24px 16px 16px;
          box-sizing: border-box;
          line-height: 16px
        }

        #catalog-list-page #catalog-list-categories #categories-list li .ficon-chevron-right {
          position: absolute;
          right: 16px;
          top: 16px;
          color: #2C5CC5;
          font-size: 18px;
          display: none
        }

        #catalog-list-page #catalog-list-categories #categories-list li:hover {
          background-color: #EBEFF3
        }

        #catalog-list-page #catalog-list-categories #categories-list li.active {
          background-color: #F5F7F9
        }

          #catalog-list-page #catalog-list-categories #categories-list li.active a {
            color: #2C5CC5;
            font-size: 16px;
            font-weight: 500
          }

          #catalog-list-page #catalog-list-categories #categories-list li.active .ficon-chevron-right {
            display: block
          }

    #catalog-list-page #catalog-list-categories.is_stuck {
      max-height: calc(100vh - 90px)
    }

      #catalog-list-page #catalog-list-categories.is_stuck.at_last {
        max-height: calc(100vh - 145px)
      }

  #catalog-list-page #catalog-list-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 150px);
    border-left: 1px solid #EBEFF3
  }

    #catalog-list-page #catalog-list-container #catalog-list-items {
      padding: 16px;
      width: 100%
    }

      #catalog-list-page #catalog-list-container #catalog-list-items #list-category {
        text-transform: uppercase;
        margin: 8px;
        font-size: 14px
      }

      #catalog-list-page #catalog-list-container #catalog-list-items #list-items-loader {
        display: none;
        width: 100%;
        box-sizing: border-box
      }

        #catalog-list-page #catalog-list-container #catalog-list-items #list-items-loader .items {
          width: calc(33% - 40px);
          margin: 8px;
          height: 90px;
          border: 1px solid #EBEFF3;
          border-radius: 4px
        }

          #catalog-list-page #catalog-list-container #catalog-list-items #list-items-loader .items .round-dot {
            display: block
          }

      #catalog-list-page #catalog-list-container #catalog-list-items #list-items {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap
      }

        #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          flex-grow: 1;
          margin: 8px;
          padding: 8px;
          width: calc(33% - 40px);
          min-width: 275px;
          max-width: calc(33% - 16px);
          height: 120px;
          text-decoration: none;
          border: 1px solid #EBEFF3;
          box-sizing: border-box;
          border-radius: 4px;
          position: relative;
          -moz-box-shadow: 0 2px 4px 0 rgba(24,50,71,0.1);
          -webkit-box-shadow: 0 2px 4px 0 rgba(24,50,71,0.1);
          box-shadow: 0 2px 4px 0 rgba(24,50,71,0.1)
        }

          #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-image {
            width: 104px;
            height: 104px
          }

            #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-image img {
              max-height: 100%;
              max-width: 100%;
              background-color: #F5F7F9;
              border-radius: 8px;
              padding: 8px;
              box-sizing: border-box
            }

          #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-info {
            width: 58%;
            color: var(--textColor);
            padding: 8px 16px;
            word-break: break-word
          }

            #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-info .item-name {
              margin: 4px 0
            }

            #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-info .item-short-description {
              margin: 8px 0
            }

            #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-info .item-cost {
              min-width: 50%;
              font-weight: 700;
              float: left
            }

            #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-info .item-time {
              font-weight: 700;
              float: left
            }

              #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-info .item-time .ficon-ff-clock {
                opacity: 0.7
              }

            #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-info .item-description {
              display: none;
              position: absolute;
              color: #fff;
              background-color: #141C30;
              z-index: 1;
              border-radius: 4px;
              min-width: 150px;
              left: -16px;
              width: 100%;
              top: 135px;
              padding: 16px;
              animation: 1s ease closeUp forwards
            }

              #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-info .item-description .title {
                font-weight: 500;
                margin: 0
              }

              #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .catalog-item-info .item-description .description {
                margin: 8px 0
              }

          #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item:hover, #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item:focus {
            background-color: #F5F7F9
          }

            #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item:hover .service-item-tooltip, #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item:focus .service-item-tooltip {
              height: auto;
              width: auto;
              opacity: 1;
              top: 124px;
              left: 0;
              font-size: 12px;
              line-height: 18px;
              background-color: #12344D;
              color: #fff;
              text-align: left;
              border-radius: 6px;
              padding: 8px 10px;
              z-index: 1;
              transition: 0.2s opacity;
              transition-delay: 1s
            }

              #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item:hover .service-item-tooltip .tooltip-name, #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item:hover .service-item-tooltip .tooltip-short-description, #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item:focus .service-item-tooltip .tooltip-name, #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item:focus .service-item-tooltip .tooltip-short-description {
                margin: 2px;
                text-align: left
              }

@media screen and (max-width: 1279px) {
  #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item {
    max-width: calc(50% - 16px)
  }
}

#catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item .service-item-tooltip {
  position: absolute;
  height: 0;
  opacity: 0
}

#catalog-list-page #catalog-list-container #catalog-list-items #list-items .fd-iframe-item {
  max-height: 78px !important;
  border-radius: 8px;
  -moz-box-shadow: 0 1px 6px 0 rgba(85,85,85,0.05) !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(85,85,85,0.05) !important;
  box-shadow: 0 1px 6px 0 rgba(85,85,85,0.05) !important;
  margin-bottom: 0px
}

  #catalog-list-page #catalog-list-container #catalog-list-items #list-items .fd-iframe-item .catalog-item-image img {
    width: 60px !important;
    height: 60px !important
  }

  #catalog-list-page #catalog-list-container #catalog-list-items #list-items .fd-iframe-item .catalog-item-info {
    font-family: sans-serif !important;
    color: #12344D;
    margin-left: -40px
  }

    #catalog-list-page #catalog-list-container #catalog-list-items #list-items .fd-iframe-item .catalog-item-info .item-cost {
      position: absolute;
      left: 86.64%;
      top: 30%;
      font-weight: 500;
      font-size: 12px;
      min-width: inherit
    }

    #catalog-list-page #catalog-list-container #catalog-list-items #list-items .fd-iframe-item .catalog-item-info .item-short-description {
      font-size: 12px
    }

    #catalog-list-page #catalog-list-container #catalog-list-items #list-items .fd-iframe-item .catalog-item-info .item-time {
      position: absolute;
      left: 86.64%;
      top: 65%;
      font-weight: 500;
      font-size: 12px
    }

    #catalog-list-page #catalog-list-container #catalog-list-items #list-items .fd-iframe-item .catalog-item-info .item-cost, #catalog-list-page #catalog-list-container #catalog-list-items #list-items .fd-iframe-item .catalog-item-info .item-time {
      white-space: nowrap
    }

#catalog-list-page #catalog-list-container #catalog-list-items.loading #list-items-loader {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

#catalog-list-page #catalog-list-container #catalog-list-items.loading #list-items {
  display: none
}

#catalog-list-page #catalog-list-container:not(.iframe-version) {
  margin-left: 340px
}

#catalog-list-page #catalog-list-container.iframe-version {
  border-left: 0
}

  #catalog-list-page #catalog-list-container.iframe-version #list-category {
    display: none
  }

  #catalog-list-page #catalog-list-container.iframe-version .categories-list-section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 8px
  }

    #catalog-list-page #catalog-list-container.iframe-version .categories-list-section #categories-list-select {
      background-color: transparent;
      padding-left: 0;
      margin-right: 24px
    }

      #catalog-list-page #catalog-list-container.iframe-version .categories-list-section #categories-list-select .curr-selected-text {
        font-weight: 600;
        font-size: 14px;
        text-align: left;
        line-height: 17px;
        color: #12344D;
        margin: 0
      }

    #catalog-list-page #catalog-list-container.iframe-version .categories-list-section .menuitem {
      font-size: 14px
    }

    #catalog-list-page #catalog-list-container.iframe-version .categories-list-section .search-items {
      position: relative;
      width: 50%;
      max-width: 290px
    }

      #catalog-list-page #catalog-list-container.iframe-version .categories-list-section .search-items .ficon {
        position: absolute;
        top: 0;
        left: 0;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 32px;
        z-index: 1
      }

      #catalog-list-page #catalog-list-container.iframe-version .categories-list-section .search-items .search-string {
        font-family: sans-serif !important;
        width: 100%;
        height: 32px;
        margin: 0;
        padding: 6px 6px 6px 32px;
        box-sizing: border-box
      }

#catalog-list-loader {
  margin: 16px auto;
  max-width: 1408px;
  background: #fff;
  border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 80vh
}

  #catalog-list-loader #catalog-list-header {
    padding: 0;
    margin: 0;
    background-color: #F5F7F9;
    height: 165px
  }

    #catalog-list-loader #catalog-list-header .inner-row {
      margin-top: 80px
    }

  #catalog-list-loader #catalog-list-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 250px
  }

    #catalog-list-loader #catalog-list-container #catalog-list-categories {
      width: 300px;
      margin: 0;
      padding: 16px 0;
      border-right: 1px solid #EBEFF3
    }

    #catalog-list-loader #catalog-list-container #catalog-list-items {
      padding: 32px 16px;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%
    }

      #catalog-list-loader #catalog-list-container #catalog-list-items .items {
        width: calc(33% - 40px);
        margin: 8px;
        height: 90px;
        border: 1px solid #EBEFF3;
        border-radius: 4px
      }

        #catalog-list-loader #catalog-list-container #catalog-list-items .items .round-dot {
          display: block
        }

  #catalog-list-loader .results-loader {
    display: block
  }

.profile_edit {
  margin: 16px auto;
  width: calc(100% - 352px);
  background: #fff;
  border: solid 1px #CFD7DF;
  border-radius: 4px
}

  .profile_edit .profile-header {
    padding: 2px 24px 16px;
    border-bottom: solid 1px #EBEFF3
  }

    .profile_edit .profile-header .profile-head {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 0
    }

    .profile_edit .profile-header .breadcrumbs-container ol {
      margin: 10px 0
    }

  .profile_edit .fields-section {
    padding: 24px 24px 16px
  }

    .profile_edit .fields-section .user-info-banner {
      float: left;
      width: 320px;
      margin-right: 32px
    }

      .profile_edit .fields-section .user-info-banner .delegate-approvals-sec {
        background-color: #fff;
        border: 1px solid #EBEFF3;
        border-radius: 4px
      }

        .profile_edit .fields-section .user-info-banner .delegate-approvals-sec .delegation-head {
          padding-bottom: 4px;
          font-weight: 700
        }

        .profile_edit .fields-section .user-info-banner .delegate-approvals-sec .delegate-title {
          margin-bottom: 4px;
          font-weight: 700;
          font-size: 13px
        }

        .profile_edit .fields-section .user-info-banner .delegate-approvals-sec .delegate-name, .profile_edit .fields-section .user-info-banner .delegate-approvals-sec .delegate-email {
          font-size: 14px
        }

        .profile_edit .fields-section .user-info-banner .delegate-approvals-sec .delegation-duration {
          margin-top: 16px
        }

      .profile_edit .fields-section .user-info-banner #after-delegation, .profile_edit .fields-section .user-info-banner .delegation-head, .profile_edit .fields-section .user-info-banner .delegation-footer {
        padding: 12px 16px
      }

      .profile_edit .fields-section .user-info-banner .delegation-footer {
        border-top: 1px solid #EBEFF3;
        text-align: right
      }

      .profile_edit .fields-section .user-info-banner .label-info {
        font-size: 14px;
        margin-top: 12px;
        padding-bottom: 4px
      }

      .profile_edit .fields-section .user-info-banner .name, .profile_edit .fields-section .user-info-banner .title {
        color: #12344D
      }

      .profile_edit .fields-section .user-info-banner .work-phone-label, .profile_edit .fields-section .user-info-banner .mobile-phone-label, .profile_edit .fields-section .user-info-banner .time-zone-label, .profile_edit .fields-section .user-info-banner .language-label {
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 2px;
        color: #475867
      }

      .profile_edit .fields-section .user-info-banner .work-phone, .profile_edit .fields-section .user-info-banner .mobile-phone, .profile_edit .fields-section .user-info-banner .time-zone, .profile_edit .fields-section .user-info-banner .language {
        font-weight: 600;
        margin-bottom: 16px;
        color: #12344D;
        line-height: 21px
      }

    .profile_edit .fields-section .user-info-card {
      padding: 24px 0 16px;
      background-color: #F5F7F9;
      border: 1px solid #EBEFF3;
      border-radius: 4px;
      text-align: center;
      margin-bottom: 12px
    }

      .profile_edit .fields-section .user-info-card .user-avatar-fallback-medium {
        width: 50px;
        max-height: 68px
      }

      .profile_edit .fields-section .user-info-card .default-avatar-box {
        width: 96px;
        height: 96px;
        border: solid 1px #CFD7DF;
        border-radius: 50%
      }

        .profile_edit .fields-section .user-info-card .default-avatar-box .default-avatar {
          width: 70px;
          margin-top: 12px
        }

      .profile_edit .fields-section .user-info-card .user-avatar {
        margin: 0 auto;
        width: 96px;
        height: 96px
      }

        .profile_edit .fields-section .user-info-card .user-avatar .avatar-text, .profile_edit .fields-section .user-info-card .user-avatar #updated-image, .profile_edit .fields-section .user-info-card .user-avatar .user-profile-holder, .profile_edit .fields-section .user-info-card .user-avatar .user-profile-pic {
          width: 96px;
          height: 96px;
          max-height: 96px;
          border-radius: 50%;
          border: 1px solid #EBEFF3;
          line-height: 75px;
          font-size: 40px
        }

          .profile_edit .fields-section .user-info-card .user-avatar .avatar-text.user-avatar-fallback-medium, .profile_edit .fields-section .user-info-card .user-avatar #updated-image.user-avatar-fallback-medium, .profile_edit .fields-section .user-info-card .user-avatar .user-profile-holder.user-avatar-fallback-medium, .profile_edit .fields-section .user-info-card .user-avatar .user-profile-pic.user-avatar-fallback-medium {
            width: 50px;
            max-width: 68px;
            border: none
          }

      .profile_edit .fields-section .user-info-card .user-avatar-buttons {
        margin-top: 12px
      }

        .profile_edit .fields-section .user-info-card .user-avatar-buttons #remove-avatar {
          margin-right: 4px
        }

      .profile_edit .fields-section .user-info-card .fw-info-sec, .profile_edit .fields-section .user-info-card .user-details-sec {
        padding: 0 12px
      }

      .profile_edit .fields-section .user-info-card .user-details-sec {
        padding-bottom: 4px;
        border-bottom: 1px solid #EBEFF3
      }

        .profile_edit .fields-section .user-info-card .user-details-sec #freshid-user-info {
          margin-top: 16px
        }

      .profile_edit .fields-section .user-info-card .fw-info-sec {
        padding-top: 12px
      }

        .profile_edit .fields-section .user-info-card .fw-info-sec .link, .profile_edit .fields-section .user-info-card .fw-info-sec .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .profile_edit .fields-section .user-info-card .fw-info-sec .retry, .profile_edit .fields-section .user-info-card .fw-info-sec .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .profile_edit .fields-section .user-info-card .fw-info-sec .retry, .profile_edit .fields-section .user-info-card .fw-info-sec .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .profile_edit .fields-section .user-info-card .fw-info-sec .retry, .profile_edit .fields-section .user-info-card .fw-info-sec .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear, .profile_edit .fields-section .user-info-card .fw-info-sec .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear, .profile_edit .fields-section .user-info-card .fw-info-sec .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .btn-clear, #service-request-container .profile_edit .fields-section .user-info-card .fw-info-sec .btn-clear, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .lookup-field-clear, #service-request-container .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .service-item-details .service-details .service-description .read-more, #service-request-container .service-container .service-item-details .service-details .service-description .profile_edit .fields-section .user-info-card .fw-info-sec .read-more, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .loaner-section div.available-info-container input#available-time, #service-request-container .service-container .loaner-section div.available-info-container .profile_edit .fields-section .user-info-card .fw-info-sec input#available-time, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .profile_edit .fields-section .user-info-card .fw-info-sec .read-more, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .bundle-container .bundle-items-container .load-more, #service-request-container .service-container .bundle-container .bundle-items-container .profile_edit .fields-section .user-info-card .fw-info-sec .load-more, .profile_edit .fields-section .user-info-card .fw-info-sec #ticket-new-main .default_department .lookup-field-clear, #ticket-new-main .default_department .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear, .profile_edit .fields-section .user-info-card .fw-info-sec #ticket-new-main .custom_lookup .lookup-field-clear, #ticket-new-main .custom_lookup .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear, .profile_edit .fields-section .user-info-card .fw-info-sec #ticket-new-main .custom_multi_lookup .lookup-field-clear, #ticket-new-main .custom_multi_lookup .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear {
          font-weight: 600;
          color: #2C5CC5;
          line-height: 18px;
          padding-bottom: 3px
        }

          .profile_edit .fields-section .user-info-card .fw-info-sec .link:hover, .profile_edit .fields-section .user-info-card .fw-info-sec .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .profile_edit .fields-section .user-info-card .fw-info-sec .retry:hover, .profile_edit .fields-section .user-info-card .fw-info-sec .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .profile_edit .fields-section .user-info-card .fw-info-sec .retry:hover, .profile_edit .fields-section .user-info-card .fw-info-sec .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry:hover, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .profile_edit .fields-section .user-info-card .fw-info-sec .retry:hover, .profile_edit .fields-section .user-info-card .fw-info-sec .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear:hover, .profile_edit .fields-section .user-info-card .fw-info-sec .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear:hover, .profile_edit .fields-section .user-info-card .fw-info-sec .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear:hover, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear:hover, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .btn-clear:hover, #service-request-container .profile_edit .fields-section .user-info-card .fw-info-sec .btn-clear:hover, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .lookup-field-clear:hover, #service-request-container .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear:hover, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .service-item-details .service-details .service-description .read-more:hover, #service-request-container .service-container .service-item-details .service-details .service-description .profile_edit .fields-section .user-info-card .fw-info-sec .read-more:hover, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .loaner-section div.available-info-container input#available-time:hover, #service-request-container .service-container .loaner-section div.available-info-container .profile_edit .fields-section .user-info-card .fw-info-sec input#available-time:hover, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .profile_edit .fields-section .user-info-card .fw-info-sec .read-more:hover, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .bundle-container .bundle-items-container .load-more:hover, #service-request-container .service-container .bundle-container .bundle-items-container .profile_edit .fields-section .user-info-card .fw-info-sec .load-more:hover, .profile_edit .fields-section .user-info-card .fw-info-sec #ticket-new-main .default_department .lookup-field-clear:hover, #ticket-new-main .default_department .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear:hover, .profile_edit .fields-section .user-info-card .fw-info-sec #ticket-new-main .custom_lookup .lookup-field-clear:hover, #ticket-new-main .custom_lookup .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear:hover, .profile_edit .fields-section .user-info-card .fw-info-sec #ticket-new-main .custom_multi_lookup .lookup-field-clear:hover, #ticket-new-main .custom_multi_lookup .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear:hover {
            color: #1E3F86
          }

          .profile_edit .fields-section .user-info-card .fw-info-sec .link i, .profile_edit .fields-section .user-info-card .fw-info-sec .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry i, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .profile_edit .fields-section .user-info-card .fw-info-sec .retry i, .profile_edit .fields-section .user-info-card .fw-info-sec .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry i, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .profile_edit .fields-section .user-info-card .fw-info-sec .retry i, .profile_edit .fields-section .user-info-card .fw-info-sec .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry i, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .profile_edit .fields-section .user-info-card .fw-info-sec .retry i, .profile_edit .fields-section .user-info-card .fw-info-sec .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear i, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear i, .profile_edit .fields-section .user-info-card .fw-info-sec .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear i, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear i, .profile_edit .fields-section .user-info-card .fw-info-sec .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear i, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear i, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .btn-clear i, #service-request-container .profile_edit .fields-section .user-info-card .fw-info-sec .btn-clear i, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .lookup-field-clear i, #service-request-container .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear i, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .service-item-details .service-details .service-description .read-more i, #service-request-container .service-container .service-item-details .service-details .service-description .profile_edit .fields-section .user-info-card .fw-info-sec .read-more i, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .loaner-section div.available-info-container input#available-time i, #service-request-container .service-container .loaner-section div.available-info-container .profile_edit .fields-section .user-info-card .fw-info-sec input#available-time i, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more i, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .profile_edit .fields-section .user-info-card .fw-info-sec .read-more i, .profile_edit .fields-section .user-info-card .fw-info-sec #service-request-container .service-container .bundle-container .bundle-items-container .load-more i, #service-request-container .service-container .bundle-container .bundle-items-container .profile_edit .fields-section .user-info-card .fw-info-sec .load-more i, .profile_edit .fields-section .user-info-card .fw-info-sec #ticket-new-main .default_department .lookup-field-clear i, #ticket-new-main .default_department .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear i, .profile_edit .fields-section .user-info-card .fw-info-sec #ticket-new-main .custom_lookup .lookup-field-clear i, #ticket-new-main .custom_lookup .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear i, .profile_edit .fields-section .user-info-card .fw-info-sec #ticket-new-main .custom_multi_lookup .lookup-field-clear i, #ticket-new-main .custom_multi_lookup .profile_edit .fields-section .user-info-card .fw-info-sec .lookup-field-clear i {
            margin-left: 4px
          }

      .profile_edit .fields-section .user-info-card .name {
        font-size: 18px;
        margin-bottom: 4px;
        font-weight: 600
      }

      .profile_edit .fields-section .user-info-card .title {
        margin-bottom: 16px
      }

      .profile_edit .fields-section .user-info-card .vist-profile-info {
        margin-top: 12px;
        line-height: 18px;
        margin-top: 9px
      }

      .profile_edit .fields-section .user-info-card .dg-approvals-container {
        margin: 24px 12px 8px
      }

    .profile_edit .fields-section .change-password-sec, .profile_edit .fields-section .dg-approvals-container {
      text-align: left;
      padding: 8px 16px;
      border-radius: 4px;
      background-color: #fff;
      border: 1px solid #CFD7DF;
      margin: 24px 12px 8px
    }

      .profile_edit .fields-section .change-password-sec#before-delegation, .profile_edit .fields-section .dg-approvals-container#before-delegation {
        margin-top: 0
      }

      .profile_edit .fields-section .change-password-sec.without-margin, .profile_edit .fields-section .dg-approvals-container.without-margin {
        margin: 0
      }

      .profile_edit .fields-section .change-password-sec a, .profile_edit .fields-section .dg-approvals-container a {
        font-weight: 500
      }

    .profile_edit .fields-section .dg-approvals-container {
      margin: 0
    }

      .profile_edit .fields-section .dg-approvals-container .label-info {
        margin-top: 4px
      }

    .profile_edit .fields-section #profile-fields {
      float: left;
      max-width: 100%;
      width: 536px
    }

      .profile_edit .fields-section #profile-fields li {
        list-style: none
      }

      .profile_edit .fields-section #profile-fields label {
        display: block;
        margin-bottom: 4px
      }

      .profile_edit .fields-section #profile-fields div.error {
        margin-top: 4px;
        margin-bottom: 13px
      }

      .profile_edit .fields-section #profile-fields .power-select-container {
        max-width: 296px;
        margin-bottom: 32px;
        margin-top: 0
      }

      .profile_edit .fields-section #profile-fields input, .profile_edit .fields-section #profile-fields textarea, .profile_edit .fields-section #profile-fields select {
        width: 100%;
        color: #12344D;
        box-sizing: border-box
      }

        .profile_edit .fields-section #profile-fields input[aria-required="true"], .profile_edit .fields-section #profile-fields textarea[aria-required="true"], .profile_edit .fields-section #profile-fields select[aria-required="true"] {
          margin-bottom: 32px;
          margin-top: 0
        }

          .profile_edit .fields-section #profile-fields input[aria-required="true"] + label.error, .profile_edit .fields-section #profile-fields textarea[aria-required="true"] + label.error, .profile_edit .fields-section #profile-fields select[aria-required="true"] + label.error {
            margin: 2px 0 16px
          }

        .profile_edit .fields-section #profile-fields input.error, .profile_edit .fields-section #profile-fields textarea.error, .profile_edit .fields-section #profile-fields select.error {
          border: 1px solid #D72D30
        }

          .profile_edit .fields-section #profile-fields input.error[aria-required="true"], .profile_edit .fields-section #profile-fields textarea.error[aria-required="true"], .profile_edit .fields-section #profile-fields select.error[aria-required="true"] {
            margin: 0
          }

        .profile_edit .fields-section #profile-fields input:not([aria-required="true"]), .profile_edit .fields-section #profile-fields textarea:not([aria-required="true"]), .profile_edit .fields-section #profile-fields select:not([aria-required="true"]) {
          margin-bottom: 32px;
          margin-top: 0
        }

          .profile_edit .fields-section #profile-fields input:not([aria-required="true"]).error, .profile_edit .fields-section #profile-fields textarea:not([aria-required="true"]).error, .profile_edit .fields-section #profile-fields select:not([aria-required="true"]).error {
            margin-bottom: 0
          }

        .profile_edit .fields-section #profile-fields input.date {
          max-width: 272px;
          width: calc(100% - 32px);
          margin-bottom: 0
        }

      .profile_edit .fields-section #profile-fields .power-select.field + .power-select-container {
        margin-bottom: 32px;
        max-width: 296px
      }

      .profile_edit .fields-section #profile-fields .date .date-time-box {
        margin-bottom: 32px;
        margin-top: 0
      }

      .profile_edit .fields-section #profile-fields .date div.error {
        margin-top: -28px;
        margin-bottom: 13px
      }

      .profile_edit .fields-section #profile-fields .checkbox .control-element, .profile_edit .fields-section #profile-fields .checkbox .control-label, .profile_edit .fields-section #profile-fields .checkbox label {
        display: inline-block
      }

      .profile_edit .fields-section #profile-fields .checkbox .control-label {
        margin-left: 8px;
        vertical-align: top;
        margin-top: 2px
      }

      .profile_edit .fields-section #profile-fields .checkbox label {
        margin-top: -4px;
        margin-bottom: 0;
        vertical-align: top
      }

      .profile_edit .fields-section #profile-fields .checkbox .error.field.checkbox {
        margin-top: -6px
      }

      .profile_edit .fields-section #profile-fields .checkbox div.error {
        margin-bottom: 12px;
        margin-top: 0
      }

      .profile_edit .fields-section #profile-fields select {
        width: 272px
      }

      .profile_edit .fields-section #profile-fields .date-picker-dialog .power-select-container {
        margin-bottom: 0 !important
      }

      .profile_edit .fields-section #profile-fields .date-picker-dialog .search-select {
        width: 60px !important;
        margin: 0 !important
      }

      .profile_edit .fields-section #profile-fields .powerselect-error.error {
        margin-bottom: 10px;
        margin-top: -25px
      }

      .profile_edit .fields-section #profile-fields .power-select-option.level1 {
        margin-left: 8px !important
      }

      .profile_edit .fields-section #profile-fields .power-select-option.level2 {
        margin-left: 16px !important
      }

      .profile_edit .fields-section #profile-fields .power-select-option.level3 {
        margin-left: 24px !important
      }

      .profile_edit .fields-section #profile-fields .power-select-option.level4 {
        margin-left: 32px !important
      }

  .profile_edit .profile-edit-footer {
    text-align: right;
    border-top: 1px solid #CFD7DF;
    padding: 16px 24px
  }

    .profile_edit .profile-edit-footer #profile-submit {
      margin-left: 8px
    }

  .profile_edit .required_star {
    margin-left: 2px
  }

#fs-modal.delegate-approvals-update, #fs-modal.password-reset-modal, #fs-modal.delegate-approvals {
  width: 512px
}

  #fs-modal.delegate-approvals-update label, #fs-modal.password-reset-modal label, #fs-modal.delegate-approvals label {
    display: block;
    margin-bottom: 4px
  }

  #fs-modal.delegate-approvals-update .date-picker-dialog .month-power-select .search-select, #fs-modal.delegate-approvals-update .date-picker-dialog .year-power-select .search-select, #fs-modal.password-reset-modal .date-picker-dialog .month-power-select .search-select, #fs-modal.password-reset-modal .date-picker-dialog .year-power-select .search-select, #fs-modal.delegate-approvals .date-picker-dialog .month-power-select .search-select, #fs-modal.delegate-approvals .date-picker-dialog .year-power-select .search-select {
    position: absolute
  }

  #fs-modal.delegate-approvals-update input:not([aria-required="true"]), #fs-modal.password-reset-modal input:not([aria-required="true"]), #fs-modal.delegate-approvals input:not([aria-required="true"]) {
    margin-bottom: 32px
  }

  #fs-modal.delegate-approvals-update input.datetimepair, #fs-modal.password-reset-modal input.datetimepair, #fs-modal.delegate-approvals input.datetimepair {
    margin-bottom: 0
  }

  #fs-modal.delegate-approvals-update .timepicker-select.search-select, #fs-modal.password-reset-modal .timepicker-select.search-select, #fs-modal.delegate-approvals .timepicker-select.search-select {
    margin-bottom: 0
  }

  #fs-modal.delegate-approvals-update .modal-body, #fs-modal.password-reset-modal .modal-body, #fs-modal.delegate-approvals .modal-body {
    padding-top: 16px
  }

  #fs-modal.delegate-approvals-update .modal-header h3, #fs-modal.password-reset-modal .modal-header h3, #fs-modal.delegate-approvals .modal-header h3 {
    font-size: 18px
  }

#fs-modal #password-reset input[type='password'] {
  width: 426px;
  border: 1px solid #7B8E9F;
  border-radius: 4px;
  outline: none;
  font-size: 14px;
  padding: 8px !important;
  margin-bottom: 32px
}

  #fs-modal #password-reset input[type='password'].error {
    margin-bottom: 0
  }

  #fs-modal #password-reset input[type='password']:focus {
    border-color: #2C5CC5 !important;
    -moz-box-shadow: 0 0 0 1px #2C5CC5 !important;
    -webkit-box-shadow: 0 0 0 1px #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important
  }

#fs-modal #password-reset div.error {
  margin-top: 4px;
  margin-bottom: 13px
}

#fs-modal #delegate-approval-form textarea {
  width: calc(100% - 24px);
  margin-top: 0
}

#fs-modal #delegate-approval-form label {
  margin-bottom: 8px
}

#fs-modal #delegate-approval-form #delegatee-id {
  margin-bottom: 16px
}

  #fs-modal #delegate-approval-form #delegatee-id .power-select-container {
    margin-bottom: 16px
  }

  #fs-modal #delegate-approval-form #delegatee-id .power-select-options-container .option-title {
    color: #000
  }

#fs-modal #delegate-approval-form #delegate-to-error {
  position: absolute;
  margin-top: -8px
}

#fs-modal #delegate-approval-form #delegate-start-time-error {
  width: 200px
}

#fs-modal #delegate-approval-form #delegate-end-date {
  margin-bottom: 0
}

#fs-modal #delegate-approval-form fieldset {
  padding: 0;
  margin: 0
}

  #fs-modal #delegate-approval-form fieldset legend {
    padding: 8px 0 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700
  }

  #fs-modal #delegate-approval-form fieldset .date-wrapper {
    padding: 8px 16px;
    margin: 4px 0 8px;
    border-radius: 4px;
    border: 1px solid #CFD7DF
  }

#fs-modal #delegate-approval-form .date-time-box {
  margin-bottom: 8px
}

#fs-modal #delegate-approval-form #delegatee-id-alt {
  position: relative
}

  #fs-modal #delegate-approval-form #delegatee-id-alt .power-select-container {
    margin-bottom: 16px
  }

#fs-modal #delegate-approval-form #delegate-note {
  color: #475867;
  font-size: 12px;
  margin-top: -4px
}

#fs-modal .required_star {
  margin-left: 2px
}

.delegation-approval-banner span {
  font-weight: 400
}

.delegation-approval-banner .delegatee-name {
  font-weight: 700
}

body[page="profile_edit"] input[disabled='disabled'], body[page="profile_edit"] textarea[disabled='disabled'], body[page="profile_edit"] select[disabled='disabled'], body[page="profile_edit"] .power-select-container.disabled input {
  background-color: #F7F9FA;
  border: 1px solid #EBEFF3;
  -webkit-text-fill-color: #12344D;
  -webkit-opacity: 1
}

body.enhanced-layout[page="profile_edit"] {
  background-color: #EBEFF3
}

  body.enhanced-layout[page="profile_edit"] .breadcrumbs-container span, body.enhanced-layout[page="profile_edit"] .breadcrumbs-container .breadcrumbs-link-header {
    font-weight: 600
  }

  body.enhanced-layout[page="profile_edit"] .breadcrumbs-container .breadcrumbs-link {
    color: #2C5CC5
  }

  body.enhanced-layout[page="profile_edit"] .breadcrumbs-container .breadcrumbs-link-header {
    color: #12344D
  }

  body.enhanced-layout[page="profile_edit"] .field-label, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label {
    color: #475867;
    font-size: 12px;
    margin-bottom: 8px
  }

  body.enhanced-layout[page="profile_edit"] .field-value, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-name, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegation-date {
    color: #12344D;
    font-weight: 600
  }

  body.enhanced-layout[page="profile_edit"] #page-main {
    padding: 16px 16px 0
  }

    body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 {
      background: #fff;
      min-height: calc(100vh - 80px);
      display: flex
    }

      body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .user-info-sec {
        flex: 1;
        padding: 0 24px 24px
      }

      body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside {
        width: 320px;
        padding: 24px;
        border-left: 1px solid #EBEFF3;
        background: #F5F7F9
      }

        body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegation-head {
          color: #12344D;
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          align-items: center;
          border-bottom: 1px solid #CFD7DF;
          padding-bottom: 12px;
          margin-bottom: 8px;
          font-weight: 600
        }

          body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegation-head .btn-secondary {
            margin: 0 8px 0 auto
          }

        body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email {
          font-size: 14px
        }

        body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email {
          margin-top: 4px
        }

        body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title {
          margin-top: 24px
        }

        body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container {
          color: #12344D
        }

          body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .title {
            font-size: 16px;
            line-height: 24px;
            margin: 0
          }

          body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .description {
            margin: 4px 0 18px
          }

          body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .link, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .retry, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .retry, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .retry, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .btn-clear, #service-request-container body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .btn-clear, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .lookup-field-clear, #service-request-container body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .service-container .service-item-details .service-details .service-description .read-more, #service-request-container .service-container .service-item-details .service-details .service-description body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .read-more, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .service-container .loaner-section div.available-info-container input#available-time, #service-request-container .service-container .loaner-section div.available-info-container body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container input#available-time, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .read-more, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .service-container .bundle-container .bundle-items-container .load-more, #service-request-container .service-container .bundle-container .bundle-items-container body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .load-more, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #ticket-new-main .default_department .lookup-field-clear, #ticket-new-main .default_department body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #ticket-new-main .custom_lookup .lookup-field-clear, #ticket-new-main .custom_lookup body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #ticket-new-main .custom_multi_lookup .lookup-field-clear, #ticket-new-main .custom_multi_lookup body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear {
            line-height: 21.875px;
            color: #2C5CC5;
            padding: 0
          }

            body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .link svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size .retry svg, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .retry svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size .retry svg, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .retry svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size .retry svg, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .retry svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear svg, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form .lookup-field-clear svg, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .lookup-field-clear svg, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .btn-clear svg, #service-request-container body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .btn-clear svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .lookup-field-clear svg, #service-request-container body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .service-container .service-item-details .service-details .service-description .read-more svg, #service-request-container .service-container .service-item-details .service-details .service-description body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .read-more svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .service-container .loaner-section div.available-info-container input#available-time svg, #service-request-container .service-container .loaner-section div.available-info-container body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container input#available-time svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description .read-more svg, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .read-more svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #service-request-container .service-container .bundle-container .bundle-items-container .load-more svg, #service-request-container .service-container .bundle-container .bundle-items-container body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .load-more svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #ticket-new-main .default_department .lookup-field-clear svg, #ticket-new-main .default_department body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #ticket-new-main .custom_lookup .lookup-field-clear svg, #ticket-new-main .custom_lookup body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear svg, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container #ticket-new-main .custom_multi_lookup .lookup-field-clear svg, #ticket-new-main .custom_multi_lookup body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .dg-approvals-container .lookup-field-clear svg {
              vertical-align: sub;
              margin-right: 8px
            }

  body.enhanced-layout[page="profile_edit"] #footer-main {
    display: none
  }

  body.enhanced-layout[page="profile_edit"] .profile-header {
    padding: 18px 16px
  }

    body.enhanced-layout[page="profile_edit"] .profile-header .breadcrumbs-container ol {
      margin: 0
    }

  body.enhanced-layout[page="profile_edit"] .user-info-banner {
    padding: 16px;
    border-radius: 8px;
    background: #F5F7F9;
    display: flex;
    gap: 48px
  }

    body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper {
      width: 120px
    }

      body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar {
        margin: 0 auto;
        width: 120px;
        height: 120px
      }

        body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .avatar-text, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar #updated-image, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .user-profile-holder, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .user-profile-pic, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .default-avatar-box {
          width: 120px;
          height: 120px;
          max-height: 120px;
          border-radius: 50%;
          border: 1px solid #EBEFF3;
          line-height: 75px;
          font-size: 40px;
          text-align: center
        }

          body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .avatar-text.user-avatar-fallback-medium, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar #updated-image.user-avatar-fallback-medium, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .user-profile-holder.user-avatar-fallback-medium, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .user-profile-pic.user-avatar-fallback-medium, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .default-avatar-box.user-avatar-fallback-medium {
            width: 50px;
            max-width: 68px;
            border: none
          }

          body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .avatar-text .default-avatar, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar #updated-image .default-avatar, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .user-profile-holder .default-avatar, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .user-profile-pic .default-avatar, body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-wrapper .user-avatar .default-avatar-box .default-avatar {
            width: 70px;
            margin-top: 22px
          }

    body.enhanced-layout[page="profile_edit"] .user-info-banner .user-details-sec {
      margin-bottom: 24px
    }

      body.enhanced-layout[page="profile_edit"] .user-info-banner .user-details-sec .name {
        color: #12344D;
        font-size: 18px;
        margin: 0 0 16px
      }

      body.enhanced-layout[page="profile_edit"] .user-info-banner .user-details-sec .fields {
        display: flex;
        flex-wrap: wrap;
        gap: 100px
      }

    body.enhanced-layout[page="profile_edit"] .user-info-banner .btn:not(.hide), body.enhanced-layout[page="profile_edit"] .user-info-banner .date-picker-dialog .header .power-select-container .power-select-trigger:not(.hide), .date-picker-dialog .header .power-select-container body.enhanced-layout[page="profile_edit"] .user-info-banner .power-select-trigger:not(.hide) {
      display: inline-block;
      margin-bottom: 8px
    }

    body.enhanced-layout[page="profile_edit"] .user-info-banner .user-avatar-buttons {
      text-align: center;
      padding-top: 24px
    }

  body.enhanced-layout[page="profile_edit"] .tabs .tablist {
    margin: 0 -24px;
    padding: 16px 40px 0;
    border-bottom: 0;
    box-shadow: 0px 4px 10px 0px rgba(100,122,142,0.1)
  }

    body.enhanced-layout[page="profile_edit"] .tabs .tablist button {
      box-sizing: border-box;
      padding: 10px 0;
      font-weight: 600;
      margin-right: 22px
    }

      body.enhanced-layout[page="profile_edit"] .tabs .tablist button:not(.active) {
        color: #475867
      }

      body.enhanced-layout[page="profile_edit"] .tabs .tablist button.active {
        pointer-events: none
      }

      body.enhanced-layout[page="profile_edit"] .tabs .tablist button .count {
        border-radius: 20px;
        border: 1px solid #EBEFF3;
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.04);
        padding: 3px 9px;
        font-size: 12px;
        color: #12344D;
        font-weight: 400;
        margin-left: 12px
      }

  body.enhanced-layout[page="profile_edit"] .tabs .tabs-content {
    height: inherit;
    padding: 24px 16px 6px;
    overflow: visible
  }

    body.enhanced-layout[page="profile_edit"] .tabs .tabs-content .pagination-links {
      margin-top: 24px
    }

  body.enhanced-layout[page="profile_edit"] .req-profile-fields form {
    display: flex;
    flex-wrap: wrap
  }

    body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] {
      margin: 0 24px 24px 0
    }

      body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section]:not(.paragraph) {
        flex: 0 0 auto;
        width: calc(50% - 24px);
        max-width: 400px
      }

      body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section].paragraph {
        width: 824px
      }

      body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label {
        font-weight: 400
      }

      body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .power-select-container, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] input:not(.hasDatePicker,.checkbox), body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] textarea {
        box-sizing: border-box;
        min-width: 100%
      }

      body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section].checkbox .control-element, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section].checkbox .control-label {
        display: inline-block
      }

  body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals, body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals-update {
    color: #12344D
  }

    body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals .modal-header h3, body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals-update .modal-header h3 {
      margin: 32px 32px 4px
    }

    body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals .modal-body, body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals-update .modal-body {
      max-height: inherit;
      padding: 0
    }

      body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals .modal-body form, body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals-update .modal-body form {
        max-height: 50vh;
        overflow: auto;
        padding: 8px 32px
      }

        body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals .modal-body form #delegatee-id-alt, body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals-update .modal-body form #delegatee-id-alt {
          padding-bottom: 8px
        }

        body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals .modal-body form fieldset legend, body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals-update .modal-body form fieldset legend {
          display: none
        }

        body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals .modal-body form fieldset .date-wrapper .date-time-box, body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals-update .modal-body form fieldset .date-wrapper .date-time-box {
          padding-bottom: 24px
        }

        body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals .modal-body form textarea, body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals-update .modal-body form textarea {
          box-sizing: border-box;
          min-width: 100%
        }

      body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals .modal-body .caption, body.enhanced-layout[page="profile_edit"] #fs-modal.delegate-approvals-update .modal-body .caption {
        font-size: 12px;
        padding: 0 32px 16px
      }

  body.enhanced-layout[page="profile_edit"] #fs-modal #delegate-approval-form fieldset .date-wrapper {
    margin: 0;
    border: 0;
    padding: 0
  }

ul.obj-list {
  width: 100%
}

  ul.obj-list li {
    display: flex;
    box-shadow: 0 1px 6px 0 1px 6px rgba(22,29,37,0.05)
  }

    ul.obj-list li.obj-list-header {
      border: 1px solid #BBDCFE;
      border-radius: 4px;
      background: #E5F2FD;
      font-weight: 600
    }

      ul.obj-list li.obj-list-header div {
        padding: 10px 10px
      }

    ul.obj-list li.obj-list-item {
      margin: 10px 0;
      border: 1px solid #EBEFF3;
      border-radius: 4px
    }

      ul.obj-list li.obj-list-item div {
        padding: 13px 10px
      }

      ul.obj-list li.obj-list-item .right-icon {
        position: relative
      }

        ul.obj-list li.obj-list-item .right-icon .icon-btn {
          display: none
        }

      ul.obj-list li.obj-list-item:hover {
        background-color: #F5F7F9
      }

        ul.obj-list li.obj-list-item:hover .right-icon .icon-btn {
          display: block;
          bottom: 10px;
          right: 12px
        }

    ul.obj-list li div {
      word-break: break-word
    }

    ul.obj-list li.obj-row .col-size-10 {
      width: 10%
    }

    ul.obj-list li.obj-row .col-size-20 {
      width: 20%
    }

    ul.obj-list li.obj-row .col-size-30 {
      width: 30%
    }

    ul.obj-list li.obj-row .col-size-50 {
      width: 50%
    }

.obj-list .obj-row {
  color: #12344D;
  padding: 10px 0;
  align-items: center
}

  .obj-list .obj-row [class^=col-size-] {
    padding: 0 16px;
    line-height: 24px
  }

  .obj-list .obj-row.obj-list-header {
    margin: 0 0 16px
  }

  .obj-list .obj-row.obj-list-item {
    margin: 8px 0
  }

    .obj-list .obj-row.obj-list-item .download {
      display: block;
      width: 24px;
      height: 24px;
      margin-left: auto;
      padding: 4px
    }

      .obj-list .obj-row.obj-list-item .download img {
        display: block
      }

    .obj-list .obj-row.obj-list-item a {
      color: #2C5CC5
    }

    .obj-list .obj-row.obj-list-item:not(:hover) .download {
      display: none
    }

.signup-container {
  background: #fff;
  width: 456px;
  border-radius: 4px;
  margin: 16px auto;
  padding: 60px 132px
}

  .signup-container .signup-title {
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 16px
  }

  .signup-container .results-loader {
    padding: 0
  }

    .signup-container .results-loader .line-large {
      width: 100%;
      margin-left: 0
    }

    .signup-container .results-loader .line-small {
      margin-left: 0
    }

  .signup-container #signup-form .error {
    margin-top: 4px;
    margin-bottom: 13px
  }

  .signup-container #signup-form fieldset {
    margin: 0;
    padding: 0
  }

    .signup-container #signup-form fieldset legend {
      padding: 0
    }

  .signup-container #signup-form input, .signup-container #signup-form select, .signup-container #signup-form textarea {
    width: 434px;
    margin-top: 4px
  }

    .signup-container #signup-form input[type='checkbox'], .signup-container #signup-form select[type='checkbox'], .signup-container #signup-form textarea[type='checkbox'] {
      width: auto;
      margin: 0
    }

    .signup-container #signup-form input.hasDatePicker, .signup-container #signup-form select.hasDatePicker, .signup-container #signup-form textarea.hasDatePicker {
      width: calc(100% - 32px);
      margin-bottom: 0 !important;
      margin-top: 0 !important
    }

    .signup-container #signup-form input:not([aria-required="true"]), .signup-container #signup-form select:not([aria-required="true"]), .signup-container #signup-form textarea:not([aria-required="true"]) {
      margin-bottom: 32px
    }

    .signup-container #signup-form input[aria-required="true"], .signup-container #signup-form select[aria-required="true"], .signup-container #signup-form textarea[aria-required="true"] {
      margin-bottom: 32px
    }

      .signup-container #signup-form input[aria-required="true"] + label.error, .signup-container #signup-form select[aria-required="true"] + label.error, .signup-container #signup-form textarea[aria-required="true"] + label.error {
        margin: 2px 0 16px
      }

    .signup-container #signup-form input.error, .signup-container #signup-form select.error, .signup-container #signup-form textarea.error {
      margin-top: 4px;
      margin-bottom: 0;
      border: 1px solid #D72D30
    }

      .signup-container #signup-form input.error[aria-required="true"], .signup-container #signup-form select.error[aria-required="true"], .signup-container #signup-form textarea.error[aria-required="true"] {
        margin-top: 4px;
        margin-bottom: 0
      }

  .signup-container #signup-form label {
    display: inline-block
  }

  .signup-container #signup-form .date .error {
    margin-top: -28px;
    margin-bottom: 13px
  }

  .signup-container #signup-form .error.powerselect-error {
    margin-bottom: 10px;
    margin-top: -25px
  }

  .signup-container #signup-form .date-picker-dialog .search-select {
    width: 60px !important;
    margin-bottom: 0
  }

    .signup-container #signup-form .date-picker-dialog .search-select:focus {
      position: absolute;
      border: 0;
      box-shadow: none !important
    }

  .signup-container #signup-form .date-picker-dialog .power-select-container {
    margin-bottom: 0 !important
  }

  .signup-container #signup-form .power-select.power-select-container {
    margin-bottom: 32px;
    margin-top: 4px;
    max-width: 296px
  }

    .signup-container #signup-form .power-select.power-select-container .search-select, .signup-container #signup-form .power-select.power-select-container .open-options {
      width: 296px;
      margin-top: 0
    }

  .signup-container #signup-form .power-select.field-error {
    margin-bottom: 0
  }

  .signup-container #signup-form .captcha-container {
    margin-bottom: 24px
  }

  .signup-container #signup-form #signup-cancel-btn {
    margin-left: 8px
  }

  .signup-container #signup-form .date-time-box {
    margin-bottom: 32px;
    margin-top: 0
  }

    .signup-container #signup-form .date-time-box .datepicker-container {
      display: inline-block
    }

  .signup-container #signup-form .custom_checkbox .control-element, .signup-container #signup-form .custom_checkbox .control-label, .signup-container #signup-form .custom_checkbox label {
    display: inline-block
  }

  .signup-container #signup-form .custom_checkbox .control-label {
    margin-left: 8px;
    vertical-align: top;
    margin-top: 2px
  }

  .signup-container #signup-form .custom_checkbox label {
    margin-top: -4px;
    margin-bottom: 0;
    vertical-align: top
  }

  .signup-container #signup-form .custom_checkbox .error {
    margin-bottom: 12px;
    margin-top: 0
  }

    .signup-container #signup-form .custom_checkbox .error.checkbox {
      margin-top: -6px
    }

body[page="solutions_home"] #header-main {
  border: 1px solid #CFD7DF
}

body[page="solutions_home"] #page-main {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

  body[page="solutions_home"] #page-main .solutions-home-container {
    flex: 1;
    display: inline-block;
    vertical-align: middle;
    min-width: 70%
  }

.solutions-home-container {
  background-color: #fff;
  border-radius: 4px;
  margin: 16px;
  min-height: calc(100vh - 144px)
}

.solutions-home-header {
  background-color: #F5F7F9;
  border-radius: 4px 4px 0 0;
  height: 112px;
  padding: 0 24px 0 24px
}

  .solutions-home-header ol {
    margin: 8px 0
  }

.solutions-browse-icon {
  background-image: url(https://assets9.freshservice.com/assets/portal_v2/browse-solutions-6f7409ee4e9fcd9dce8534238bfba6107fd5348618aeb79e6e280f079b512107.svg);
  background-size: cover;
  display: inline-block;
  height: 52px;
  margin-right: 16px;
  vertical-align: top;
  width: 48px
}

.solutions-summary {
  display: inline-block;
  max-width: calc(100% - 64px)
}

.solutions-summary-title {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 4px 0
}

.solutions-summary-text {
  margin: 0
}

.solutions-home-main-container {
  min-height: calc(100vh - 272px);
  overflow: auto
}

#solutions-category-list-wrap-ele {
  float: left;
  width: 344px !important
}

.solutions-category-list-nav {
  box-sizing: border-box;
  display: inline-block;
  min-height: inherit;
  width: 344px !important;
  max-height: calc(100vh - 56px);
  overflow: auto
}

.solutions-category-list {
  list-style: none;
  padding-top: 12px
}

.solutions-category-list-item {
  margin: 4px 24px
}

.solutions-category-link {
  color: var(--textColor);
  cursor: pointer;
  border-radius: 4px;
  display: block;
  height: 48px;
  line-height: 48px;
  padding-left: 24px;
  text-decoration: none
}

  .solutions-category-link:hover {
    color: var(--textColor)
  }

  .solutions-category-link:hover, .solutions-category-link:focus {
    background-color: #EBEFF3
  }

  .solutions-category-link.selected {
    background-color: #F5F7F9;
    pointer-events: none;
    font-weight: 700;
    color: #2C5CC5
  }

    .solutions-category-link.selected .ficon-arrow-right, .solutions-category-link.selected .ficon-arrow-left {
      visibility: visible
    }

  .solutions-category-link .ficon-star-fill {
    color: #F69A3C;
    font-size: 18px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top
  }

  .solutions-category-link .ficon-arrow-right, .solutions-category-link .ficon-arrow-left {
    color: #2C5CC5;
    float: right;
    margin-right: 12px;
    visibility: hidden;
    width: 8px
  }

.solutions-category-name {
  display: inline-block;
  font-size: 16px;
  max-width: calc(100% - 28px)
}

.solutions-popular-articles-category .solutions-category-name {
  max-width: calc(100% - 50px)
}

.solutions-content-container {
  border-left: 1px solid #EBEFF3;
  box-sizing: border-box;
  display: inline-block;
  min-height: inherit;
  width: calc(100% - 344px);
  vertical-align: top
}

.solutions-category-title {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 24px 32px 16px 32px;
  text-transform: uppercase
}

.solutions-content-list {
  display: block;
  list-style: none;
  min-height: inherit;
  margin: 0 16px
}

.solutions-content-container .results-loader {
  display: block;
  margin-top: 38px
}

  .solutions-content-container .results-loader .loader-grid {
    height: 154px;
    margin: 0 0 16px 16px;
    width: calc(50% - 20px)
  }

  .solutions-content-container .results-loader .line-large {
    margin-top: 20px;
    width: 75%
  }

.solutions-loader-container .solutions-category-list .results-loader {
  display: block;
  margin-top: 0
}

.solutions-loader-container .solutions-category-list .line-large {
  margin-left: 8px;
  width: 95%
}

.solutions-loader-container .solutions-category-list .line-small {
  margin-left: 8px;
  width: 55%
}

.solutions-content-list-item {
  border: 1px solid #EBEFF3;
  border-radius: 4px;
  box-shadow: 0 1px 6px 0 rgba(22,29,37,0.05);
  box-sizing: border-box;
  color: var(--textColor);
  display: inline-block;
  margin: 0;
  width: calc(50% - 24px)
}

.solutions-popular-article-link {
  color: var(--textColor);
  display: block;
  padding: 24px 24px 32px 24px;
  text-decoration: none
}

  .solutions-popular-article-link:hover {
    color: var(--textColor)
  }

  .solutions-popular-article-link:hover, .solutions-popular-article-link:focus {
    background-color: #F5F7F9
  }

.solutions-content-title-container {
  margin-bottom: 8px
}

  .solutions-content-title-container .solutions-icon {
    color: #656DF4;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    vertical-align: top;
    width: 16px
  }

  .solutions-content-title-container .ficon-folder-open {
    font-size: 18px
  }

    .solutions-content-title-container .ficon-folder-open.solutions-icon {
      margin-right: 12px
    }

.solutions-content-title {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  max-width: calc(100% - 28px)
}

.solutions-content-description {
  margin: 0 0 0 28px
}

.solutions-folder-list-item {
  padding: 24px
}

  .solutions-folder-list-item .solutions-content-title-container {
    margin-top: 0
  }

.solution-folder-title-link {
  color: var(--textColor);
  display: inline-block;
  text-decoration: none;
  max-width: calc(100% - 32px)
}

  .solution-folder-title-link .solutions-content-title {
    display: inline
  }

  .solution-folder-title-link:hover {
    color: var(--textColor)
  }

.solutions-folder-articles-list {
  list-style: disc
}

.solutions-folder-articles-list-item {
  color: #656DF4;
  margin-left: 24px;
  margin-bottom: 16px
}

  .solutions-folder-articles-list-item:first-child {
    margin-top: 24px
  }

  .solutions-folder-articles-list-item:last-child {
    margin-bottom: 0
  }

.solutions-articles-link {
  display: inline-block;
  max-width: calc(100% - 24px);
  line-height: 1.5;
  padding-left: 8px;
  vertical-align: text-top
}

.solutions-view-all {
  display: inline-block;
  font-weight: 700;
  margin-left: 32px;
  margin-top: 24px
}

.solutions-empty-content-icon {
  height: 200px;
  margin: 40px auto;
  width: 200px
}

.solutions-no-articles-category-icon {
  background-image: url(https://assets10.freshservice.com/assets/portal_v2/solutions-no-articles-category-669c02279d1142754ce4c1123e4d3f833337e7455ffc6f898568da7f1ac7693a.svg)
}

.solutions-no-articles-icon {
  background-image: url(https://assets10.freshservice.com/assets/portal_v2/solutions-no-articles-fd8237a4353e2a46a96c650de3ba2c22d99d11e2e566ef30870a78cc03c50479.svg)
}

.solutions-empty-content-text {
  font-size: 16px;
  margin: 40px auto;
  text-align: center;
  max-width: calc(100% - 8px)
}

.folder-view-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: auto
}

  .folder-view-container .folder-container {
    background-color: #fff;
    flex: 4;
    min-width: 0;
    margin: 16px;
    top: 56px;
    border-radius: 4px
  }

    .folder-view-container .folder-container .list_article_empty {
      display: none
    }

    .folder-view-container .folder-container .no-result #list-article-ul {
      display: none
    }

    .folder-view-container .folder-container .no-result .list_article_empty {
      display: block
    }

      .folder-view-container .folder-container .no-result .list_article_empty .empty-img {
        background-image: url(https://assets10.freshservice.com/assets/portal_v2/empty_folder-51f884dfaca339006811dbf1e9d82d19976e659c65763376019b11eaa1cc0b66.svg);
        background-repeat: no-repeat;
        margin-top: 40px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 202px;
        width: 198px
      }

      .folder-view-container .folder-container .no-result .list_article_empty .empty-text {
        margin-top: 40px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        letter-spacing: 0;
        text-align: center
      }

    .folder-view-container .folder-container .list-article {
      padding: 24px;
      min-height: calc(100vh - 206px)
    }

      .folder-view-container .folder-container .list-article #folder-breadcrumb ol {
        margin: 0px
      }

      .folder-view-container .folder-container .list-article .articles-list-header-container {
        margin: 40px 0px 16px 0px
      }

        .folder-view-container .folder-container .list-article .articles-list-header-container .articles-folder-icon {
          color: #527FA5;
          display: inline-block;
          font-size: 28px;
          line-height: 32px;
          vertical-align: top
        }

          .folder-view-container .folder-container .list-article .articles-list-header-container .articles-folder-icon.hide {
            display: none
          }

        .folder-view-container .folder-container .list-article .articles-list-header-container .articles-list-header {
          display: inline-block;
          max-width: calc(100% - 36px);
          margin-left: 8px
        }

      .folder-view-container .folder-container .list-article .folder-title {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
        vertical-align: top;
        margin: 0
      }

      .folder-view-container .folder-container .list-article #list-article-description {
        margin: 0
      }

      .folder-view-container .folder-container .list-article .list {
        list-style: none;
        padding: 0px 0px 24px 0px
      }

        .folder-view-container .folder-container .list-article .list li {
          border: 1px solid #EBEFF3;
          box-shadow: 0 1px 6px 0 rgba(22,29,37,0.05);
          background-color: #fff;
          border-radius: 4px;
          margin: 8px 0px;
          box-sizing: border-box
        }

          .folder-view-container .folder-container .list-article .list li:hover {
            background-color: #F5F7F9
          }

          .folder-view-container .folder-container .list-article .list li h2 {
            color: var(--textColor);
            font-family: var(--baseFont)
          }

          .folder-view-container .folder-container .list-article .list li a {
            display: block;
            text-decoration: none;
            cursor: pointer;
            color: var(--textColor);
            padding: 13px 24px 17px
          }

            .folder-view-container .folder-container .list-article .list li a h2 {
              font-size: 16px;
              line-height: 24px;
              font-weight: 700;
              letter-spacing: 0;
              margin: 0px;
              display: inline-block;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              max-width: 96%
            }

            .folder-view-container .folder-container .list-article .list li a i {
              padding-left: 8px;
              vertical-align: super
            }

          .folder-view-container .folder-container .list-article .list li p {
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 0;
            margin: 4px 0px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 96%;
            margin-top: 0px
          }

          .folder-view-container .folder-container .list-article .list li time {
            font-size: 12px;
            line-height: 18px;
            letter-spacing: 0
          }

  .folder-view-container .related-folders {
    padding: 24px;
    flex: 1;
    min-width: 0;
    border-radius: 0 0 4px 1px;
    background-color: #F5F7F9;
    border-left: 1px solid #CFD7DF;
    border-right: 1px solid #CFD7DF
  }

    .folder-view-container .related-folders .results-loader.row {
      background: transparent;
      padding-left: 0;
      padding-right: 0;
      margin-top: 0
    }

      .folder-view-container .related-folders .results-loader.row .inner-row:last-child {
        display: none
      }

      .folder-view-container .related-folders .results-loader.row .line-large {
        margin-left: 0;
        width: 100%
      }

      .folder-view-container .related-folders .results-loader.row .line-small {
        margin-left: 0;
        width: 60%
      }

    .folder-view-container .related-folders h2 {
      font-size: 16px;
      line-height: 24px;
      font-weight: 700;
      letter-spacing: 0.2px;
      margin: 0px
    }

      .folder-view-container .related-folders h2 i {
        vertical-align: middle;
        font-size: 20px;
        line-height: 30px
      }

      .folder-view-container .related-folders h2 span {
        margin-left: 6px;
        vertical-align: middle
      }

    .folder-view-container .related-folders .folder-list {
      list-style-type: disc;
      padding-left: 6px;
      margin-top: 8px
    }

      .folder-view-container .related-folders .folder-list li {
        list-style-position: outside;
        margin: 0 0 8px 16px;
        cursor: pointer
      }

        .folder-view-container .related-folders .folder-list li.sr-only {
          position: absolute;
          width: 0px;
          height: 0px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          border: 0
        }

        .folder-view-container .related-folders .folder-list li a {
          text-decoration: none;
          font-size: 14px;
          line-height: 21px;
          line-height: 26px;
          letter-spacing: 0;
          color: var(--linkColor);
          position: relative;
          left: 6px
        }

          .folder-view-container .related-folders .folder-list li a:hover {
            color: var(--linkColorHover)
          }

          .folder-view-container .related-folders .folder-list li a span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 96%;
            display: inline-block;
            vertical-align: bottom
          }

    .folder-view-container .related-folders #list_other_folder_view_more button {
      margin-left: 22px;
      font-size: 14px;
      line-height: 21px;
      border-bottom: 1px dashed #2C5CC5;
      padding-bottom: 4px
    }

    .folder-view-container .related-folders #list_other_folder_view_more #view-less-folders {
      display: none
    }

    .folder-view-container .related-folders #list_other_folder_view_more.show-view-less #view-less-folders {
      display: block
    }

    .folder-view-container .related-folders #list_other_folder_view_more.show-view-less #view-more-folders {
      display: none
    }

    .folder-view-container .related-folders #list_other_folder_empty .empty-img {
      background-image: url(https://assets8.freshservice.com/assets/portal_v2/empty_other_folders-e68d4bcb5139778c6113a0b071aad87ca7d05c522f5088b94085ddf07f5bc8ab.svg);
      background-repeat: no-repeat;
      margin-top: 40px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      height: 156px;
      width: 141px
    }

    .folder-view-container .related-folders #list_other_folder_empty .empty-text {
      margin-top: 6px;
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      letter-spacing: 0;
      text-align: center
    }

.articles-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: auto;
  min-height: calc(100vh - 120px)
}

.articles-detail-container {
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  flex: 4;
  min-height: calc(100vh - 152px);
  min-width: 0;
  margin: 16px;
  padding: 20px 0 24px 0
}

  .articles-detail-container .breadcrumbs-container ol {
    margin: 0;
    padding: 0 24px
  }

    .articles-detail-container .breadcrumbs-container ol li:last-child .ficon-arrow-right {
      display: none
    }

.articles-detail-loader-container .results-loader {
  display: block
}

  .articles-detail-loader-container .results-loader .line-large {
    margin-left: 8px;
    width: 85%
  }

  .articles-detail-loader-container .results-loader .line-small {
    margin-left: 8px
  }

  .articles-detail-loader-container .results-loader:first-child .inner-row {
    display: none;
    margin-bottom: 0
  }

    .articles-detail-loader-container .results-loader:first-child .inner-row .line-large {
      width: 60%
    }

    .articles-detail-loader-container .results-loader:first-child .inner-row .line-small {
      width: 45%
    }

    .articles-detail-loader-container .results-loader:first-child .inner-row:first-child {
      display: block
    }

.solutions-navigation-panel, .articles-detail-content {
  padding: 0 24px
}

.articles-detail-header {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  height: auto;
  margin-bottom: 32px;
  margin-top: 24px;
  padding: 0
}

.articles-detail-header-item {
  width: calc(100% - 24px)
}

.articles-detail-title {
  font-size: 24px;
  font-weight: 700;
  min-height: 32px;
  margin: 0 0 8px 0
}

.articles-detail-print-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 25%;
  height: fit-content;
  margin: 24px 24px 0 auto
}

.solutions-print-icon {
  height: 14px;
  width: 14px;
  margin-right: 8px
}

.articles-detail-description {
  margin-bottom: 24px;
  overflow-x: auto
}

  .articles-detail-description table td.fr-selected-cell, .articles-detail-description table th.fr-selected-cell {
    border: 1px double #1e88e5;
    background: #E5F2FD
  }

  .articles-detail-description table td.fr-highlighted, .articles-detail-description table th.fr-highlighted {
    border: 1px double #f33 !important
  }

  .articles-detail-description table td.fr-thick, .articles-detail-description table th.fr-thick {
    border-width: 2px
  }

  .articles-detail-description table {
    width: 100%
  }

    .articles-detail-description table.fr-dashed-borders th, .articles-detail-description table.fr-dashed-borders td {
      border-style: dashed
    }

    .articles-detail-description table.fr-alternate-rows tbody tr:nth-child(2n) {
      background: #F5F7F9
    }

    .articles-detail-description table.fr-no-borders th, .articles-detail-description table.fr-no-borders td {
      border-style: none
    }

    .articles-detail-description table th {
      font-weight: 700;
      text-align: center;
      background: #EBEFF3
    }

  .articles-detail-description img {
    max-width: 100%
  }

  .articles-detail-description .fr-video {
    display: block
  }

    .articles-detail-description .fr-video.fr-fvc {
      text-align: center
    }

    .articles-detail-description .fr-video.fr-fvl {
      text-align: left
    }

    .articles-detail-description .fr-video.fr-fvr {
      text-align: left
    }

  .articles-detail-description .fr-img-caption .fr-img-wrap {
    width: inherit;
    display: inline-block;
    text-align: center
  }

    .articles-detail-description .fr-img-caption .fr-img-wrap img {
      width: inherit
    }

  .articles-detail-description p, .articles-detail-description li, .articles-detail-description div {
    font-size: 14px;
    line-height: 1.3;
    margin: 0
  }

  .articles-detail-description code, .articles-detail-description pre, .articles-detail-description p, .articles-detail-description li, .articles-detail-description div {
    word-break: normal;
    word-wrap: break-word
  }

  .articles-detail-description pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap
  }

  .articles-detail-description h1 {
    font-size: 2em
  }

  .articles-detail-description h2 {
    font-size: 1.5em
  }

  .articles-detail-description h3 {
    font-size: 1.17em
  }

  .articles-detail-description h4 {
    font-size: 1em
  }

  .articles-detail-description h5 {
    font-size: 0.83em
  }

  .articles-detail-description h6 {
    font-size: 0.75em
  }

  .articles-detail-description img, .articles-detail-description iframe {
    border: 0;
    max-width: 100%
  }

  .articles-detail-description table {
    cursor: default;
    border: 1px solid #ddd;
    border-collapse: collapse
  }

    .articles-detail-description table td, .articles-detail-description table th {
      cursor: text;
      font-size: inherit;
      font-size: 14px;
      border: 1px solid #ddd;
      padding: 4px
    }

  .articles-detail-description em {
    font-style: italic
  }

  .articles-detail-description ins {
    border-bottom: 1px solid green;
    text-decoration: none;
    color: green
  }

  .articles-detail-description cite {
    border-bottom: 1px dashed blue
  }

  .articles-detail-description acronym {
    border-bottom: 1px dotted #ccc;
    cursor: help
  }

  .articles-detail-description abbr {
    border-bottom: 1px dashed #ccc;
    cursor: help
  }

  .articles-detail-description ol, .articles-detail-description ul {
    margin: 8px 0px 4px 0px;
    padding: 0px 0px 0px 40px;
    line-height: 17px
  }

  .articles-detail-description ul {
    list-style: disc outside
  }

  .articles-detail-description blockquote {
    font-size: 14px;
    line-height: 22px;
    margin: 0.5em;
    color: #414655;
    border-left: 1px dotted #888;
    padding: 6px 6px 1px 1em
  }

  .articles-detail-description del {
    text-decoration: none
  }

code[class*="language-"], pre[class*="language-"] {
  color: black;
  background: none;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}

pre[class*="language-"] {
  position: relative;
  margin: .5em 0;
  overflow: visible;
  padding: 0
}

  pre[class*="language-"] > code {
    position: relative;
    border-left: 5px solid #358ccb;
    box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(0,0,0,0) 50%,rgba(69,142,209,0.04) 50%);
    background-size: 3em 3em;
    background-origin: content-box;
    background-attachment: local
  }

code[class*="language"] {
  max-height: inherit;
  height: inherit;
  padding: 0 1em;
  display: block;
  overflow: auto
}

:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background-color: #fdfdfd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em
}

:not(pre) > code[class*="language-"] {
  position: relative;
  padding: .2em;
  border-radius: 0.3em;
  color: #c92c2c;
  border: 1px solid rgba(0,0,0,0.1);
  display: inline;
  white-space: normal
}

pre[class*="language-"]:before, pre[class*="language-"]:after {
  content: '';
  z-index: -2;
  display: block;
  position: absolute;
  bottom: 0.75em;
  left: 0.18em;
  width: 40%;
  height: 20%;
  max-height: 13em;
  box-shadow: 0px 13px 8px #979797;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

:not(pre) > code[class*="language-"]:after, pre[class*="language-"]:after {
  right: 0.75em;
  left: auto;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg)
}

.token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata {
  color: #7D8B99
}

.token.punctuation {
  color: #5F6364
}

.token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted {
  color: #c92c2c
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted {
  color: #2f9c0a
}

.token.operator, .token.entity, .token.url, .token.variable {
  color: #a67f59;
  background: rgba(255,255,255,0.5)
}

.token.atrule, .token.attr-value, .token.keyword, .token.class-name {
  color: #1990b8
}

.token.regex, .token.important {
  color: #e90
}

.language-css .token.string, .style .token.string {
  color: #a67f59;
  background: rgba(255,255,255,0.5)
}

.token.important {
  font-weight: normal
}

.token.bold {
  font-weight: bold
}

.token.italic {
  font-style: italic
}

.token.entity {
  cursor: help
}

.namespace {
  opacity: .7
}

@media screen and (max-width: 767px) {
  pre[class*="language-"]:before, pre[class*="language-"]:after {
    bottom: 14px;
    box-shadow: none
  }
}

.token.tab:not(:empty):before, .token.cr:before, .token.lf:before {
  color: #e0d7d1
}

pre[class*="language-"].line-numbers.line-numbers {
  padding-left: 0
}

  pre[class*="language-"].line-numbers.line-numbers code {
    padding-left: 3.8em
  }

  pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
    left: 0
  }

pre[class*="language-"][data-line] {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0
}

pre[data-line] code {
  position: relative;
  padding-left: 4em
}

pre .line-highlight {
  margin-top: 0
}

pre[class*="language-"].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber
}

  pre[class*="language-"].line-numbers > code {
    position: relative;
    white-space: inherit
  }

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber
}

  .line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right
  }

div.code-toolbar {
  position: relative
}

  div.code-toolbar > .toolbar {
    position: absolute;
    top: .3em;
    right: .2em;
    transition: opacity 0.3s ease-in-out;
    opacity: 0
  }

  div.code-toolbar:hover > .toolbar {
    opacity: 1
  }

  div.code-toolbar:focus-within > .toolbar {
    opacity: 1
  }

  div.code-toolbar > .toolbar .toolbar-item {
    display: inline-block
  }

  div.code-toolbar > .toolbar a {
    cursor: pointer
  }

  div.code-toolbar > .toolbar button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
  }

  div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar span {
    color: #bbb;
    font-size: .8em;
    padding: 0 .5em;
    background: #f5f2f0;
    background: rgba(224,224,224,0.2);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    border-radius: .5em
  }

    div.code-toolbar > .toolbar a:hover, div.code-toolbar > .toolbar a:focus, div.code-toolbar > .toolbar button:hover, div.code-toolbar > .toolbar button:focus, div.code-toolbar > .toolbar span:hover, div.code-toolbar > .toolbar span:focus {
      color: inherit;
      text-decoration: none
    }

.articles-detail-description:last-child, .fs-attachment:last-child {
  margin-bottom: 32px
}

#articles-options {
  border-top: 1px solid #EBEFF3;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto
}

.articles-feedback-region {
  padding: 24px 24px 0 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.articles-feedback-question-container {
  font-size: 16px;
  font-weight: 700
}

  .articles-feedback-question-container [role="group"] {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
  }

  .articles-feedback-question-container .btn, .articles-feedback-question-container .date-picker-dialog .header .power-select-container .power-select-trigger, .date-picker-dialog .header .power-select-container .articles-feedback-question-container .power-select-trigger {
    margin-right: 12px;
    cursor: pointer;
    width: 68px
  }

.articles-feedback-yes-container p {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  vertical-align: middle
}

.articles-feedback-yes-icon {
  background-image: url(https://assets1.freshservice.com/assets/portal_v2/tick-success-9172decf829b5f4505b87357bc9e3322354126f76821e3cba002db47fa85813b.svg);
  background-size: cover;
  display: inline-block;
  height: 24px;
  margin-right: 4px;
  vertical-align: middle;
  width: 24px
}

.articles-feedback-no-container #articles-feedback-msg {
  font-size: 16px;
  margin: 0 0 16px 0
}

.articles-feedback-no-container p, .articles-feedback-no-container label {
  color: #183247;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 12px 0
}

  .articles-feedback-no-container label.feedback-field-select-one, .articles-feedback-no-container p.feedback-field-select-one {
    font-weight: 400
  }

  .articles-feedback-no-container p.required:after, .articles-feedback-no-container label.required:after {
    content: "*";
    color: #E43538;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    bottom: 2px;
    margin-left: 4px
  }

.articles-feedback-form.email-error .feedback-field-email, .articles-feedback-form.select-one-error .feedback-field-select-one {
  color: #E43538;
  border-color: #E43538
}

.articles-feedback-form.email-error #feedback-email-error, .articles-feedback-form.select-one-error #feedback-select-one-error {
  display: block
}

.articles-feedback-email {
  border: 1px solid #CFD7DF;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
  margin-bottom: 8px;
  height: 28px;
  width: 628px;
  max-width: 100%
}

#feedback-email-error, #feedback-select-one-error {
  display: none;
  margin-bottom: 8px
}

.articles-feedback-question {
  margin-right: 20px
}

.articles-feedback-form-wrapper {
  display: inline-block;
  max-width: 100%;
  width: 624px
}

  .articles-feedback-form-wrapper textarea {
    background-color: #fff;
    border: 1px solid #CFD7DF;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
    box-sizing: border-box;
    display: block;
    font-family: inherit;
    font-size: 14px;
    min-height: 94px;
    max-width: inherit;
    margin: 16px 0;
    width: 100%;
    min-width: 100px
  }

  .articles-feedback-form-wrapper .articles-feedback-btn-wrapper {
    text-align: right;
    max-width: inherit;
    width: inherit
  }

    .articles-feedback-form-wrapper .articles-feedback-btn-wrapper .btn:first-child, .articles-feedback-form-wrapper .articles-feedback-btn-wrapper .date-picker-dialog .header .power-select-container .power-select-trigger:first-child, .date-picker-dialog .header .power-select-container .articles-feedback-form-wrapper .articles-feedback-btn-wrapper .power-select-trigger:first-child {
      margin-right: 4px
    }

.articles-feedback-option {
  margin-bottom: 12px
}

.feedback-submit-msg {
  display: none;
  font-size: 16px;
  font-weight: 700;
  margin: 0
}

.feedback-submitted .feedback-submit-msg {
  display: block
}

.feedback-submitted .articles-feedback-no-container {
  display: none
}

.articles-related-container {
  border-left: 1px solid #CFD7DF;
  background-color: #F5F7F9;
  flex: 1;
  min-height: calc(100vh - 56px);
  min-width: 0;
  overflow: auto;
  padding: 24px;
  width: 312px
}

  .articles-related-container .results-loader {
    background-color: inherit;
    display: block;
    margin-top: 24px
  }

    .articles-related-container .results-loader .line-large {
      margin-left: 8px;
      width: 95%
    }

    .articles-related-container .results-loader .line-small {
      margin-left: 8px;
      width: 55%
    }

.articles-related-header-container {
  display: flex;
  padding-bottom: 24px
}

  .articles-related-header-container .ficon-note {
    color: var(--secondaryColor);
    font-size: 16px;
    height: 20px;
    margin-right: 12px;
    width: 16px
  }

.articles-related-header {
  font-size: 16px;
  font-weight: 500;
  margin: 0
}

.articles-no-related-found {
  background-image: url(https://assets4.freshservice.com/assets/portal_v2/no-articles-found-7445c989ec1abc87329b50ba0c0b9a6cf8ab86bac97bd523df5e6a29e706bd18.svg);
  height: 156px;
  margin: 0 auto;
  width: 140px
}

.articles-no-related-text {
  margin: 12px 0;
  text-align: center
}

.articles-related-list-item {
  margin: 0;
  margin-left: 22px;
  padding: 0 0 16px 8px
}

.articles-related-link {
  color: var(--linkColor);
  display: inline-block;
  font-size: 14px;
  vertical-align: text-top
}

  .articles-related-link:hover {
    color: var(--linkColorHover)
  }

body[page='user_password_reset'] #toast-message ul {
  display: table;
  margin-left: 12px
}

  body[page='user_password_reset'] #toast-message ul li {
    margin: 0
  }

.password-reset {
  width: 720px;
  margin: auto;
  background: #fff;
  font-size: 14px;
  line-height: 21px;
  margin-top: 16px;
  border-radius: 4px
}

  .password-reset .form-container {
    width: 458px;
    padding: 40px 132px;
    position: relative
  }

    .password-reset .form-container h2 {
      margin: 0;
      color: var(--textColor);
      font-size: 18px;
      line-height: 27px;
      font-weight: 700
    }

    .password-reset .form-container #password-reset-form {
      margin-top: 16px
    }

      .password-reset .form-container #password-reset-form .password-label {
        font-size: 12px;
        line-height: 18px;
        display: block;
        margin-bottom: 4px;
        font-weight: 700
      }

        .password-reset .form-container #password-reset-form .password-label span {
          margin-left: 4px
        }

      .password-reset .form-container #password-reset-form input {
        padding: 8px;
        font-size: 14px;
        line-height: 21px;
        display: block;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #7B8E9F;
        border-radius: 4px;
        background-color: #fff;
        -moz-box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
        -webkit-box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
        box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05)
      }

        .password-reset .form-container #password-reset-form input[aria-required="true"] {
          margin-bottom: 32px
        }

        .password-reset .form-container #password-reset-form input.error {
          border: 1px solid #D72D30
        }

          .password-reset .form-container #password-reset-form input.error[aria-required="true"] {
            margin: 0
          }

        .password-reset .form-container #password-reset-form input[aria-required="true"] + label.error {
          margin: 2px 0 12px;
          font-size: 12px;
          line-height: 18px;
          color: #D72D30;
          display: inline-block
        }

      .password-reset .form-container #password-reset-form .reset-btn-group {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
      }

        .password-reset .form-container #password-reset-form .reset-btn-group button, .password-reset .form-container #password-reset-form .reset-btn-group a {
          display: block;
          margin: 0;
          margin-right: 8px
        }

        .password-reset .form-container #password-reset-form .reset-btn-group a {
          text-align: center
        }

      .password-reset .form-container #password-reset-form #new_password-error, .password-reset .form-container #password-reset-form #confirm_password-error {
        margin-bottom: 16px
      }

    .password-reset .form-container #password-policy-list {
      display: none;
      position: absolute;
      top: 68px;
      right: -117px;
      width: 212px;
      border-radius: 4px;
      background-color: #fff;
      padding: 16px;
      font-size: 14px;
      line-height: 21px;
      -moz-box-shadow: 0 4px 4px 0 rgba(18,52,77,0.06),0 4px 18px 0 rgba(18,52,77,0.16);
      -webkit-box-shadow: 0 4px 4px 0 rgba(18,52,77,0.06),0 4px 18px 0 rgba(18,52,77,0.16);
      box-shadow: 0 4px 4px 0 rgba(18,52,77,0.06),0 4px 18px 0 rgba(18,52,77,0.16)
    }

      .password-reset .form-container #password-policy-list h3 {
        margin: 0;
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 14px
      }

      .password-reset .form-container #password-policy-list div {
        display: list-item;
        margin-left: 16px;
        margin-bottom: 8px
      }

    .password-reset .form-container #new_password:focus ~ #password-policy-list:not(.hide-policy) {
      display: block
    }

    .password-reset .form-container #new_password:not(:focus) ~ #password-policy-list:not(.hide-policy) {
      display: none
    }

#sec-ticket-list, #sec-change-list {
  max-width: 1408px;
  margin: 16px auto
}

  #sec-ticket-list .page-header, #sec-change-list .page-header {
    padding: 24px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(207,215,223,0.81)
  }

    #sec-ticket-list .page-header .ticket-filter-container .menu, #sec-change-list .page-header .ticket-filter-container .menu {
      min-width: 192px
    }

    #sec-ticket-list .page-header #ticket-filter, #sec-ticket-list .page-header #change-filter, #sec-change-list .page-header #ticket-filter, #sec-change-list .page-header #change-filter {
      font-weight: 500;
      font-size: 16px;
      line-height: 24px
    }

      #sec-ticket-list .page-header #ticket-filter h2, #sec-ticket-list .page-header #change-filter h2, #sec-change-list .page-header #ticket-filter h2, #sec-change-list .page-header #change-filter h2 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        padding: 0;
        margin: 0
      }

    #sec-ticket-list .page-header #ticket-sort, #sec-ticket-list .page-header #change-sort, #sec-ticket-list .page-header #department-filter, #sec-change-list .page-header #ticket-sort, #sec-change-list .page-header #change-sort, #sec-change-list .page-header #department-filter {
      font-size: 14px;
      line-height: 21px;
      font-weight: 500;
      font-family: var(--baseFont);
      margin-top: -4px
    }

    #sec-ticket-list .page-header #change-sort-options a, #sec-ticket-list .page-header #ticket-sort-options a, #sec-ticket-list .page-header #change-filter-options a, #sec-ticket-list .page-header #ticket-filter-options a, #sec-ticket-list .page-header #department-filter-options a, #sec-change-list .page-header #change-sort-options a, #sec-change-list .page-header #ticket-sort-options a, #sec-change-list .page-header #change-filter-options a, #sec-change-list .page-header #ticket-filter-options a, #sec-change-list .page-header #department-filter-options a {
      font-size: 14px;
      min-width: 174px;
      font-weight: 400
    }

    #sec-ticket-list .page-header #department-filter, #sec-ticket-list .page-header #department-filter-options, #sec-change-list .page-header #department-filter, #sec-change-list .page-header #department-filter-options {
      max-width: 280px
    }

    #sec-ticket-list .page-header .ticket-interaction-container, #sec-ticket-list .page-header .change-interaction-container, #sec-change-list .page-header .ticket-interaction-container, #sec-change-list .page-header .change-interaction-container {
      display: inline-block;
      width: calc(100% - 212px)
    }

    #sec-ticket-list .page-header .ticket-header-btns, #sec-change-list .page-header .ticket-header-btns {
      display: inline-block;
      padding-right: 8px;
      text-align: right;
      width: 200px
    }

      #sec-ticket-list .page-header .ticket-header-btns .link-btn, #sec-change-list .page-header .ticket-header-btns .link-btn {
        display: none;
        font-size: 14px
      }

    #sec-ticket-list .page-header .filters-container, #sec-change-list .page-header .filters-container {
      display: flex;
      align-items: baseline
    }

      #sec-ticket-list .page-header .filters-container .sort-by-container, #sec-ticket-list .page-header .filters-container .department-filter-container, #sec-change-list .page-header .filters-container .sort-by-container, #sec-change-list .page-header .filters-container .department-filter-container {
        padding-left: 6px;
        color: #475867
      }

        #sec-ticket-list .page-header .filters-container .sort-by-container label, #sec-ticket-list .page-header .filters-container .sort-by-container span, #sec-ticket-list .page-header .filters-container .sort-by-container .menu-container, #sec-ticket-list .page-header .filters-container .department-filter-container label, #sec-ticket-list .page-header .filters-container .department-filter-container span, #sec-ticket-list .page-header .filters-container .department-filter-container .menu-container, #sec-change-list .page-header .filters-container .sort-by-container label, #sec-change-list .page-header .filters-container .sort-by-container span, #sec-change-list .page-header .filters-container .sort-by-container .menu-container, #sec-change-list .page-header .filters-container .department-filter-container label, #sec-change-list .page-header .filters-container .department-filter-container span, #sec-change-list .page-header .filters-container .department-filter-container .menu-container {
          vertical-align: text-top;
          text-align: left
        }

          #sec-ticket-list .page-header .filters-container .sort-by-container span.ticket-sort, #sec-ticket-list .page-header .filters-container .sort-by-container span.department-filter, #sec-ticket-list .page-header .filters-container .department-filter-container span.ticket-sort, #sec-ticket-list .page-header .filters-container .department-filter-container span.department-filter, #sec-change-list .page-header .filters-container .sort-by-container span.ticket-sort, #sec-change-list .page-header .filters-container .sort-by-container span.department-filter, #sec-change-list .page-header .filters-container .department-filter-container span.ticket-sort, #sec-change-list .page-header .filters-container .department-filter-container span.department-filter {
            font-size: 12px;
            line-height: 18px;
            font-weight: 700;
            vertical-align: text-top;
            text-align: left;
            margin-top: 1px
          }

        #sec-ticket-list .page-header .filters-container .sort-by-container label, #sec-ticket-list .page-header .filters-container .department-filter-container label, #sec-change-list .page-header .filters-container .sort-by-container label, #sec-change-list .page-header .filters-container .department-filter-container label {
          margin-top: 3px
        }

        #sec-ticket-list .page-header .filters-container .sort-by-container .seperator-above, #sec-ticket-list .page-header .filters-container .department-filter-container .seperator-above, #sec-change-list .page-header .filters-container .sort-by-container .seperator-above, #sec-change-list .page-header .filters-container .department-filter-container .seperator-above {
          position: relative;
          margin-top: 16px
        }

          #sec-ticket-list .page-header .filters-container .sort-by-container .seperator-above:before, #sec-ticket-list .page-header .filters-container .department-filter-container .seperator-above:before, #sec-change-list .page-header .filters-container .sort-by-container .seperator-above:before, #sec-change-list .page-header .filters-container .department-filter-container .seperator-above:before {
            content: "";
            position: absolute;
            top: -8px;
            left: -16px;
            width: calc(100% + 32px);
            height: 1px;
            border-top: 1px solid #CFD7DF
          }

        #sec-ticket-list .page-header .filters-container .sort-by-container .selected, #sec-ticket-list .page-header .filters-container .department-filter-container .selected, #sec-change-list .page-header .filters-container .sort-by-container .selected, #sec-change-list .page-header .filters-container .department-filter-container .selected {
          font-weight: 600 !important
        }

      #sec-ticket-list .page-header .filters-container .department-filter-container, #sec-change-list .page-header .filters-container .department-filter-container {
        margin-left: 48px
      }

    #sec-ticket-list .page-header .menu-container button, #sec-change-list .page-header .menu-container button {
      background-color: transparent
    }

  #sec-ticket-list .page-body, #sec-change-list .page-body {
    min-height: 70vh;
    display: flex;
    flex-direction: column
  }

    #sec-ticket-list .page-body.no-result .no-result-container, #sec-change-list .page-body.no-result .no-result-container {
      display: block
    }

    #sec-ticket-list .page-body.no-result ul, #sec-ticket-list .page-body.no-result nav, #sec-change-list .page-body.no-result ul, #sec-change-list .page-body.no-result nav {
      display: none
    }

    #sec-ticket-list .page-body .results-loader.row, #sec-change-list .page-body .results-loader.row {
      padding: 0
    }

  #sec-ticket-list .no-result-container, #sec-change-list .no-result-container {
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 288px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    background: url(https://assets3.freshservice.com/assets/portal_v2/ticket-list-empty-aed989f1f063aead4c0a825798797f13d1277fc72b522749622cc8fdc477998f.svg) no-repeat;
    background-size: 200px;
    background-position: center 40px
  }

  #sec-change-list .no-result-container {
    background: url(https://assets8.freshservice.com/assets/portal_v2/no-changes-9a2728a9ad3acc101511a02742347b15cedeba7c61a8e4d83f92e057f3220b2e.svg) no-repeat;
    background-size: 200px;
    background-position: center 40px
  }

ul#ul-ticket-list li a:focus span.status, ul#ul-change-list li a:focus span.status {
  width: auto;
  max-width: none
}

ul#ul-ticket-list li span.status, ul#ul-change-list li span.status {
  position: absolute;
  top: 50%;
  padding: 4px 8px;
  right: 16px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  transform: translateY(-50%);
  background-color: #E0F5F0;
  border: 1px solid #B4E5D9;
  border-radius: 4px;
  max-width: 100px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

  ul#ul-ticket-list li span.status:hover, ul#ul-change-list li span.status:hover {
    width: auto;
    max-width: none
  }

  ul#ul-ticket-list li span.status.active, ul#ul-change-list li span.status.active {
    background-color: #FEF1E1;
    border: 1px solid #FDDBB5;
    color: var(--textColor)
  }

ul#ul-ticket-list li span.source, ul#ul-change-list li span.source {
  margin-left: 4px
}

ul#ul-ticket-list li span.assign-to, ul#ul-change-list li span.assign-to {
  margin-left: 8px;
  padding-left: 12px;
  border-left: 1px solid
}

ul#ul-ticket-list li p, ul#ul-change-list li p {
  margin-bottom: 0
}

ul.list-container {
  margin: auto;
  width: 100%;
  margin-top: 2px
}

  ul.list-container li {
    display: block;
    position: relative;
    border-radius: 4px;
    border: 1px solid #EBEFF3;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #EBEFF3;
    margin: 8px 24px
  }

    ul.list-container li:first-child {
      margin-top: 16px
    }

    ul.list-container li:last-child {
      margin-bottom: 16px
    }

    ul.list-container li a {
      display: block;
      padding: 16px;
      text-decoration: none;
      color: var(--textColor)
    }

      ul.list-container li a:hover {
        background-color: #F5F7F9
      }

    ul.list-container li h3, ul.list-container li p {
      padding-right: 104px;
      font-size: 14px;
      line-height: 21px
    }

    ul.list-container li h3 {
      margin: 0;
      padding: 0;
      word-break: break-all;
      width: calc(100% - 132px)
    }

    ul.list-container li p {
      margin-top: 8px
    }

    ul.list-container li .display-id {
      font-weight: 400
    }

#fs-modal.export-ticket-modal .modal-header h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px
}

#fs-modal.export-ticket-modal .modal-body {
  padding: 0 24px
}

  #fs-modal.export-ticket-modal .modal-body .export-ticket-form fieldset {
    margin: 0;
    padding: 0
  }

  #fs-modal.export-ticket-modal .modal-body .export-ticket-form legend {
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    padding: 24px 0 8px
  }

  #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-type-label, #fs-modal.export-ticket-modal .modal-body .export-ticket-form .filter-tickets-by {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px
  }

  #fs-modal.export-ticket-modal .modal-body .export-ticket-form .filter-tickets-by {
    display: inline-block;
    height: auto
  }

  #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-type-container {
    margin-bottom: 24px
  }

    #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-type-container label {
      display: inline-block;
      height: 24px;
      line-height: 24px;
      margin-right: 40px;
      vertical-align: top
    }

    #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-type-container input {
      display: inline-block;
      margin: 4px 4px 0 0
    }

  #fs-modal.export-ticket-modal .modal-body .export-ticket-form label {
    font-size: 14px;
    font-weight: normal;
    height: 24px
  }

  #fs-modal.export-ticket-modal .modal-body .export-ticket-form .filter-tickets-date-container {
    border-bottom: 1px solid #CFD7DF;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 24px
  }

    #fs-modal.export-ticket-modal .modal-body .export-ticket-form .filter-tickets-date-container .filter-date-field {
      margin: 0 16px 0 0;
      width: 200px
    }

      #fs-modal.export-ticket-modal .modal-body .export-ticket-form .filter-tickets-date-container .filter-date-field.date-time-box .datepicker-container {
        margin: 0;
        width: 100%
      }

      #fs-modal.export-ticket-modal .modal-body .export-ticket-form .filter-tickets-date-container .filter-date-field .btn-clear {
        display: none
      }

    #fs-modal.export-ticket-modal .modal-body .export-ticket-form .filter-tickets-date-container .power-select-container {
      margin: 0
    }

  #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-fields-container {
    padding-top: 18px
  }

    #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-fields-container .export-fields-select-all {
      display: inline-block;
      font-weight: 700;
      margin-bottom: 2px
    }

    #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-fields-container #no_fields_selected_error {
      display: none;
      color: #D72D30;
      margin-left: 22px
    }

    #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-fields-container #ticket_fields {
      padding-bottom: 16px
    }

    #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-fields-container ul {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      list-style-type: none
    }

      #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-fields-container ul li {
        margin: 16px 16px 0 0;
        width: 204px
      }

      #fs-modal.export-ticket-modal .modal-body .export-ticket-form .export-fields-container ul.sub-level {
        flex-direction: column;
        margin-left: 16px;
        width: calc(100% - $padding-2)
      }

#fs-modal.export-ticket-modal .modal-footer .modal-buttons .submit-button {
  margin-right: 16px
}

[page='ticket_list'] #side-modal-content {
  padding: 32px 0 0
}

.esm-export-ticket-form {
  padding-bottom: 56px
}

  .esm-export-ticket-form .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #12344D;
    margin: 0 0 32px;
    padding: 0 32px
  }

  .esm-export-ticket-form .form-fields-container {
    height: calc(100vh - 147px);
    overflow: auto;
    padding: 0 32px
  }

  .esm-export-ticket-form .field {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
  }

    .esm-export-ticket-form .field .field-label, .esm-export-ticket-form .field body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field .delegate-title, .esm-export-ticket-form .field body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field .delegate-email, .esm-export-ticket-form .field body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label .esm-export-ticket-form .field label {
      padding: 0;
      font-weight: 500;
      font-size: 14px;
      color: #12344D
    }

    .esm-export-ticket-form .field .field-input input[type="radio"] {
      margin: 0 12px 0 0
    }

    .esm-export-ticket-form .field .field-input > .power-select-container {
      margin: 0;
      width: 200px
    }

      .esm-export-ticket-form .field .field-input > .power-select-container .power-select-trigger {
        background: none
      }

    .esm-export-ticket-form .field .field-input.export-format {
      display: flex
    }

      .esm-export-ticket-form .field .field-input.export-format label {
        font-size: 14px;
        font-weight: 400
      }

    .esm-export-ticket-form .field:not(.export-fields) {
      margin-bottom: 24px
    }

      .esm-export-ticket-form .field:not(.export-fields) .field-label, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field:not(.export-fields) .delegate-title, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field:not(.export-fields) .delegate-email, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label .esm-export-ticket-form .field:not(.export-fields) label {
        width: 27%;
        float: left
      }

        .esm-export-ticket-form .field:not(.export-fields) .field-label + *, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title + *, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field:not(.export-fields) .delegate-title + *, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email + *, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field:not(.export-fields) .delegate-email + *, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label + *, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label .esm-export-ticket-form .field:not(.export-fields) label + * {
          clear: left
        }

      .esm-export-ticket-form .field:not(.export-fields) .field-input {
        width: 73%
      }

        .esm-export-ticket-form .field:not(.export-fields) .field-input label + input[type="radio"] {
          margin-left: 40px
        }

        .esm-export-ticket-form .field:not(.export-fields) .field-input > .power-select-container {
          margin: 0;
          width: 200px
        }

          .esm-export-ticket-form .field:not(.export-fields) .field-input > .power-select-container .search-select {
            font-weight: 500
          }

    .esm-export-ticket-form .field.date-field .date-range-container {
      display: flex;
      gap: 16px;
      margin-left: auto;
      width: 73%
    }

      .esm-export-ticket-form .field.date-field .date-range-container .date-time-box {
        margin: 0
      }

        .esm-export-ticket-form .field.date-field .date-range-container .date-time-box .datepicker-container {
          margin: 0
        }

        .esm-export-ticket-form .field.date-field .date-range-container .date-time-box.end-date .date-picker-dialog {
          right: 32px
        }

        .esm-export-ticket-form .field.date-field .date-range-container .date-time-box > label {
          margin: 8px 0 4px;
          display: block;
          font-size: 12px;
          font-weight: 500
        }

      .esm-export-ticket-form .field.date-field .date-range-container .btn-clear {
        display: none
      }

    .esm-export-ticket-form .field.export-fields {
      margin-bottom: 24px
    }

      .esm-export-ticket-form .field.export-fields .field-label, .esm-export-ticket-form .field.export-fields body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field.export-fields .delegate-title, .esm-export-ticket-form .field.export-fields body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field.export-fields .delegate-email, .esm-export-ticket-form .field.export-fields body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label .esm-export-ticket-form .field.export-fields label {
        margin-bottom: 16px
      }

      .esm-export-ticket-form .field.export-fields input[type='checkbox'] {
        min-width: 14px
      }

      .esm-export-ticket-form .field.export-fields label {
        margin-left: 7px
      }

      .esm-export-ticket-form .field.export-fields .delimiter {
        font-size: 20px;
        color: #000;
        vertical-align: middle;
        margin: 0 4px
      }

      .esm-export-ticket-form .field.export-fields .toggle-select-all {
        white-space: nowrap
      }

        .esm-export-ticket-form .field.export-fields .toggle-select-all label {
          cursor: pointer;
          font-weight: 400;
          font-size: 14px;
          color: #2C5CC5
        }

        .esm-export-ticket-form .field.export-fields .toggle-select-all input {
          opacity: 0
        }

          .esm-export-ticket-form .field.export-fields .toggle-select-all input + label .de-select-all {
            display: none
          }

          .esm-export-ticket-form .field.export-fields .toggle-select-all input:checked + label .select-all {
            display: none
          }

          .esm-export-ticket-form .field.export-fields .toggle-select-all input:checked + label .de-select-all {
            display: inline-block
          }

          .esm-export-ticket-form .field.export-fields .toggle-select-all input:focus-visible + label {
            box-shadow: 0 0 0 2px #2C5CC5;
            border-radius: 4px
          }

        .esm-export-ticket-form .field.export-fields .toggle-select-all.single-ws {
          display: inline;
          margin-left: -30px
        }

      .esm-export-ticket-form .field.export-fields .ws-fields-container {
        margin-bottom: 8px;
        width: 100%
      }

        .esm-export-ticket-form .field.export-fields .ws-fields-container .header {
          display: flex;
          height: 56px;
          padding: 0 21px;
          justify-content: space-between;
          align-items: center;
          border-bottom: 1px solid #ccc
        }

          .esm-export-ticket-form .field.export-fields .ws-fields-container .header .workspace {
            font-weight: 500;
            font-size: 14px;
            color: #12344D;
            margin-right: auto;
            line-height: 14px
          }

          .esm-export-ticket-form .field.export-fields .ws-fields-container .header .workspace-toggle.error {
            border-color: #b94a48
          }

            .esm-export-ticket-form .field.export-fields .ws-fields-container .header .workspace-toggle.error + .error {
              visibility: hidden;
              position: absolute
            }

        .esm-export-ticket-form .field.export-fields .ws-fields-container .ws-fields {
          padding: 21px
        }

        .esm-export-ticket-form .field.export-fields .ws-fields-container.default-ws .ws-fields {
          border: 1px solid #ccc;
          box-shadow: inset 0px 1px 2px rgba(18,52,77,0.05);
          border-radius: 4px
        }

        .esm-export-ticket-form .field.export-fields .ws-fields-container:not(.default-ws) {
          border: 1px solid #ccc;
          box-shadow: inset 0px 1px 2px rgba(18,52,77,0.05);
          border-radius: 4px
        }

          .esm-export-ticket-form .field.export-fields .ws-fields-container:not(.default-ws):not(.selected) .header {
            border: none
          }

          .esm-export-ticket-form .field.export-fields .ws-fields-container:not(.default-ws):not(.selected) .ws-fields, .esm-export-ticket-form .field.export-fields .ws-fields-container:not(.default-ws):not(.selected) .toggle-select-all {
            display: none
          }

      .esm-export-ticket-form .field.export-fields ul {
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        gap: 14px 3%
      }

        .esm-export-ticket-form .field.export-fields ul li {
          flex-basis: 31.33%;
          margin: 0;
          box-sizing: border-box;
          display: flex
        }

          .esm-export-ticket-form .field.export-fields ul li input[type='checkbox'] {
            top: 1px
          }

            .esm-export-ticket-form .field.export-fields ul li input[type='checkbox']:checked + .nested-fields-container .nested-fields {
              display: flex
            }

          .esm-export-ticket-form .field.export-fields ul li label {
            font-weight: 400;
            font-size: 14px
          }

        .esm-export-ticket-form .field.export-fields ul.nested-fields {
          display: none;
          flex-direction: column;
          margin-top: 14px
        }

          .esm-export-ticket-form .field.export-fields ul.nested-fields li {
            flex: 1
          }

  .esm-export-ticket-form .footer {
    padding: 0 16px;
    text-align: right;
    line-height: 56px;
    background: #F5F7F9
  }

    .esm-export-ticket-form .footer .btn-primary {
      margin-left: 8px
    }

.esm-ticket-export-modal .modal-header {
  height: 0;
  padding: 0
}

.esm-ticket-export-modal .modal-body {
  padding: 0;
  height: 100%
}

  .esm-ticket-export-modal .modal-body .esm-export-ticket-form {
    padding-bottom: 0
  }

    .esm-ticket-export-modal .modal-body .esm-export-ticket-form .title {
      margin: 30px 0
    }

    .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container {
      padding-bottom: 24px
    }

      .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container label {
        display: inline-block;
        margin-bottom: 0
      }

      .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field .field-label, .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field .delegate-title, .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field .delegate-email, .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field label {
        border: 0;
        line-height: inherit
      }

        .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field .field-label .delimiter, .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title .delimiter, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field .delegate-title .delimiter, .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email .delimiter, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field .delegate-email .delimiter, .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label .delimiter, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field label .delimiter {
          vertical-align: top
        }

      .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field #s2id_date_filter {
        width: 200px;
        min-width: 200px;
        margin-bottom: 0;
        padding: 0
      }

        .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field #s2id_date_filter .select2-choice {
          height: 30px;
          line-height: 30px
        }

          .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field #s2id_date_filter .select2-choice .select2-arrow b::after {
            top: 13px
          }

      .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field .date-time-box {
        width: 100%
      }

        .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field .date-time-box .hasDatePicker {
          width: 100%;
          height: 30px;
          margin: 0;
          box-shadow: none
        }

      .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field:not(.export-fields) .field-label, .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field:not(.export-fields) .delegate-title, .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field:not(.export-fields) .delegate-email, .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field:not(.export-fields) label {
        margin-bottom: 0
      }

      .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field.export-fields {
        margin-bottom: 0
      }

        .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field.export-fields .checkbox {
          padding: 0;
          min-height: inherit
        }

          .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field.export-fields .checkbox[type='checkbox'] {
            margin-right: 5px
          }

        .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field.export-fields .workspace-toggle {
          margin-top: 0
        }

        .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field.export-fields .ws-fields {
          margin: 0
        }

          .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field.export-fields .ws-fields li {
            align-items: start
          }

            .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field.export-fields .ws-fields li input {
              margin-top: 2px
            }

            .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field.export-fields .ws-fields li .nested-fields-container {
              margin-top: -3px
            }

            .esm-ticket-export-modal .modal-body .esm-export-ticket-form .form-fields-container .field.export-fields .ws-fields li .nested-fields {
              margin-left: 0
            }

    .esm-ticket-export-modal .modal-body .esm-export-ticket-form .footer {
      margin-top: 0;
      border-bottom-width: 0
    }

body[page="submit_ticket"] #page-main {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

#ticket-new-main {
  flex: 1;
  margin: 16px;
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  min-width: 70%;
  min-height: 400px
}

  #ticket-new-main .ticket-new-header {
    padding: 4px 24px;
    border-bottom: 1px solid #EBEFF3
  }

  #ticket-new-main #ticket-new-body {
    padding: 16px
  }

    #ticket-new-main #ticket-new-body .dynamic-section-container fieldset {
      padding: 0;
      margin-left: 0
    }

  #ticket-new-main label {
    word-break: break-word
  }

  #ticket-new-main .default_department, #ticket-new-main .custom_lookup, #ticket-new-main .custom_multi_lookup {
    position: relative
  }

    #ticket-new-main .default_department .lookup-field-clear, #ticket-new-main .custom_lookup .lookup-field-clear, #ticket-new-main .custom_multi_lookup .lookup-field-clear {
      position: absolute;
      top: 30px;
      left: 264px;
      background: none;
      font-size: 12px;
      line-height: 18px;
      font-weight: 700
    }

      #ticket-new-main .default_department .lookup-field-clear.hide, #ticket-new-main .custom_lookup .lookup-field-clear.hide, #ticket-new-main .custom_multi_lookup .lookup-field-clear.hide {
        display: none
      }

    #ticket-new-main .custom_lookup .level1, #ticket-new-main .custom_multi_lookup .level1 {
      margin-left: 8px !important
    }

    #ticket-new-main .custom_lookup .level2, #ticket-new-main .custom_multi_lookup .level2 {
      margin-left: 16px !important
    }

    #ticket-new-main .custom_lookup .level3, #ticket-new-main .custom_multi_lookup .level3 {
      margin-left: 24px !important
    }

    #ticket-new-main .custom_lookup .level4, #ticket-new-main .custom_multi_lookup .level4 {
      margin-left: 32px !important
    }

  #ticket-new-main .control-element:not(.date-time-box) {
    max-width: 800px;
    width: 100%;
    box-sizing: border-box
  }

    #ticket-new-main .control-element:not(.date-time-box) input, #ticket-new-main .control-element:not(.date-time-box) textarea {
      width: 100%;
      box-sizing: border-box
    }

    #ticket-new-main .control-element:not(.date-time-box).power-select-container {
      max-width: 250px
    }

  #ticket-new-main .content {
    word-break: break-word;
    -ms-word-wrap: break-word
  }

  #ticket-new-main .default_requester .control-element {
    max-width: 100%
  }

    #ticket-new-main .default_requester .control-element input {
      max-width: 800px;
      margin-top: 4px;
      margin-bottom: 8px
    }

      #ticket-new-main .default_requester .control-element input.error {
        border: 1px solid #D72D30
      }

    #ticket-new-main .default_requester .control-element .power-select-trigger input {
      margin-top: 0
    }

  #ticket-new-main .default_requester .req-text-container {
    display: flex;
    align-items: flex-start;
    padding-top: 4px
  }

    #ticket-new-main .default_requester .req-text-container .power-select-container {
      margin: 0
    }

  #ticket-new-main .default_requester .req-search {
    flex-basis: 800px
  }

  #ticket-new-main .default_requester #ticket-add-cc {
    min-width: 80px;
    width: auto;
    margin: 4px 8px;
    padding: 8px;
    border-radius: 4px
  }

  #ticket-new-main .default_requester #cc-container {
    margin: 16px 0 8px 0;
    display: none;
    max-width: 800px
  }

    #ticket-new-main .default_requester #cc-container.show {
      display: block;
      display: flex
    }

    #ticket-new-main .default_requester #cc-container .cc-emails-label {
      flex-grow: 1;
      min-width: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #EBEFF3;
      border: 1px solid #CFD7DF;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      border-right: 0
    }

    #ticket-new-main .default_requester #cc-container .cc-emails-container {
      flex: 50;
      position: relative
    }

      #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select {
        max-width: none;
        min-width: auto;
        margin: 0
      }

        #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .power-select-trigger {
          background: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0
        }

          #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .power-select-trigger .search-select {
            position: static
          }

          #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .power-select-trigger input[type="text"] {
            margin: 2px 0
          }

        #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .multiselect-list {
          margin-right: -4px
        }

          #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .multiselect-list li {
            margin-left: 6px
          }

            #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .multiselect-list li span {
              vertical-align: baseline
            }

          #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .multiselect-list .external-email {
            display: flex;
            position: relative;
            align-items: center
          }

            #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .multiselect-list .external-email::after {
              content: url(https://assets8.freshservice.com/assets/portal_v2/warning-6b1f5d0ed4a684977ff7fee2f0cfd08115686dc3f21bd66d0bbf61015050e5bd.svg);
              width: 14px;
              height: 14px;
              position: absolute
            }

            #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .multiselect-list .external-email .value {
              margin-left: 26px
            }

            #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .multiselect-list .external-email.fs-tooltip::before {
              background: #12344D;
              border-radius: 4px;
              line-height: 20px;
              white-space: nowrap;
              padding: 2px 8px;
              left: 0;
              width: auto
            }

        #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .power-select-option {
          padding: 8px 12px !important
        }

          #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .power-select-option p {
            padding: 0
          }

        #ticket-new-main .default_requester #cc-container .cc-emails-container .power-select .ficon-chevron-down {
          display: none
        }

    #ticket-new-main .default_requester #cc-container .cc-option-title {
      font-weight: 500;
      margin-bottom: 4px
    }

    #ticket-new-main .default_requester #cc-container .cc-option-danger {
      color: #C13E1B
    }

  #ticket-new-main .default_requester #name_field {
    opacity: 0;
    z-index: 1;
    height: 0;
    display: none;
    transition: 0.75s ease;
    transform: translateY(-80px);
    animation: 0.2s ease-in-out closeUp forwards;
    margin: 8px 0
  }

    #ticket-new-main .default_requester #name_field input {
      display: block;
      margin-top: 4px
    }

    #ticket-new-main .default_requester #name_field.slideDown {
      opacity: 1;
      animation: 0.2s ease-in-out openDown forwards;
      height: auto;
      transform: translateY(0);
      transition: 0.75s linear opacity
    }

  #ticket-new-main #ticket-new-associate-asset {
    padding: 8px 12px;
    margin: 0 1px
  }

    #ticket-new-main #ticket-new-associate-asset ul {
      max-height: 300px;
      overflow: auto;
      list-style: none
    }

      #ticket-new-main #ticket-new-associate-asset ul li {
        border: none;
        color: var(--textColor);
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 5px 10px 0
      }

    #ticket-new-main #ticket-new-associate-asset #ticket-new-asso-asset-btn {
      font-weight: 700
    }

      #ticket-new-main #ticket-new-associate-asset #ticket-new-asso-asset-btn:disabled {
        cursor: not-allowed
      }

    #ticket-new-main #ticket-new-associate-asset button {
      padding: 0;
      background: none;
      border: none;
      font-size: 14px;
      line-height: 21px;
      letter-spacing: 0;
      color: #1D4289;
      text-align: left;
      cursor: pointer;
      display: flex
    }

      #ticket-new-main #ticket-new-associate-asset button div {
        flex: auto;
        min-width: 18px;
        padding-right: 10px
      }

      #ticket-new-main #ticket-new-associate-asset button sup.required-star {
        font-size: 14px;
        margin-left: -10px
      }

  #ticket-new-main .default_description div.error {
    display: block;
    margin-top: 8px
  }

  #ticket-new-main fieldset.checkbox {
    margin: 8px 0
  }

    #ticket-new-main fieldset.checkbox .control-element, #ticket-new-main fieldset.checkbox .control-label {
      width: auto
    }

    #ticket-new-main fieldset.checkbox .control-label {
      padding-left: 8px
    }

    #ticket-new-main fieldset.checkbox div.error {
      display: block;
      margin-top: 8px
    }

  #ticket-new-main .recaptcha-area {
    padding: 8px
  }

  #ticket-new-main .btn-container {
    text-align: right
  }

    #ticket-new-main .btn-container input {
      min-width: auto;
      padding: 8px 24px
    }

    #ticket-new-main .btn-container #btn-submit {
      margin-left: 16px
    }

      #ticket-new-main .btn-container #btn-submit:disabled {
        cursor: not-allowed
      }

  #ticket-new-main .results-loader {
    display: block;
    min-height: 50vh;
    padding-left: 0;
    margin-left: 0
  }

    #ticket-new-main .results-loader .inner-row div {
      margin-left: 0
    }

    #ticket-new-main .results-loader.ws-fields-loader {
      min-height: 100px;
      padding-left: 16px
    }

aside.suggested-articles {
  min-width: 25%;
  max-width: 312px;
  padding: 16px;
  box-sizing: border-box;
  background-color: #F5F7F9;
  display: inline-block;
  vertical-align: top
}

  aside.suggested-articles h2 {
    font-weight: 500
  }

  aside.suggested-articles.empty-list .illustration-container, aside.suggested-articles.soln-count-0 .illustration-container {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 300px;
    background: url(https://assets9.freshservice.com/assets/portal_v2/solution-suggest-244f8f354d39ba9e0a0b38926dc19e3c30a70e36b65b322b6ec285ad00bd224c.svg) no-repeat;
    background-position: center 40px;
    background-size: 152px;
    padding: 16px;
    padding-top: 240px;
    text-align: center;
    box-sizing: border-box
  }

    aside.suggested-articles.empty-list .illustration-container h2, aside.suggested-articles.soln-count-0 .illustration-container h2 {
      font-size: 14px
    }

  aside.suggested-articles.empty-list .results-title, aside.suggested-articles.soln-count-0 .results-title {
    display: none
  }

  aside.suggested-articles.empty-list #suggested-aricles-list, aside.suggested-articles.soln-count-0 #suggested-aricles-list {
    display: none
  }

  aside.suggested-articles.empty-list .articles-not-found, aside.suggested-articles.soln-count-0 .help-text {
    display: none
  }

  aside.suggested-articles .illustration-container {
    display: none
  }

  aside.suggested-articles #suggested-aricles-list {
    padding-top: 1px
  }

    aside.suggested-articles #suggested-aricles-list li {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
      -moz-box-align: baseline;
      -ms-flex-align: baseline;
      -webkit-align-items: baseline;
      align-items: baseline;
      margin: 0
    }

      aside.suggested-articles #suggested-aricles-list li a.link, aside.suggested-articles #suggested-aricles-list li .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size a.retry, .fs-attachment div.attachments-content .attachment-item .attachment-info .attachment-section .attachment-size aside.suggested-articles #suggested-aricles-list li a.retry, aside.suggested-articles #suggested-aricles-list li .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size a.retry, .fs-attachment div.attachments-error-content .attachment-item .attachment-info .attachment-section .attachment-size aside.suggested-articles #suggested-aricles-list li a.retry, aside.suggested-articles #suggested-aricles-list li .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size a.retry, .fs-attachment div.attachments-invalid-ext-content .attachment-item .attachment-info .attachment-section .attachment-size aside.suggested-articles #suggested-aricles-list li a.retry, aside.suggested-articles #suggested-aricles-list li .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form a.lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form aside.suggested-articles #suggested-aricles-list li a.lookup-field-clear, aside.suggested-articles #suggested-aricles-list li .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form a.lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card .detail-card-info #requested-items .requested-item .requested-item-edit-form aside.suggested-articles #suggested-aricles-list li a.lookup-field-clear, aside.suggested-articles #suggested-aricles-list li .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update a.lookup-field-clear, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update aside.suggested-articles #suggested-aricles-list li a.lookup-field-clear, aside.suggested-articles #suggested-aricles-list li #service-request-container a.btn-clear, #service-request-container aside.suggested-articles #suggested-aricles-list li a.btn-clear, aside.suggested-articles #suggested-aricles-list li #service-request-container a.lookup-field-clear, #service-request-container aside.suggested-articles #suggested-aricles-list li a.lookup-field-clear, aside.suggested-articles #suggested-aricles-list li #service-request-container .service-container .service-item-details .service-details .service-description a.read-more, #service-request-container .service-container .service-item-details .service-details .service-description aside.suggested-articles #suggested-aricles-list li a.read-more, aside.suggested-articles #suggested-aricles-list li #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description a.read-more, #service-request-container .service-container .bundle-container .bundle-items-container .bundle-section .expanded-state .bundle-item-description aside.suggested-articles #suggested-aricles-list li a.read-more, aside.suggested-articles #suggested-aricles-list li #service-request-container .service-container .bundle-container .bundle-items-container a.load-more, #service-request-container .service-container .bundle-container .bundle-items-container aside.suggested-articles #suggested-aricles-list li a.load-more, aside.suggested-articles #suggested-aricles-list li #ticket-new-main .default_department a.lookup-field-clear, #ticket-new-main .default_department aside.suggested-articles #suggested-aricles-list li a.lookup-field-clear, aside.suggested-articles #suggested-aricles-list li #ticket-new-main .custom_lookup a.lookup-field-clear, #ticket-new-main .custom_lookup aside.suggested-articles #suggested-aricles-list li a.lookup-field-clear, aside.suggested-articles #suggested-aricles-list li #ticket-new-main .custom_multi_lookup a.lookup-field-clear, #ticket-new-main .custom_multi_lookup aside.suggested-articles #suggested-aricles-list li a.lookup-field-clear {
        display: inline-block;
        padding: 8px
      }

#ticket-add-cc {
  background: #fff
}

.inactive-section {
  display: none !important
}

fieldset.ticket-field label {
  font-weight: 700;
  font-size: 12px
}

fieldset.ticket-field.text input, fieldset.ticket-field.decimal input, fieldset.ticket-field.number input {
  margin-top: 4px
}

fieldset.ticket-field .power-select-container, fieldset.ticket-field .date-time-box {
  margin-top: 4px
}

  fieldset.ticket-field .power-select-container .hasDatePicker, fieldset.ticket-field .date-time-box .hasDatePicker {
    color: var(--textColor);
    font-family: var(--baseFont)
  }

  fieldset.ticket-field .date-time-box.error-field-highlight div.datepicker-container, fieldset.ticket-field .date-time-box.error-field-highlight div.timepicker-select > div.power-select-trigger {
    border: 1px solid #D72D30;
    border-radius: 4px
  }

fieldset.ticket-field .fr-box.fr-basic {
  border: 1px solid #7B8E9F;
  margin-top: 4px
}

  fieldset.ticket-field .fr-box.fr-basic .fr-placeholder {
    color: #475867
  }

  fieldset.ticket-field .fr-box.fr-basic > div {
    border: none
  }

  fieldset.ticket-field .fr-box.fr-basic.focus-color {
    border: 1px solid #2C5CC5
  }

fieldset.ticket-field .error:not(div), fieldset.ticket-field .error-highlight {
  border: 1px solid #D72D30;
  border-radius: 4px
}

#asset-associate-modal {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0
}

  #asset-associate-modal .modal-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
  }

  #asset-associate-modal .modal-header {
    padding: 32px 32px 16px
  }

    #asset-associate-modal .modal-header h3 {
      color: #12344D;
      font-size: 24px;
      line-height: 36px;
      font-weight: 500;
      margin: 0
    }

    #asset-associate-modal .modal-header .close {
      background: url(https://assets8.freshservice.com/assets/portal_v2/cross-cbd22cba9c6f51c9bf0772e126242b01e26e70596bf2506562279b3cdd13d185.svg);
      height: 32px;
      width: 32px;
      border: unset;
      float: right;
      cursor: pointer
    }

  #asset-associate-modal .modal-body {
    padding: 0 32px;
    overflow: auto
  }

    #asset-associate-modal .modal-body .tablist {
      margin-top: 8px;
      border-bottom: 1px solid #CFD7DF
    }

      #asset-associate-modal .modal-body .tablist button {
        border: 0;
        background: unset;
        cursor: pointer;
        padding: 8px 0;
        color: #475867;
        font-weight: 600
      }

        #asset-associate-modal .modal-body .tablist button.active {
          color: #2C5CC5;
          border-bottom: 2px solid #2C5CC5;
          border-radius: 2px;
          margin-bottom: -1px
        }

        #asset-associate-modal .modal-body .tablist button:not(:first-child) {
          margin-left: 16px
        }

    #asset-associate-modal .modal-body .tabs-content {
      height: calc(100% - 100px)
    }

      #asset-associate-modal .modal-body .tabs-content .tabpanel {
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
      }

        #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader {
          display: none;
          overflow: auto
        }

          #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader.search-loading, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader.is-loading, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader.loading {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
          }

          #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader.loading {
            border-bottom: 1px solid #DADFE3
          }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader.loading table tr th {
              height: 36px;
              width: 33%
            }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader.loading table tr th:nth-child(1) {
                width: 42px
              }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader.loading .shimmer-loader-item {
              background: #EBEFF3;
              border-radius: 100px;
              height: 14px;
              width: 100%;
              animation: assetAssociateTableShimmer 1.2s linear infinite
            }

        #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-my-asset-empty-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #search-myassets-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-search-asset-empty-img {
          margin: auto;
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -moz-box-direction: normal;
          -moz-box-orient: vertical;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column
        }

          #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-my-asset-empty-img.hide, #asset-associate-modal .modal-body .tabs-content .tabpanel #search-myassets-img.hide, #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-search-asset-empty-img.hide {
            display: none !important
          }

          #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-my-asset-empty-img .empty-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #search-myassets-img .empty-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-search-asset-empty-img .empty-img {
            background-image: url(https://assets1.freshservice.com/assets/portal_v2/empty_asset-c93f29bd5bb550cdd71273eb5ef18c128027a4d0eeaca04719da7d1863ac4921.svg)
          }

          #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-my-asset-empty-img .search-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #search-myassets-img .search-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-search-asset-empty-img .search-img {
            background-image: url(https://assets8.freshservice.com/assets/portal/search_other_assets-ac26b359f286cbcf427ce8481c40c256660c63c72a648c52809495928e9625fb.svg)
          }

          #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-my-asset-empty-img .empty-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-my-asset-empty-img .search-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #search-myassets-img .empty-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #search-myassets-img .search-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-search-asset-empty-img .empty-img, #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-search-asset-empty-img .search-img {
            margin: auto;
            background-repeat: no-repeat;
            height: 143px;
            width: 170px;
            background-position: center;
            background-size: contain
          }

          #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-my-asset-empty-img .empty-text, #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-my-asset-empty-img .search-text, #asset-associate-modal .modal-body .tabs-content .tabpanel #search-myassets-img .empty-text, #asset-associate-modal .modal-body .tabs-content .tabpanel #search-myassets-img .search-text, #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-search-asset-empty-img .empty-text, #asset-associate-modal .modal-body .tabs-content .tabpanel #associte-search-asset-empty-img .search-text {
            margin-top: 12px;
            letter-spacing: 0;
            text-align: center;
            color: #475867
          }

        #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader {
          height: 100%;
          width: 100%;
          margin-top: 24px;
          box-sizing: border-box
        }

          #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper#associate-searchasset-table_wrapper, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader#associate-searchasset-table_wrapper {
            height: calc(100% - 32px)
          }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper#associate-searchasset-table_wrapper.with-pagination, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader#associate-searchasset-table_wrapper.with-pagination {
              height: calc(100% - 56px)
            }

          #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table {
            width: 100%;
            table-layout: fixed;
            border-collapse: separate;
            border-spacing: 0
          }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table thead tr, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table thead tr {
              position: sticky;
              top: 0;
              z-index: 3
            }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table th, #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table td, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table th, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table td {
              font-size: 12px;
              color: #12344D;
              text-align: left;
              box-sizing: border-box
            }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table th.fixed-col, #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table td.fixed-col, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table th.fixed-col, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table td.fixed-col {
                position: sticky;
                z-index: 1;
                font-weight: 500
              }

                #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table th.fixed-col:first-child, #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table td.fixed-col:first-child, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table th.fixed-col:first-child, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table td.fixed-col:first-child {
                  left: 0
                }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table th:nth-child(2), #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table td:nth-child(2), #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table th:nth-child(2), #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table td:nth-child(2) {
                border-right: 1px solid #DADFE3
              }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table th.checkbox_col, #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table td.checkbox_col, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table th.checkbox_col, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table td.checkbox_col {
                width: 42px !important
              }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table.scrolling th.fixed-col:nth-child(2), #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table.scrolling td.fixed-col:nth-child(2), #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table.scrolling th.fixed-col:nth-child(2), #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table.scrolling td.fixed-col:nth-child(2) {
              box-shadow: 2px 0px 4px rgba(0,0,0,0.08)
            }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table tr th, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table tr th {
              font-weight: 500;
              background-color: #F5F7F9;
              border: 1px solid #DADFE3;
              border-left-width: 0;
              padding: 10px 12px
            }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table tr th:first-child, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table tr th:first-child {
                border-left-width: 1px;
                border-right-width: 0;
                border-top-left-radius: 4px
              }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table tr th:last-child, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table tr th:last-child {
                border-top-right-radius: 4px
              }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table tr th.fixed-col, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table tr th.fixed-col {
                background-color: #F5F7F9
              }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table tr td, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table tr td {
              border-bottom: 1px solid #DADFE3;
              padding: 12px
            }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table tr td:first-child, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table tr td:first-child {
                font-weight: 500;
                border-left: 1px solid #DADFE3
              }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table tr td:last-child, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table tr td:last-child {
                border-right: 1px solid #DADFE3
              }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table tr td.fixed-col, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table tr td.fixed-col {
                background-color: #fff
              }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table tr:last-child td:first-child, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table tr:last-child td:first-child {
              border-bottom-left-radius: 4px
            }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper table tr:last-child td:last-child, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader table tr:last-child td:last-child {
              border-bottom-right-radius: 4px
            }

          #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate {
            position: absolute;
            bottom: -32px;
            z-index: 3;
            width: 100%
          }

            #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full {
              display: -webkit-box;
              display: -moz-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              -webkit-box-direction: normal;
              -webkit-box-orient: horizontal;
              -moz-box-direction: normal;
              -moz-box-orient: horizontal;
              -webkit-flex-direction: row;
              -ms-flex-direction: row;
              flex-direction: row;
              margin-top: 16px
            }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full a, #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full span, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full a, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full span {
                color: #475867;
                cursor: pointer;
                text-decoration: unset
              }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full .prev_page, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full .prev_page {
                padding-right: 32px;
                font-weight: 600
              }

                #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full .prev_page i, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full .prev_page i {
                  padding-right: 4px;
                  font-size: 12px
                }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full .paginate_numbers .paginate_number, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full .paginate_numbers .paginate_number {
                padding-right: 16px;
                padding: 4px 8px;
                margin-right: 16px
              }

                #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full .paginate_numbers .paginate_number:hover, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full .paginate_numbers .paginate_number:hover {
                  background-color: #EBEFF3
                }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full .paginate_numbers .current, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full .paginate_numbers .current {
                border-radius: 4px;
                padding: 4px 8px;
                margin-right: 16px;
                color: #fff;
                background-color: #2C5CC5
              }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full .paginate_button.disabled, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full .paginate_button.disabled {
                cursor: not-allowed !important;
                opacity: 0.6
              }

              #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full .next_page, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full .next_page {
                padding-left: 16px;
                font-weight: 600
              }

                #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper .dataTables_paginate .toolbar_pagination_full .next_page i, #asset-associate-modal .modal-body .tabs-content .tabpanel .table-loader .dataTables_paginate .toolbar_pagination_full .next_page i {
                  padding-left: 4px;
                  font-size: 12px
                }

        #asset-associate-modal .modal-body .tabs-content .tabpanel .dataTables_wrapper {
          overflow: auto
        }

        #asset-associate-modal .modal-body .tabs-content .tabpanel .search-box {
          width: 100%;
          margin-top: 16px;
          position: relative
        }

          #asset-associate-modal .modal-body .tabs-content .tabpanel .search-box .ficon-search {
            left: 12px;
            top: 18px;
            position: absolute
          }

          #asset-associate-modal .modal-body .tabs-content .tabpanel .search-box input {
            width: 100%;
            padding-left: 32px;
            font-size: 12px;
            line-height: 18px;
            font-weight: 400;
            color: #475867;
            box-sizing: border-box;
            border: 1px solid #CFD7DF;
            box-shadow: unset;
            margin-bottom: 0
          }

          #asset-associate-modal .modal-body .tabs-content .tabpanel .search-box .enter-to-search {
            position: absolute;
            font-size: 12px;
            padding-top: 4px;
            color: #475867
          }

    #asset-associate-modal .modal-body .is-loading {
      height: 100%;
      width: 100%
    }

      #asset-associate-modal .modal-body .is-loading::before, #asset-associate-modal .modal-body .is-loading::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2
      }

      #asset-associate-modal .modal-body .is-loading::before {
        background-color: rgba(220,220,220,0.1)
      }

      #asset-associate-modal .modal-body .is-loading::after {
        margin: auto;
        height: 16px;
        width: 16px;
        background: url(https://assets3.freshservice.com/assets/loading.svg) no-repeat;
        animation: tableSpinLoaderAnimation 0.7s linear infinite
      }

  #asset-associate-modal .modal-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -moz-box-pack: right;
    -ms-flex-pack: right;
    -webkit-justify-content: right;
    justify-content: right;
    background-color: #F5F7F9;
    border-top: 0;
    padding: 10px 32px
  }

    #asset-associate-modal .modal-footer button {
      padding: 8px 12px
    }

      #asset-associate-modal .modal-footer button#submit_btn {
        margin-left: 8px
      }

      #asset-associate-modal .modal-footer button.disabled {
        cursor: not-allowed
      }

  #asset-associate-modal .fs-overflow-tooltip {
    position: fixed;
    z-index: 999
  }

body[page="change_create"] #asset-associate-modal {
  z-index: 1041
}

  body[page="change_create"] #asset-associate-modal .modal-header .close {
    position: static;
    border: 0;
    box-shadow: unset
  }

    body[page="change_create"] #asset-associate-modal .modal-header .close::before {
      content: unset
    }

  body[page="change_create"] #asset-associate-modal .modal-body .tabs-content .search-box .ficon-search {
    top: 16px
  }

@media (min-width: 0) and (max-width: 786px) {
  #asset-associate-modal .modal-content {
    width: 100% !important;
    right: -100%
  }
}

@media (min-width: 768px) {
  #asset-associate-modal .modal-content {
    width: 700px !important;
    right: -700px
  }
}

@media (min-width: 992px) {
  #asset-associate-modal .modal-content {
    width: 800px !important;
    right: -800px
  }
}

@media (min-width: 1400px) {
  #asset-associate-modal .modal-content {
    width: 900px !important;
    right: -900px
  }
}

@keyframes tableSpinLoaderAnimation {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes assetAssociateTableShimmer {
  0%, 100% {
    opacity: 1
  }

  50% {
    opacity: 0.5
  }
}

#sec-approval-list {
  max-width: 1408px;
  margin: 16px auto
}

  #sec-approval-list .approvalpage-header {
    font-size: 12px;
    padding: 8px 24px;
    height: 104px;
    box-sizing: border-box;
    border: 1px solid #EBEFF3;
    box-shadow: 0 4px 6px -6px rgba(207,215,223,0.81)
  }

    #sec-approval-list .approvalpage-header .approvalpage-filter .approval-filter-container .menu {
      min-width: 192px
    }

    #sec-approval-list .approvalpage-header .approvalpage-filter #approval-filter {
      font-weight: 500;
      font-size: 16px;
      line-height: 24px
    }

      #sec-approval-list .approvalpage-header .approvalpage-filter #approval-filter h2 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        padding: 0
      }

      #sec-approval-list .approvalpage-header .approvalpage-filter #approval-filter:after {
        margin-top: -4px
      }

    #sec-approval-list .approvalpage-header .approvalpage-filter #approval-filter-options {
      margin-top: -10px
    }

    #sec-approval-list .approvalpage-header .approvalpage-filter .menu-container button {
      background-color: transparent
    }

  #sec-approval-list .page-body {
    min-height: 70vh;
    display: flex;
    flex-direction: column
  }

    #sec-approval-list .page-body.no-result .no-approvalresult-container {
      display: block
    }

    #sec-approval-list .page-body.no-result ul, #sec-approval-list .page-body.no-result nav {
      display: none
    }

    #sec-approval-list .page-body .results-loader.row {
      padding: 0
    }

    #sec-approval-list .page-body .hide {
      display: none
    }

.no-approvalresult-container {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 290px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 24px;
  background: url(https://assets5.freshservice.com/assets/portal_v2/approvals-list-empty-34258839720d4869d33a6cd44001012d16235eafc65cffdea5fa9b3a405e8982.svg) no-repeat;
  background-size: 200px;
  background-position: center 40px
}

.display-id {
  font-size: 14px
}

ul.approval_list-container {
  margin: auto;
  margin-left: 8px;
  width: 99%;
  margin-top: 2px
}

  ul.approval_list-container li {
    display: block;
    position: relative;
    border-radius: 4px;
    border: 1px solid #EBEFF3;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #EBEFF3
  }

    ul.approval_list-container li a {
      display: block;
      padding: 16px;
      text-decoration: none;
      color: var(--textColor)
    }

      ul.approval_list-container li a:hover {
        background-color: #F5F7F9
      }

    ul.approval_list-container li h3, ul.approval_list-container li p {
      padding-right: 104px
    }

    ul.approval_list-container li h3 {
      font-size: 14px
    }

    ul.approval_list-container li h3 {
      margin: 0;
      padding: 0;
      word-break: break-all;
      width: calc(100% - 132px)
    }

    ul.approval_list-container li p {
      margin-top: 8px
    }

body[page='not_found'] {
  background: #fafafa;
  color: #333;
  -webkit-font-smoothing: antialiased
}

  body[page='not_found'] header, body[page='not_found'] footer {
    display: none
  }

.not-found-page {
  margin: 54px auto;
  width: 600px;
  padding: 8px 20px 30px 20px;
  max-width: 700px;
  text-align: center
}

  .not-found-page .not-found-bg {
    background: url(https://assets1.freshservice.com/assets/portal_v2/not-found-48962f28cb9f7c743175c9c4804b2c3f03a73adba31756d573574d4673995df4.svg) no-repeat;
    background-position: center;
    height: 364px
  }

  .not-found-page h1 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.51px;
    line-height: 35px;
    margin: 16px 0 0 0
  }

  .not-found-page p {
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    margin: 10px 0 0 0
  }

  .not-found-page a {
    font-size: 14px;
    letter-spacing: 0.3px;
    background-color: #24364a;
    border-radius: 57px;
    color: #fff;
    text-decoration: none;
    padding: 10px 21px;
    display: inline-block;
    margin-top: 20px
  }

    .not-found-page a:hover {
      background-color: #141C30
    }

body[page='internal_server_error'] {
  background-image: url(https://assets7.freshservice.com/assets/portal_v2/internal-server-error-bg-7ef9e83a07cc8f9fc34bb16e5ab8bc4f5e8dabd5d0a87b3ba1a59ebe1b8d0ddd.png)
}

  body[page='internal_server_error'] header, body[page='internal_server_error'] footer {
    display: none
  }

.internal-server-error-page {
  margin: 150px auto;
  height: 245px;
  width: 1006px;
  text-align: center;
  background: url(https://assets9.freshservice.com/assets/portal_v2/internal-server-error-5437510b6d4a9e0408bae99cc72e42f10ffa26d434a50a26dbf6a71cfe76c379.svg) no-repeat
}

  .internal-server-error-page .content {
    margin-top: 75px;
    text-align: center;
    line-height: 1.76;
    margin-left: 285px;
    display: inline-block
  }

    .internal-server-error-page .content h1 {
      margin: 0;
      font-size: 31px;
      color: #f33;
      font-weight: 200
    }

    .internal-server-error-page .content p {
      color: #333;
      font-size: 20px;
      margin: 0;
      font-weight: 200;
      margin-top: 6px
    }

.timeout-error-page {
  margin: 150px auto;
  height: 245px;
  text-align: center
}

  .timeout-error-page .timeout-page-bg {
    background: url(https://assets9.freshservice.com/assets/portal_v2/session_expired-26555e1e5e4f425b2368f831059f0a3cf9ead19ca121da0446d3f7c30cb18076.svg) no-repeat;
    background-position: center;
    height: 100px
  }

  .timeout-error-page a#reload-iframe {
    cursor: pointer
  }

@media only screen and (max-width: 767px) {
  #home-page-container #hero-banner {
    padding: 0;
    padding-top: 96px;
    margin-top: -128px;
    height: 100%
  }

    #home-page-container #hero-banner .hero-banner-container {
      height: 100%;
      padding: 32px 16px;
      padding-top: 0;
      margin-top: 32px;
      top: 0;
      bottom: 0;
      background-size: 40%
    }

      #home-page-container #hero-banner .hero-banner-container:before {
        background-size: 40%
      }

      #home-page-container #hero-banner .hero-banner-container h2 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 0;
        position: relative
      }

      #home-page-container #hero-banner .hero-banner-container #search-form {
        width: 100%
      }

        #home-page-container #hero-banner .hero-banner-container #search-form .ficon-search {
          top: 12px;
          left: 12px;
          font-size: 14px
        }

        #home-page-container #hero-banner .hero-banner-container #search-form input.search-input {
          font-size: 14px;
          height: auto;
          padding: 12px 12px 12px 32px
        }

      #home-page-container #hero-banner .hero-banner-container #announcement-banner {
        width: calc(100% - 8px);
        position: relative;
        margin: auto;
        margin-top: 12px;
        left: auto;
        transform: none
      }

        #home-page-container #hero-banner .hero-banner-container #announcement-banner .announcement-link {
          width: 100%
        }

          #home-page-container #hero-banner .hero-banner-container #announcement-banner .announcement-link .announcement-latest {
            width: 100%;
            box-sizing: border-box;
            border-right: 0 !important;
            margin-bottom: 4px
          }

            #home-page-container #hero-banner .hero-banner-container #announcement-banner .announcement-link .announcement-latest .announcement-postedby-img {
              display: none
            }

            #home-page-container #hero-banner .hero-banner-container #announcement-banner .announcement-link .announcement-latest .announcement-content {
              width: 100%;
              white-space: normal
            }

              #home-page-container #hero-banner .hero-banner-container #announcement-banner .announcement-link .announcement-latest .announcement-content .announcement-title {
                font-size: 14px;
                line-height: 21px
              }

        #home-page-container #hero-banner .hero-banner-container #announcement-banner .announcement-show-all {
          width: 100%;
          padding: 8px 12px 12px 12px;
          box-sizing: border-box
        }

        #home-page-container #hero-banner .hero-banner-container #announcement-banner .announcement-banner-container {
          flex-direction: column;
          box-sizing: border-box
        }

  #home-page-container #cards-banner {
    padding: 16px 0;
    width: 100%;
    max-width: none
  }

    #home-page-container #cards-banner .card {
      width: calc(100% - 32px);
      margin: 16px 0;
      padding: 16px 12px
    }

    #home-page-container #cards-banner.banner-1, #home-page-container #cards-banner.banner-2, #home-page-container #cards-banner.banner-3 {
      padding: 0
    }

  #home-page-container #ticket-list-container #page-ticket-list > li > a h3, #home-page-container #ticket-list-container #page-changes-list > li > a h3, #home-page-container #ticket-list-container #page-onboarding-list > li > a h3, #home-page-container #ticket-list-container #page-offboarding-list > li > a h3, #home-page-container #change-list-container #page-ticket-list > li > a h3, #home-page-container #change-list-container #page-changes-list > li > a h3, #home-page-container #change-list-container #page-onboarding-list > li > a h3, #home-page-container #change-list-container #page-offboarding-list > li > a h3, #home-page-container #onboard-list-container #page-ticket-list > li > a h3, #home-page-container #onboard-list-container #page-changes-list > li > a h3, #home-page-container #onboard-list-container #page-onboarding-list > li > a h3, #home-page-container #onboard-list-container #page-offboarding-list > li > a h3, #home-page-container #ofboard-list-container #page-ticket-list > li > a h3, #home-page-container #ofboard-list-container #page-changes-list > li > a h3, #home-page-container #ofboard-list-container #page-onboarding-list > li > a h3, #home-page-container #ofboard-list-container #page-offboarding-list > li > a h3 {
    width: 100%
  }

  #home-page-container #ticket-list-container #page-ticket-list > li > a p, #home-page-container #ticket-list-container #page-changes-list > li > a p, #home-page-container #ticket-list-container #page-onboarding-list > li > a p, #home-page-container #ticket-list-container #page-offboarding-list > li > a p, #home-page-container #change-list-container #page-ticket-list > li > a p, #home-page-container #change-list-container #page-changes-list > li > a p, #home-page-container #change-list-container #page-onboarding-list > li > a p, #home-page-container #change-list-container #page-offboarding-list > li > a p, #home-page-container #onboard-list-container #page-ticket-list > li > a p, #home-page-container #onboard-list-container #page-changes-list > li > a p, #home-page-container #onboard-list-container #page-onboarding-list > li > a p, #home-page-container #onboard-list-container #page-offboarding-list > li > a p, #home-page-container #ofboard-list-container #page-ticket-list > li > a p, #home-page-container #ofboard-list-container #page-changes-list > li > a p, #home-page-container #ofboard-list-container #page-onboarding-list > li > a p, #home-page-container #ofboard-list-container #page-offboarding-list > li > a p {
    padding-right: 0
  }

  #home-page-container #ticket-list-container #page-ticket-list > li > a span.status, #home-page-container #ticket-list-container #page-changes-list > li > a span.status, #home-page-container #ticket-list-container #page-onboarding-list > li > a span.status, #home-page-container #ticket-list-container #page-offboarding-list > li > a span.status, #home-page-container #change-list-container #page-ticket-list > li > a span.status, #home-page-container #change-list-container #page-changes-list > li > a span.status, #home-page-container #change-list-container #page-onboarding-list > li > a span.status, #home-page-container #change-list-container #page-offboarding-list > li > a span.status, #home-page-container #onboard-list-container #page-ticket-list > li > a span.status, #home-page-container #onboard-list-container #page-changes-list > li > a span.status, #home-page-container #onboard-list-container #page-onboarding-list > li > a span.status, #home-page-container #onboard-list-container #page-offboarding-list > li > a span.status, #home-page-container #ofboard-list-container #page-ticket-list > li > a span.status, #home-page-container #ofboard-list-container #page-changes-list > li > a span.status, #home-page-container #ofboard-list-container #page-onboarding-list > li > a span.status, #home-page-container #ofboard-list-container #page-offboarding-list > li > a span.status {
    position: relative;
    transform: none;
    width: 100%;
    max-width: none;
    margin: 0;
    right: 0;
    left: 0;
    margin-top: 12px;
    display: block;
    box-sizing: border-box
  }

  #home-page-container #home-lists-container {
    padding: 24px
  }

    #home-page-container #home-lists-container .tabs-list {
      overflow: scroll;
      white-space: nowrap
    }
}

@media only screen and (max-width: 767px) {
  body[page='user_signup'] main .signup-container {
    box-sizing: border-box;
    padding: 24px;
    width: 100%
  }

    body[page='user_signup'] main .signup-container #signup-form input, body[page='user_signup'] main .signup-container #signup-form select, body[page='user_signup'] main .signup-container #signup-form textarea {
      box-sizing: border-box;
      width: calc(100% - 80px)
    }
}

@media only screen and (max-width: 767px) {
  body[page='catalog_items'] main #catalog-list-page {
    margin: 8px
  }

    body[page='catalog_items'] main #catalog-list-page #catalog-list-header {
      padding: 8px 12px 16px
    }

      body[page='catalog_items'] main #catalog-list-page #catalog-list-header #catalog-list-header-items {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
      }

        body[page='catalog_items'] main #catalog-list-page #catalog-list-header #catalog-list-header-items .catalog-image {
          min-width: 50px
        }

    body[page='catalog_items'] main #catalog-list-page #catalog-list-categories {
      display: none
    }

    body[page='catalog_items'] main #catalog-list-page #catalog-list-container {
      margin-left: 0
    }

      body[page='catalog_items'] main #catalog-list-page #catalog-list-container #catalog-list-items {
        padding: 4px
      }

        body[page='catalog_items'] main #catalog-list-page #catalog-list-container #catalog-list-items #list-category {
          display: none
        }

        body[page='catalog_items'] main #catalog-list-page #catalog-list-container #catalog-list-items #list-items .catalog-item {
          max-width: 100%
        }

      body[page='catalog_items'] main #catalog-list-page #catalog-list-container:not(.iframe-version) .categories-list-section {
        display: block;
        margin: 8px
      }

        body[page='catalog_items'] main #catalog-list-page #catalog-list-container:not(.iframe-version) .categories-list-section #categories-list-select {
          border-radius: 4px;
          height: 32px;
          width: 100%
        }

  body[page='catalog_items'] main #catalog-list-loader #catalog-list-container #catalog-list-categories {
    width: 50%
  }

  body[page='catalog_items'] main #catalog-list-loader #catalog-list-container #catalog-list-items {
    width: 50%
  }

    body[page='catalog_items'] main #catalog-list-loader #catalog-list-container #catalog-list-items .items {
      width: 100%
    }

      body[page='catalog_items'] main #catalog-list-loader #catalog-list-container #catalog-list-items .items:nth-child(2), body[page='catalog_items'] main #catalog-list-loader #catalog-list-container #catalog-list-items .items:nth-child(3) {
        display: none
      }
}

@media only screen and (max-width: 767px) {
  body[page='solutions_home'] #page-main .solutions-home-container {
    margin: 16px 8px 16px
  }

    body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-header {
      height: inherit;
      padding: 0 12px
    }

      body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-header .breadcrumbs-container ol {
        margin: 0
      }

      body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-header .solutions-summary {
        margin-bottom: 16px
      }

    body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-main-container .solutions-category-list-nav {
      display: none
    }

    body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-main-container .categories-list-solution-section {
      display: block;
      margin: 12px 12px 4px
    }

      body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-main-container .categories-list-solution-section #solutions-category-list-mobile {
        border-radius: 4px;
        height: 30px;
        max-width: none;
        width: 100%
      }

    body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-main-container .solutions-content-container {
      border: none;
      width: 100%
    }

      body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-main-container .solutions-content-container .solutions-category-title {
        display: none
      }

      body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-main-container .solutions-content-container .solutions-content-list {
        margin: 12px 12px 0;
        width: initial !important;
        height: inherit !important
      }

        body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-main-container .solutions-content-container .solutions-content-list .solutions-content-list-item {
          width: 100%;
          margin-bottom: 12px;
          position: inherit !important;
          backface-visibility: inherit !important;
          transform-style: inherit !important;
          transform: inherit !important
        }

    body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-main-container .solutions-loader-container .solutions-content-list {
      padding: 0
    }

      body[page='solutions_home'] #page-main .solutions-home-container .solutions-home-main-container .solutions-loader-container .solutions-content-list .loader-grid {
        margin: 0 0 12px 0
      }

  body[page='article_list'] main .folder-view-container {
    display: block
  }

    body[page='article_list'] main .folder-view-container .folder-container {
      margin: 8px;
      width: calc(100% - 16px)
    }

      body[page='article_list'] main .folder-view-container .folder-container .list-article {
        padding: 12px;
        min-height: auto
      }

        body[page='article_list'] main .folder-view-container .folder-container .list-article .articles-list-header-container {
          margin: 16px 0px
        }

    body[page='article_list'] main .folder-view-container .related-folders {
      margin: 8px;
      padding: 12px
    }

  body[page='article_view'] #page-main .articles-container {
    display: block;
    width: 100%
  }

    body[page='article_view'] #page-main .articles-container .articles-detail-container {
      width: calc(100% - 16px);
      margin: 8px;
      min-height: auto
    }

      body[page='article_view'] #page-main .articles-container .articles-detail-container .articles-detail-content {
        padding: 0 12px
      }

      body[page='article_view'] #page-main .articles-container .articles-detail-container #articles-options {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        overflow-y: auto
      }

        body[page='article_view'] #page-main .articles-container .articles-detail-container #articles-options .articles-feedback-region {
          padding: 24px 12px 0
        }

        body[page='article_view'] #page-main .articles-container .articles-detail-container #articles-options .articles-detail-print-btn {
          height: 25%;
          height: fit-content;
          margin: 24px 24px 0 auto
        }

    body[page='article_view'] #page-main .articles-container .articles-related-container {
      box-sizing: border-box;
      border: none;
      border-radius: 4px;
      position: relative;
      height: inherit;
      width: calc(100% - 16px);
      margin: 0 8px 8px
    }

      body[page='article_view'] #page-main .articles-container .articles-related-container .articles-related-header-container {
        padding: 12px
      }
}

@media only screen and (max-width: 1203px) {
  #solutions-category-list-wrap-ele {
    width: 35% !important
  }

  .solutions-category-list-nav {
    width: 100% !important
  }

    .solutions-category-list-nav .solutions-category-list-item {
      margin: 4px 12px
    }

  .solutions-content-container {
    width: 65%
  }

  .articles-detail-container {
    flex: 2
  }
}

@media only screen and (max-width: 767px) {
  body[page='submit_ticket'] main#page-main {
    display: block
  }

    body[page='submit_ticket'] main#page-main #ticket-new-main {
      width: calc(100% - 16px);
      margin: 8px
    }

      body[page='submit_ticket'] main#page-main #ticket-new-main .ticket-new-header {
        padding: 4px 12px
      }

      body[page='submit_ticket'] main#page-main #ticket-new-main #ticket-new-body {
        padding: 12px
      }

        body[page='submit_ticket'] main#page-main #ticket-new-main #ticket-new-body .ticket-field select {
          border-radius: 4px;
          display: inline-block !important;
          height: 30px;
          margin: 4px 0 8px 0;
          max-width: 250px;
          width: 100%
        }

        body[page='submit_ticket'] main#page-main #ticket-new-main #ticket-new-body .req-text-container #ticket-add-cc {
          float: right;
          min-width: inherit
        }

        body[page='submit_ticket'] main#page-main #ticket-new-main #ticket-new-body .subject-solution-info {
          float: right;
          color: var(--linkColor);
          font-weight: 500
        }

        body[page='submit_ticket'] main#page-main #ticket-new-main #ticket-new-body #cc_container {
          width: 100%;
          margin-top: 24px
        }

        body[page='submit_ticket'] main#page-main #ticket-new-main #ticket-new-body fieldset {
          padding: 4px 0
        }

    body[page='submit_ticket'] main#page-main .suggested-articles {
      max-width: inherit;
      margin: 8px;
      width: calc(100% - 16px)
    }

    body[page='submit_ticket'] main#page-main .timepicker-select {
      display: none
    }
}

@media only screen and (max-width: 767px) {
  body[page='ticket_list'] main #sec-ticket-list {
    margin: 8px
  }

    body[page='ticket_list'] main #sec-ticket-list .page-header {
      padding: 16px 12px
    }

      body[page='ticket_list'] main #sec-ticket-list .page-header .ticket-interaction-container, body[page='ticket_list'] main #sec-ticket-list .page-header .change-interaction-container {
        display: block;
        width: auto
      }

        body[page='ticket_list'] main #sec-ticket-list .page-header .ticket-interaction-container .filters-container, body[page='ticket_list'] main #sec-ticket-list .page-header .change-interaction-container .filters-container {
          flex-direction: column
        }

          body[page='ticket_list'] main #sec-ticket-list .page-header .ticket-interaction-container .filters-container .department-filter-container, body[page='ticket_list'] main #sec-ticket-list .page-header .ticket-interaction-container .filters-container .sort-by-container, body[page='ticket_list'] main #sec-ticket-list .page-header .change-interaction-container .filters-container .department-filter-container, body[page='ticket_list'] main #sec-ticket-list .page-header .change-interaction-container .filters-container .sort-by-container {
            margin-left: 0;
            position: relative
          }

            body[page='ticket_list'] main #sec-ticket-list .page-header .ticket-interaction-container .filters-container .department-filter-container .menu-container, body[page='ticket_list'] main #sec-ticket-list .page-header .ticket-interaction-container .filters-container .sort-by-container .menu-container, body[page='ticket_list'] main #sec-ticket-list .page-header .change-interaction-container .filters-container .department-filter-container .menu-container, body[page='ticket_list'] main #sec-ticket-list .page-header .change-interaction-container .filters-container .sort-by-container .menu-container {
              position: static
            }

            body[page='ticket_list'] main #sec-ticket-list .page-header .ticket-interaction-container .filters-container .department-filter-container .menu, body[page='ticket_list'] main #sec-ticket-list .page-header .ticket-interaction-container .filters-container .sort-by-container .menu, body[page='ticket_list'] main #sec-ticket-list .page-header .change-interaction-container .filters-container .department-filter-container .menu, body[page='ticket_list'] main #sec-ticket-list .page-header .change-interaction-container .filters-container .sort-by-container .menu {
              left: 0;
              min-width: auto
            }

      body[page='ticket_list'] main #sec-ticket-list .page-header .ticket-header-btns {
        padding-left: 8px;
        padding-right: 0;
        width: auto
      }

    body[page='ticket_list'] main #sec-ticket-list .page-body #ul-ticket-list li {
      margin: 12px
    }

      body[page='ticket_list'] main #sec-ticket-list .page-body #ul-ticket-list li a {
        padding: 12px
      }

        body[page='ticket_list'] main #sec-ticket-list .page-body #ul-ticket-list li a h3 {
          width: 100%
        }

        body[page='ticket_list'] main #sec-ticket-list .page-body #ul-ticket-list li a p {
          padding-right: 0;
          width: 100%
        }

        body[page='ticket_list'] main #sec-ticket-list .page-body #ul-ticket-list li a .status {
          position: relative;
          transform: none;
          width: 100%;
          max-width: none;
          margin: 0;
          right: 0;
          left: 0;
          margin-top: 12px;
          display: block;
          box-sizing: border-box;
          white-space: normal;
          text-align: left
        }

  #fs-modal .filter-tickets-date-container {
    flex-direction: column
  }

    #fs-modal .filter-tickets-date-container .filter-date-field:not(.date-time-box) .power-select {
      display: none
    }

    #fs-modal .filter-tickets-date-container .filter-date-field:not(.date-time-box) #date_filter {
      border-radius: 4px;
      display: block !important;
      height: 30px;
      width: 100%
    }

  .esm-export-ticket-form .field:not(.export-fields) .field-label, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field:not(.export-fields) .delegate-title, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field:not(.export-fields) .delegate-email, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label .esm-export-ticket-form .field:not(.export-fields) label, .esm-export-ticket-form .field:not(.export-fields) .field-input, .esm-export-ticket-form .field:not(.export-fields) .date-range-container {
    width: 100%
  }

  .esm-export-ticket-form .field:not(.export-fields) .field-label, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-title, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field:not(.export-fields) .delegate-title, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .delegate-email, body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside .delegate-approvals-sec .esm-export-ticket-form .field:not(.export-fields) .delegate-email, .esm-export-ticket-form .field:not(.export-fields) body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label label, body.enhanced-layout[page="profile_edit"] .req-profile-fields form [data-field-section] .control-label .esm-export-ticket-form .field:not(.export-fields) label {
    margin-bottom: 16px
  }

  .esm-export-ticket-form .ws-fields {
    flex-direction: column
  }

  .esm-export-ticket-form .field.date-field .date-range-container .date-time-box.end-date .date-picker-dialog {
    right: auto
  }
}

@media only screen and (max-width: 767px) {
  #search-layout-container #search-results .tabs-list {
    overflow: scroll;
    white-space: nowrap;
    margin: 12px 0
  }

    #search-layout-container #search-results .tabs-list .btn-tab {
      margin-right: 4px
    }

  #search-layout-container #search-results .tabpanel ul .subj-container .subject, #search-layout-container #search-results .tabpanel ul .subj-container .description {
    width: 100%;
    white-space: normal
  }

  #search-layout-container #search-results .tabpanel ul .subj-container .status-pill {
    float: none;
    margin: 8px 0;
    display: block;
    width: 100%;
    max-width: none;
    white-space: unset
  }

  #search-layout-container #search-overlay .search-container .no-results-found, #search-layout-container #search-overlay .search-container .server-error, #search-layout-container #search-overlay .search-container .search-disabled {
    width: 100%
  }
}

@media only screen and (max-width: 1203px) {
  #search-overlay .search-container {
    width: 90%
  }

  #search-layout-container .s-input-container {
    margin-top: 65px
  }

  #search-overlay .search-container .close-search-btn {
    right: 0;
    top: 34px
  }
}

@media only screen and (max-width: 1203px) {
  .profile_edit {
    width: calc(100% - 24px)
  }

    .profile_edit .fields-section .user-info-banner, .profile_edit .fields-section .req-profile-fields {
      display: inline-block;
      vertical-align: top
    }

    .profile_edit .fields-section .user-info-banner {
      width: 35%;
      float: none;
      margin-right: 12px
    }

    .profile_edit .fields-section .req-profile-fields {
      width: calc(65% - 24px)
    }

  body.enhanced-layout[page="profile_edit"] {
    font-size: 14px
  }

    body.enhanced-layout[page="profile_edit"] .profile-header {
      padding-left: 0
    }

    body.enhanced-layout[page="profile_edit"] .user-info-banner {
      flex-wrap: wrap;
      gap: 16px
    }

      body.enhanced-layout[page="profile_edit"] .user-info-banner .user-details-sec .fields {
        gap: 16px
      }

    body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 {
      flex-direction: column
    }

      body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .user-info-sec {
        padding: 0 16px 16px
      }

      body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 aside {
        box-sizing: border-box;
        width: 100%
      }

      body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .obj-list .obj-row {
        line-height: 32px
      }

        body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .obj-list .obj-row [class^=col-size-] {
          padding: 0 8px
        }

        body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .obj-list .obj-row .download {
          display: block;
          margin-top: 4px
        }

      body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .tabs .tablist {
        margin: 0 -16px;
        padding: 8px 16px 0
      }

      body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .tabs .tabs-content {
        padding: 16px 0
      }

      body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .req-profile-fields form [data-field-section]:not(.paragraph) {
        width: 100%
      }
}

@media only screen and (max-width: 911px) {
  body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .req-profile-fields form [data-field-section].paragraph {
    max-width: 400px
  }
}

@media only screen and (max-width: 767px) {
  body[page='profile_edit'] main#page-main .profile_edit {
    width: calc(100% - 16px);
    margin: 16px 8px
  }

    body[page='profile_edit'] main#page-main .profile_edit .profile-header {
      padding-left: 12px;
      padding-right: 12px
    }

      body[page='profile_edit'] main#page-main .profile_edit .profile-header .breadcrumbs-container ol {
        margin: 0
      }

    body[page='profile_edit'] main#page-main .profile_edit .fields-section {
      padding: 24px 12px 16px
    }

      body[page='profile_edit'] main#page-main .profile_edit .fields-section .user-info-banner, body[page='profile_edit'] main#page-main .profile_edit .fields-section .req-profile-fields {
        float: none;
        margin: 0 auto;
        width: 100%
      }

      body[page='profile_edit'] main#page-main .profile_edit .fields-section .req-profile-update .dropdown .control-element .power-select-container {
        display: none
      }

      body[page='profile_edit'] main#page-main .profile_edit .fields-section .req-profile-update .dropdown .control-element select {
        border-radius: 4px;
        display: inline-block !important;
        height: 30px;
        max-width: 296px;
        margin-bottom: 32px
      }

      body[page='profile_edit'] main#page-main .profile_edit .fields-section .req-profile-fields #profile-fields {
        width: 100%
      }

        body[page='profile_edit'] main#page-main .profile_edit .fields-section .req-profile-fields #profile-fields .control-element input {
          width: 100%;
          box-sizing: border-box
        }

        body[page='profile_edit'] main#page-main .profile_edit .fields-section .req-profile-fields #profile-fields .control-element textarea {
          width: 100%;
          min-width: inherit
        }

  body[page='profile_edit'] #fs-modal #password-reset input[type='password'] {
    width: 100%;
    box-sizing: border-box
  }

  body[page='profile_edit'] #fs-modal #delegate-approval-form textarea {
    min-width: auto;
    box-sizing: border-box;
    width: 100%
  }

  body.enhanced-layout[page="profile_edit"] .profile-header {
    padding: 0
  }

  body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .obj-list .obj-row {
    overflow: auto
  }

    body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .obj-list .obj-row [class^=col-size-] {
      min-width: fit-content
    }

  body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .tabs .tablist button {
    float: inherit;
    margin: 0
  }

  body.enhanced-layout[page="profile_edit"] #page-main .profile_edit_v2 .tabs .tabs-content {
    padding: 16px 0
  }
}

@media only screen and (max-width: 767px) {
  body[page='ticket_view'] main .ticket-show-container {
    margin: 8px
  }

    body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-show-operations {
      margin-bottom: 0;
      margin-top: 0
    }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-show-operations .breadcrumbs-container ol {
        margin: 0 !important
      }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-show-operations .ticket-operations-container.show-on-mobile .ticket-operations-menu {
        border-radius: 4px;
        position: absolute;
        z-index: 10;
        right: 32px;
        background: #fff;
        -moz-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
        -webkit-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
        box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16)
      }

        body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-show-operations .ticket-operations-container.show-on-mobile .ticket-operations-menu a {
          display: block;
          color: var(--textColor);
          padding: 12px 24px
        }

        body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-show-operations .ticket-operations-container.show-on-mobile .ticket-operations-menu #add_people_mobile {
          border-bottom: 1px solid #CFD7DF
        }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-show-operations .ticket-operations-container.show-on-mobile button {
        padding: 8px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
      }

        body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-show-operations .ticket-operations-container.show-on-mobile button img {
          width: 14px;
          height: 18px
        }

    body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-main-info {
      max-height: none;
      padding-top: none
    }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-main-info .cc_emails, body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-main-info .sharer-emails {
        border-left: none;
        padding-left: 0;
        margin-left: 0
      }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-header .ticket-main-info .ticket-age {
        display: inline-block;
        height: max-content
      }

    body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane {
      width: 100%
    }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane.hide {
        display: none
      }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card {
        margin: 16px 12px
      }

        body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card #requested-items .requested-item .requested-item-header .req-item-button .additional-info {
          position: relative !important
        }

          body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card #requested-items .requested-item .requested-item-header .req-item-button .additional-info label, body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card #requested-items .requested-item .requested-item-header .req-item-button .additional-info p {
            display: block;
            padding-left: 16px;
            word-break: break-all
          }

        body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card #requested-items .requested-item .requested-item-body .requested-item-fields li.field .item-field-label, body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card #requested-items .requested-item .requested-item-body .requested-item-fields li.field .item-field-value {
          display: block;
          width: 100%
        }

          body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card #requested-items .requested-item .requested-item-body .requested-item-fields li.field .item-field-label i.colon, body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card #requested-items .requested-item .requested-item-body .requested-item-fields li.field .item-field-value i.colon {
            float: none
          }

        body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane .ticket-detail-card #requested-items .requested-item .requested-item-body .requested-item-fields li.field .item-field-value {
          margin-left: 0
        }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-left-pane .note-detail-card {
        margin: 16px 12px
      }

    body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane {
      width: 100%;
      display: none;
      z-index: 15;
      height: 100vh;
      overflow: scroll;
      background: white;
      position: fixed;
      top: 0;
      left: 0
    }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane.show {
        display: block
      }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane .ticket-aside-close {
        position: absolute;
        top: 32px;
        border: none;
        cursor: pointer;
        z-index: 1;
        background: none;
        right: 16px
      }

        body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane .ticket-aside-close .ticket-aside-close-icon {
          width: 28px;
          height: 28px
        }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane .default_department {
        position: relative
      }

        body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane .default_department .lookup-field-clear {
          position: absolute;
          top: 28px;
          left: 254px;
          font-size: 12px;
          line-height: 18px;
          font-weight: 700
        }

          body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane .default_department .lookup-field-clear.hide {
            display: none
          }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane #agent-details, body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane #survey-details, body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update {
        margin: 16px;
        border: none
      }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-container .ticket-field .power-select {
        display: none
      }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-container .ticket-field select {
        border-radius: 4px;
        display: inline-block !important;
        height: 30px;
        margin: 4px 0 8px 0;
        max-width: 250px;
        width: 100%
      }

      body[page='ticket_view'] main .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-container .date-time-box .date-picker-dialog {
        margin-left: 0 !important
      }

  body[page='ticket_view'] .add-people-modal .add-people-container #add-people-selected-values {
    height: 100%
  }

  body[page='ticket_view'] #survey-questionnaire .survey_options {
    width: 100% !important
  }

  body[page='ticket_view'] #survey-questionnaire .survey_option_text {
    white-space: normal !important
  }

  body[page='ticket_view'] #survey-questionnaire .csat-question-section .options {
    padding: 0
  }
}

@media only screen and (max-width: 767px) {
  #employee-onboarding-new .initiator-form .single-items .custom-field {
    width: 100% !important
  }
}

@media only screen and (max-width: 767px) {
  body[page='change_list'] #page-main #sec-change-list {
    margin: 8px
  }

    body[page='change_list'] #page-main #sec-change-list .page-header {
      padding: 16px 12px
    }

      body[page='change_list'] #page-main #sec-change-list .page-header .sort-by-container {
        margin: 16px 8px 8px 8px;
        position: relative
      }

        body[page='change_list'] #page-main #sec-change-list .page-header .sort-by-container .menu-container {
          position: static
        }

        body[page='change_list'] #page-main #sec-change-list .page-header .sort-by-container #change-sort-options {
          left: 0;
          min-width: auto
        }

    body[page='change_list'] #page-main #sec-change-list .page-body #ul-change-list li {
      margin: 12px
    }

      body[page='change_list'] #page-main #sec-change-list .page-body #ul-change-list li a {
        padding: 12px
      }

        body[page='change_list'] #page-main #sec-change-list .page-body #ul-change-list li a h3 {
          width: 100%
        }

        body[page='change_list'] #page-main #sec-change-list .page-body #ul-change-list li a p {
          padding-right: 0;
          width: 100%
        }

        body[page='change_list'] #page-main #sec-change-list .page-body #ul-change-list li a .status {
          position: relative;
          transform: none;
          width: 100%;
          max-width: none;
          left: 0;
          right: 0;
          top: 0;
          display: block;
          margin-top: 8px;
          box-sizing: border-box;
          white-space: normal;
          text-align: left
        }
}

@media only screen and (max-width: 767px) {
  html {
    font-size: 12px
  }

  body {
    font-size: 16px;
    width: 100%;
    height: 100%
  }

    body .hide-on-mobile {
      display: none
    }

    body .show-on-mobile {
      display: initial
    }

    body #fs-modal {
      min-width: inherit;
      width: 100% !important;
      height: 100vh !important;
      border-radius: 0 !important;
      top: 0 !important
    }

      body #fs-modal .modal-footer .modal-buttons {
        margin-right: 12px
      }

      body #fs-modal.export-ticket-modal .modal-body {
        max-height: calc(100% - 130px)
      }

      body #fs-modal .modal-body {
        max-height: none
      }

    body header {
      padding: 0;
      margin: 0
    }

      body header #search-header-mobile {
        background: none;
        font-size: 24px;
        line-height: 36px;
        margin-top: 2px;
        padding: 8px;
        border: none;
        color: var(--secondaryColor)
      }

      body header .menu-container {
        margin: 0;
        padding: 0;
        position: initial
      }

      body header .menu-trigger {
        padding: 12px
      }

      body header #menu-icon {
        margin: 0;
        padding: 16px;
        width: 48px;
        height: 48px;
        background-size: 32px;
        background-position: 12px 12px
      }

      body header nav#main-nav {
        width: 80%;
        width: 80vw;
        max-width: 352px;
        min-width: 272px
      }

        body header nav#main-nav .page-title h1 {
          margin-bottom: 4px
        }

      body header .pull-right, body header .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update #btn-submit, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update body header #btn-submit {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
      }

        body header .pull-right.header-section > *, body header .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update .header-section#btn-submit > *, .ticket-show-container .ticket-show-body .ticket-show-right-pane #ticket-fields-update body header .header-section#btn-submit > * {
          margin: 0
        }

      body header #btn-header-request.btn, body header .date-picker-dialog .header .power-select-container #btn-header-request.power-select-trigger, .date-picker-dialog .header .power-select-container body header #btn-header-request.power-select-trigger {
        padding: 12px;
        background: none;
        border: 0
      }

        body header #btn-header-request.btn:active, body header .date-picker-dialog .header .power-select-container #btn-header-request.power-select-trigger:active, .date-picker-dialog .header .power-select-container body header #btn-header-request.power-select-trigger:active, body header #btn-header-request.btn:hover, body header .date-picker-dialog .header .power-select-container #btn-header-request.power-select-trigger:hover, .date-picker-dialog .header .power-select-container body header #btn-header-request.power-select-trigger:hover {
          background: #EBEFF3;
          padding: 8px;
          margin: 4px;
          border-radius: 50%
        }

        body header #btn-header-request.btn span, body header .date-picker-dialog .header .power-select-container #btn-header-request.power-select-trigger span, .date-picker-dialog .header .power-select-container body header #btn-header-request.power-select-trigger span {
          display: block;
          background-image: url(https://assets3.freshservice.com/assets/portal_v2/new-plus-black-4e33f1a5c86f0266caaa723319786e205b192cebf3490ca7f8567ea037f4d7d1.svg);
          color: transparent;
          width: 24px;
          height: 24px;
          font-size: 1px;
          box-sizing: border-box;
          margin: 0;
          opacity: 0.65
        }

      body header #request-dropdown {
        width: 96vw;
        min-width: auto;
        box-sizing: border-box;
        right: 2vw
      }

      body header .user-notifications-menu #user-notification-icon {
        padding: 12px 4px
      }

        body header .user-notifications-menu #user-notification-icon .user-notification-seen-state {
          right: 12px;
          top: 16px
        }

      body header .user-notifications-menu #notifications-dropdown {
        right: 0;
        width: calc(100% - 24px);
        margin: 12px;
        min-width: 300px
      }

        body header .user-notifications-menu #notifications-dropdown #user_notify_header #user-notifications-popover .notifications-list-wrapper {
          box-sizing: border-box
        }

          body header .user-notifications-menu #notifications-dropdown #user_notify_header #user-notifications-popover .notifications-list-wrapper .notifications-list-scroll {
            max-height: calc(100vh - 200px)
          }

        body header .user-notifications-menu #notifications-dropdown #user_notify_header #user-notifications-popover .notifications-preferences {
          box-sizing: border-box;
          min-height: 150px;
          max-height: calc(100vh - 150px)
        }

    body #toast-container .toast {
      width: 100%;
      max-width: 300px
    }

    body main#page-main .breadcrumbs-container {
      margin: 0
    }

      body main#page-main .breadcrumbs-container .breadcrumb-nav-container {
        position: relative
      }

        body main#page-main .breadcrumbs-container .breadcrumb-nav-container .breadcrumbs-nav-menu {
          position: absolute;
          background: #fff;
          -moz-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
          -webkit-box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
          box-shadow: 0 2px 4px 0 rgba(18,52,77,0.06),0 2px 16px 0 rgba(18,52,77,0.16);
          top: 24px;
          left: -32px
        }

          body main#page-main .breadcrumbs-container .breadcrumb-nav-container .breadcrumbs-nav-menu a[role="menuitem"], body main#page-main .breadcrumbs-container .breadcrumb-nav-container .breadcrumbs-nav-menu [role="option"] {
            display: block;
            padding: 12px
          }

      body main#page-main .breadcrumbs-container ol {
        overflow-x: auto;
        margin: 0 12px;
        padding: 12px 0
      }

        body main#page-main .breadcrumbs-container ol > li {
          width: auto !important;
          white-space: nowrap
        }

          body main#page-main .breadcrumbs-container ol > li a {
            max-width: none;
            white-space: nowrap
          }

    body main#page-main:not(.iframe-version) .dropdown:not(.autocomplete_dropdown) .power-select {
      display: none
    }

    body main#page-main:not(.iframe-version) .dropdown:not(.autocomplete_dropdown) select {
      border-radius: 4px;
      display: inline-block !important;
      height: 30px;
      margin: 4px 0 8px 0;
      max-width: 250px;
      width: 100%
    }

    body main#page-main.iframe-version .custom_date_time {
      margin: 0 12px !important
    }

      body main#page-main.iframe-version .custom_date_time .datepicker-container, body main#page-main.iframe-version .custom_date_time .timepicker-select {
        margin-bottom: 16px
      }

      body main#page-main.iframe-version .custom_date_time .date-picker-dialog {
        left: inherit;
        transform: none
      }

    body footer#footer-main {
      height: 100%;
      padding: 16px
    }

      body footer#footer-main .copyright {
        margin: 0 4px
      }

      body footer#footer-main .helpdesk-number-mobile {
        display: block;
        margin-top: 4px
      }

    body #search-layout-container.show #search-overlay {
      padding: 0 16px;
      box-sizing: border-box
    }

      body #search-layout-container.show #search-overlay .search-container {
        width: 100%
      }

        body #search-layout-container.show #search-overlay .search-container .s-input-container {
          margin-top: 32px
        }

          body #search-layout-container.show #search-overlay .search-container .s-input-container .search-input {
            padding-right: 16px
          }

        body #search-layout-container.show #search-overlay .search-container .close-search-btn {
          left: 0;
          top: 16px;
          font-size: 16px;
          line-height: 24px;
          background: none;
          padding: 0;
          margin-top: 8px;
          border: none;
          box-shadow: none;
          color: var(--linkColor)
        }

        body #search-layout-container.show #search-overlay .search-container #recent-search .recent-search-head .recent-search-title {
          width: 80%
        }

        body #search-layout-container.show #search-overlay .search-container #recent-search .recent-search-head .clear-sec {
          width: auto;
          float: right
        }

        body #search-layout-container.show #search-overlay .search-container .search-result-container .tabs-list .btn-tab {
          margin-bottom: 8px
        }

        body #search-layout-container.show #search-overlay .search-container .search-result-container .report-issue .content-container {
          width: 100%;
          float: none;
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -moz-box-direction: normal;
          -moz-box-orient: vertical;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column
        }

          body #search-layout-container.show #search-overlay .search-container .search-result-container .report-issue .content-container .ct-title {
            text-align: center
          }

          body #search-layout-container.show #search-overlay .search-container .search-result-container .report-issue .content-container .search-text {
            text-align: center
          }

        body #search-layout-container.show #search-overlay .search-container .search-result-container .report-issue .create-ticket {
          margin-left: calc(50% - 65px);
          display: block;
          width: 130px;
          float: none;
          text-align: center
        }

    body #side-modal #side-modal-content {
      width: 100%;
      right: -100%;
      border-top: none
    }

      body #side-modal #side-modal-content .close-container {
        top: 22px;
        right: 24px
      }

        body #side-modal #side-modal-content .close-container #side-modal-close img {
          width: 32px;
          height: 32px
        }

    body .date-picker-dialog {
      left: 50%;
      transform: translateX(-50%)
    }

      body .date-picker-dialog.top {
        transform: translateX(-50%) translateY(calc(-100% - 38px))
      }

    body .user-notifications-menu #user_notify_header #user-notifications-popover header {
      padding: 16px
    }

    body .user-notifications-menu #user_notify_header #user-notifications-popover .user-notification-actions a.show-user-prefs {
      margin-left: 8px
    }

    body .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-preferences, body .user-notifications-menu #user_notify_header #user-notifications-popover .notifications-list-wrapper {
      padding: 12px
    }

    body[page='user_login'] main .login-page {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -moz-box-direction: normal;
      -moz-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      width: calc(100% - 16px);
      margin: 8px 8px 24px
    }

      body[page='user_login'] main .login-page div.login-section {
        width: auto
      }

        body[page='user_login'] main .login-page div.login-section.agent-login {
          padding: 0 16px;
          border-right: none;
          border-bottom: 1px solid #CFD7DF
        }

          body[page='user_login'] main .login-page div.login-section.agent-login .login-header, body[page='user_login'] main .login-page div.login-section.agent-login .forgot-header {
            text-align: left
          }

            body[page='user_login'] main .login-page div.login-section.agent-login .login-header a, body[page='user_login'] main .login-page div.login-section.agent-login .forgot-header a {
              margin-left: 10px
            }

          body[page='user_login'] main .login-page div.login-section.agent-login .illustration-container {
            display: none
          }

        body[page='user_login'] main .login-page div.login-section.requestor-login {
          padding: 0 16px
        }

          body[page='user_login'] main .login-page div.login-section.requestor-login #login-form .control-group a.toggle-forgot-form {
            display: none
          }

          body[page='user_login'] main .login-page div.login-section.requestor-login #login-form button {
            width: 100%
          }

          body[page='user_login'] main .login-page div.login-section.requestor-login #login-form .mobile-toggle-forgot-form {
            display: block;
            width: 100%;
            font-size: 14px;
            line-height: 21px
          }

          body[page='user_login'] main .login-page div.login-section.requestor-login #forgot-form .forgot-btn-group {
            flex-direction: column
          }

            body[page='user_login'] main .login-page div.login-section.requestor-login #forgot-form .forgot-btn-group button {
              width: 100%;
              margin: 0 8px 16px 0
            }

    body[page='catalog_item'] main:not(.iframe-version) .date-time-box .power-select.timepicker-select {
      display: block;
      margin-top: 8px
    }

    body[page='catalog_item'] main #service-request-container {
      width: calc(100% - 16px)
    }

      body[page='catalog_item'] main #service-request-container .service-container .service-item-details .service-image-container {
        margin-left: 12px;
        width: 84px;
        height: 84px
      }

        body[page='catalog_item'] main #service-request-container .service-container .service-item-details .service-image-container img {
          width: 84px;
          height: 84px
        }

      body[page='catalog_item'] main #service-request-container .service-container .service-item-details .service-details {
        width: calc(100% - 140px);
        margin: 0 12px
      }

        body[page='catalog_item'] main #service-request-container .service-container .service-item-details .service-details .service-item-name {
          overflow-wrap: break-word
        }

        body[page='catalog_item'] main #service-request-container .service-container .service-item-details .service-details .service-price-container {
          display: block
        }

          body[page='catalog_item'] main #service-request-container .service-container .service-item-details .service-details .service-price-container .splitter {
            display: none
          }

      body[page='catalog_item'] main #service-request-container .service-container .service-description .short {
        margin: 8px 12px 0
      }

      body[page='catalog_item'] main #service-request-container .service-container .service-description .long {
        transition: height 0.2s linear;
        overflow: hidden;
        margin: 4px 12px 0
      }

      body[page='catalog_item'] main #service-request-container .service-container .service-description .read-more {
        color: var(--linkColor);
        min-width: 0;
        font-size: 14px;
        line-height: 21px;
        text-decoration: none;
        border: none;
        margin: 4px 12px 0;
        font-weight: 500;
        padding: 0;
        background: none;
        cursor: pointer
      }

      body[page='catalog_item'] main #service-request-container .service-container .service-description img {
        max-width: 100%
      }

      body[page='catalog_item'] main #service-request-container .service-container .service-splitter {
        width: calc(100% - 24px)
      }

      body[page='catalog_item'] main #service-request-container .service-container #item-fields {
        margin: 0
      }

        body[page='catalog_item'] main #service-request-container .service-container #item-fields .custom-field {
          margin: 16px 12px
        }

          body[page='catalog_item'] main #service-request-container .service-container #item-fields .custom-field .control-element > input, body[page='catalog_item'] main #service-request-container .service-container #item-fields .custom-field textarea {
            width: 100%;
            box-sizing: border-box;
            min-width: inherit
          }

      body[page='catalog_item'] main #service-request-container .service-container .bundle-container {
        margin: 0 12px
      }

        body[page='catalog_item'] main #service-request-container .service-container .bundle-container .bundle-section .expanded-state {
          padding: 0 12px;
          margin-top: 0
        }

        body[page='catalog_item'] main #service-request-container .service-container .bundle-container .bundle-fields .custom-field {
          margin: 16px 0
        }

          body[page='catalog_item'] main #service-request-container .service-container .bundle-container .bundle-fields .custom-field .control-element > input, body[page='catalog_item'] main #service-request-container .service-container .bundle-container .bundle-fields .custom-field textarea {
            width: 100%;
            box-sizing: border-box;
            min-width: inherit
          }

      body[page='catalog_item'] main #service-request-container .service-container .loaner-section div.available-info-container div.available-info {
        left: 0
      }

      body[page='catalog_item'] main #service-request-container .service-container #place-request-attachments {
        margin: 16px 12px
      }

        body[page='catalog_item'] main #service-request-container .service-container #place-request-attachments .attachment-item {
          margin-right: 0;
          width: 100%
        }

    body[page='catalog_item'] #side-modal #side-modal-content #place-request-header {
      padding: 18px 12px 0
    }

    body[page='catalog_item'] #side-modal #side-modal-content .place-request-container {
      padding: 0 12px
    }

      body[page='catalog_item'] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .service-item-name {
        padding: 0 12px
      }

      body[page='catalog_item'] #side-modal #side-modal-content .place-request-container .quantity-cost-container .quantity-section .place-price-container {
        padding: 0 12px
      }

      body[page='catalog_item'] #side-modal #side-modal-content .place-request-container .quantity-cost-container .total-section {
        width: calc(100% - 24px)
      }

      body[page='catalog_item'] #side-modal #side-modal-content .place-request-container .requester-field-section .default_requester #ticket-add-cc {
        background: none;
        border: none;
        margin-left: 0
      }

    body[page='pending_approvals'] main #sec-approval-list {
      margin: 8px
    }

      body[page='pending_approvals'] main #sec-approval-list .approvalpage-header {
        padding: 8px 12px
      }

      body[page='pending_approvals'] main #sec-approval-list #ul-ticket-list {
        margin: 12px
      }

        body[page='pending_approvals'] main #sec-approval-list #ul-ticket-list li {
          margin: 8px 0;
          width: calc(100% - 24px)
        }

          body[page='pending_approvals'] main #sec-approval-list #ul-ticket-list li a {
            padding: 12px
          }

            body[page='pending_approvals'] main #sec-approval-list #ul-ticket-list li a h3, body[page='pending_approvals'] main #sec-approval-list #ul-ticket-list li a p {
              width: 100%
            }

  .password-reset {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 16px);
    margin: 8px 8px 24px
  }

    .password-reset .form-container {
      padding: 16px 16px;
      width: auto
    }

      .password-reset .form-container #password-policy-list {
        display: block !important;
        position: static;
        width: auto;
        margin-bottom: 32px;
        box-shadow: none;
        padding: 0
      }

    .password-reset .reset-btn-group {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -moz-box-direction: normal;
      -moz-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
    }

      .password-reset .reset-btn-group button, .password-reset .reset-btn-group a {
        width: 100%;
        margin: 0 8px 16px 0 !important
      }
}

@media only screen and (max-width: 767px) {
  header #notifications-dropdown {
    right: 12px;
    width: calc(100vw - 24px);
    margin: 0;
    min-width: auto;
    position: fixed;
    top: 64px
  }
}

@media only screen and (max-width: 1203px) {
  #fs-modal {
    width: 75% !important
  }

  .breadcrumbs-container ol li .breadcrumbs-link {
    white-space: nowrap
  }
}

body main#page-main .breadcrumbs-container ol > li.breadcrumb-trigger {
  display: none
}

@media only screen and (min-width: 1600px) {
  body[page="portal_home"] main #cards-banner.banner-2, body[page="portal_home"] main #cards-banner.banner-3, body[page="portal_home"] main #cards-banner.banner-4, body[page="portal_home"] main #cards-banner.banner-5, body[page="portal_home"] main #cards-banner.banner-6 {
    max-width: 1440px
  }
}

.ws-icon img.invisible {
  width: 0 !important;
  height: 0 !important;
  visibility: hidden
}

.ws-icon.ws-image {
  background: transparent
}

.ws-logo {
  background-color: #1D4289
}

.ws-bg-0 {
  background-color: #475867
}

.ws-bg-1 {
  background-color: #6A2F8D
}

.ws-bg-2 {
  background-color: #1D4289
}

.ws-bg-3 {
  background-color: #007A78
}

.ws-bg-4 {
  background-color: #AC633A
}

.ws-bg-5 {
  background-color: #D8400B
}

.ws-bg-6 {
  background-color: #C92645
}

.ws-bg-7 {
  background-color: #5D3754
}

.ws-bg-8 {
  background-color: #475867
}

.ws-bg-9 {
  background-color: #2C518C
}

.ws-logo-name-wrapper {
  display: flex;
  align-items: center
}

  .ws-logo-name-wrapper .ws-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 8px
  }

  .ws-logo-name-wrapper .ws-logo {
    display: flex;
    justify-content: center;
    align-items: center
  }

  .ws-logo-name-wrapper .logo-name, .ws-logo-name-wrapper .ws-name {
    font-weight: 500;
    line-height: 17px
  }

  .ws-logo-name-wrapper .logo-name {
    color: #fff
  }

  .ws-logo-name-wrapper .ws-name {
    margin-left: 8px
  }

  .ws-logo-name-wrapper .small-drop {
    width: 24px;
    height: 24px;
    border-radius: 4px
  }

  .ws-logo-name-wrapper img {
    max-width: 100%
  }

  .ws-logo-name-wrapper .ws-logo-loader {
    background: linear-gradient(to bottom right, #f5f7f9 40%,#ffffff 50%,#f5f7f9 60%);
    background-size: 200% 200%;
    background-repeat: no-repeat;
    animation: logoShimmer 1.5s infinite linear
  }

    .ws-logo-name-wrapper .ws-logo-loader .logo-name {
      color: #92A2B1 !important
    }

@keyframes logoShimmer {
  0% {
    background-position: 100% 100%
  }

  100% {
    background-position: 0 0
  }
}

.select2-chosen .ws-logo-name-wrapper {
  position: absolute;
  left: 3px;
  right: 24px;
  height: 100%
}

  .select2-chosen .ws-logo-name-wrapper img {
    vertical-align: text-bottom
  }

header #header-container {
  max-width: 100%
}

header nav#main-nav {
  overflow: visible;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background: rgba(0,0,0,0.75)
}

  header nav#main-nav a {
    line-height: normal;
    padding: 4px
  }

.menu [role="menuitem"], .menu [role="option"] {
  padding: 0px;
  margin-bottom: 6px
}

header .portal-logo {
  margin-bottom: 10px;
  margin-top: -2px
}

#home-page-container #hero-banner .hero-banner-container > h2 {
  font-size: 28px;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 3rem 0.5rem 2rem;
  background: #09c !important;
  font-weight: 400 !important;
  letter-spacing: 1px
}

.username {
  color: #000000 !important
}

.sectiontitle {
  color: #cccc01;
  margin-bottom: -20px;
  text-align: center;
  width: 100%;
  font-size: 18px
}

.sectiontitle2 {
  background: #ffffff;
  color: #f1740b;
  padding: 16px;
  text-align: center;
  font-size: 18px
}

#home-page-container #hero-banner {
  background: #000000
}

  #home-page-container #hero-banner .hero-banner-container {
    margin-top: 10px;
    background: url(https://attachment.freshservice.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTkwMDE3ODYzMjgsImRvbWFpbiI6ImNhbHRleC5mcmVzaHNlcnZpY2UuY29tIiwidHlwZSI6MX0.HjSdtN1ZbLFqg7-wt2O5Z5z3qLjwvaFArc5El0aTMek) no-repeat;
    background-size: 100vw;
    padding-left: 0px
  }

    #home-page-container #hero-banner .hero-banner-container:before {
      background: transparent
    }

#home-page-container #cards-banner {
  padding: 0px;
  max-width: 100%;
  padding-top: 20px
}

#home-page-container {
  background: #2a99cc;
  background-image: url(https://attachment.freshservice.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTkwMDYwNDQyNjAsImRvbWFpbiI6ImNhbHRleC5mcmVzaHNlcnZpY2UuY29tIiwidHlwZSI6MX0.10NyczPLkVCiTYyS0OFQDXcNQnC_gu4xzhZdR4LkEiE)
}

#banner-search {
  padding-left: 120px
}

#search-layout-container.show #search-overlay {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background: rgba(0,0,0,0.75)
}

#home-page-container #cards-banner {
  padding-bottom: 20px
}

  #home-page-container #cards-banner .card {
    width: 300px;
    height: 100px;
    min-height: 100px;
    padding: 20px;
    padding-bottom: 30px;
    margin: 8px
  }

  #home-page-container #cards-banner.banner-4 {
    max-width: 100%
  }

.elem-inline-mid > h3, footer#footer-main .copyright > h3, .power-select-container.multiselect .multiselect-list > h3, .power-select-container.multiselect .search-select > h3, .ps-multiselect-list li > h3, .ps-multiselect-list li span > h3, .ps-multiselect-list li a > h3, header .header-section > h3, header nav#main-nav .page-title img > h3, header nav#main-nav .page-title h1 > h3, header nav#main-nav a span > h3, header nav#main-nav a img > h3, #search-overlay .search-result-container .tabpanel ul .icon-container > h3, #search-overlay .search-result-container .tabpanel ul .subj-container > h3, .login-page div.login-section .section-seperator hr > h3, .login-page div.login-section .section-seperator span > h3, body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-label > h3, body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container > h3, #sec-ticket-list .page-header .menu-container > h3, #sec-change-list .page-header .menu-container > h3, #ticket-new-main .default_requester #cc-container .cc-emails-label > h3, #ticket-new-main .default_requester #cc-container .cc-emails-container > h3, #ticket-new-main fieldset.checkbox .control-element > h3, #ticket-new-main fieldset.checkbox .control-label > h3, #ticket-new-main fieldset.checkbox input > h3, #ticket-new-main fieldset.checkbox label:not(.error) > h3, #sec-approval-list .approvalpage-header .approvalpage-filter .menu-container > h3 {
  padding-top: 20px;
  font-weight: normal !important
}

.elem-inline-mid > p, footer#footer-main .copyright > p, .power-select-container.multiselect .multiselect-list > p, .power-select-container.multiselect .search-select > p, .ps-multiselect-list li > p, .ps-multiselect-list li span > p, .ps-multiselect-list li a > p, header .header-section > p, header nav#main-nav .page-title img > p, header nav#main-nav .page-title h1 > p, header nav#main-nav a span > p, header nav#main-nav a img > p, #search-overlay .search-result-container .tabpanel ul .icon-container > p, #search-overlay .search-result-container .tabpanel ul .subj-container > p, .login-page div.login-section .section-seperator hr > p, .login-page div.login-section .section-seperator span > p, body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-label > p, body[page="catalog_item"] #side-modal #side-modal-content .place-request-container .default_requester #cc-container .cc-emails-container > p, #sec-ticket-list .page-header .menu-container > p, #sec-change-list .page-header .menu-container > p, #ticket-new-main .default_requester #cc-container .cc-emails-label > p, #ticket-new-main .default_requester #cc-container .cc-emails-container > p, #ticket-new-main fieldset.checkbox .control-element > p, #ticket-new-main fieldset.checkbox .control-label > p, #ticket-new-main fieldset.checkbox input > p, #ticket-new-main fieldset.checkbox label:not(.error) > p, #sec-approval-list .approvalpage-header .approvalpage-filter .menu-container > p {
  font-size: 0px !important
}

.navigation {
  padding: 8px;
  margin: 0;
  border: 0;
  line-height: 1
}

  .navigation ul, .navigation ul ul, .navigation ul li {
    list-style: none;
    margin: 0;
    padding: 0
  }

  .navigation ul {
    position: relative;
    float: left
  }

    .navigation ul li {
      float: left;
      min-height: 0.05em;
      line-height: 1em;
      vertical-align: middle;
      position: relative
    }

      .navigation ul li.hover, .navigation ul li:hover {
        position: relative;
        z-index: 510;
        cursor: default
      }

    .navigation ul ul {
      visibility: hidden;
      position: absolute;
      top: 100%;
      left: 0px;
      z-index: 520;
      width: 100%
    }

      .navigation ul ul li {
        float: none
      }

      .navigation ul ul ul {
        top: 0;
        right: 0
      }

    .navigation ul li:hover > ul {
      visibility: visible
    }

    .navigation ul ul {
      top: 0;
      left: 99%
    }

    .navigation ul li {
      float: none
    }

    .navigation ul ul {
      margin-top: 0.05em
    }

  .navigation:before {
    content: '';
    display: block
  }

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

  .navigation a {
    padding: 4px;
    height: 24px
  }

  .navigation > ul {
    width: 100%
  }

  .navigation ul ul {
    width: 80%
  }

  .navigation > ul > li > a {
    position: relative
  }

  .navigation li {
    position: relative
  }

  .navigation ul li.has-sub > a:after {
    content: '»';
    position: absolute;
    right: 1em
  }

  .navigation ul ul {
    border-radius: 4px;
    background: #ffffff;
    left: 100%;
    padding: 8px;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2)
  }

  .navigation ul ul {
    width: 100%
  }

    .navigation ul ul a {
      /*height: 16px;*/
      background: transparent !important;
      color: #000000 !important;
      font-weight: normal !important
    }

      .navigation ul ul a:hover {
        color: #ffffff !important
      }

    .navigation ul ul li:hover > a {
      background: #2b99cc !important
    }

  .navigation.align-right {
    float: right
  }

    .navigation.align-right li {
      text-align: right
    }

    .navigation.align-right ul li.has-sub > a:before {
      content: '+';
      position: absolute;
      top: 50%;
      left: 15px;
      margin-top: -6px
    }

    .navigation.align-right ul li.has-sub > a:after {
      content: none
    }

    .navigation.align-right ul ul {
      visibility: hidden;
      position: absolute;
      top: 0;
      left: -100%;
      z-index: 598;
      width: 100%
    }

      .navigation.align-right ul ul li.first {
        -webkit-border-radius: 3px 0 0 0;
        -moz-border-radius: 3px 0 0 0;
        border-radius: 3px 0 0 0
      }

      .navigation.align-right ul ul li.last {
        -webkit-border-radius: 0 0 0 3px;
        -moz-border-radius: 0 0 0 3px;
        border-radius: 0 0 0 3px
      }

    .navigation.align-right ul ul {
      -webkit-border-radius: 3px 0 0 3px;
      -moz-border-radius: 3px 0 0 3px;
      border-radius: 3px 0 0 3px
    }

.foot {
  color: #ffffff
}