:root {
  --font-default-color: #040A1E;
}
#trumbowyg-icons,
#trumbowyg-icons svg {
    height: 0;
    width: 0
}

#trumbowyg-icons {
    overflow: hidden;
    visibility: hidden
}

.trumbowyg-box *,
.trumbowyg-box :after,
.trumbowyg-box :before,
.trumbowyg-modal *,
.trumbowyg-modal :after,
.trumbowyg-modal :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.trumbowyg-box svg,
.trumbowyg-modal svg {
    width: 17px;
    height: 100%;
    fill: var(--font-default-color)
}

.trumbowyg-box,
.trumbowyg-editor {
    display: block;
    position: relative;
    border: 1px solid #ddd;
    width: 100%;
    min-height: 300px
}

.trumbowyg-box .trumbowyg-editor {
    margin: 0 auto
}

.trumbowyg-box.trumbowyg-fullscreen {
    background: #fefefe;
    border: none !important
}

.trumbowyg-editor,
.trumbowyg-textarea {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    min-height: 300px;
    width: 100%;
    border-style: none;
    resize: none;
    outline: 0;
    overflow: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.trumbowyg-editor.trumbowyg-autogrow-on-enter,
.trumbowyg-textarea.trumbowyg-autogrow-on-enter {
    -webkit-transition: height .3s ease-out;
    -o-transition: height .3s ease-out;
    transition: height .3s ease-out
}

.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-box-blur .trumbowyg-editor:before {
    color: transparent !important;
    text-shadow: 0 0 7px #333
}

@media screen and (min-width:0) {

    .trumbowyg-box-blur .trumbowyg-editor *,
    .trumbowyg-box-blur .trumbowyg-editor:before {
        color: hsla(0, 0%, 78%, .6) !important
    }
}

@supports (-ms-accelerator:true) {

    .trumbowyg-box-blur .trumbowyg-editor *,
    .trumbowyg-box-blur .trumbowyg-editor:before {
        color: hsla(0, 0%, 78%, .6) !important
    }
}

.trumbowyg-box-blur .trumbowyg-editor hr,
.trumbowyg-box-blur .trumbowyg-editor img {
    opacity: .2
}

.trumbowyg-textarea {
    position: relative;
    display: block;
    overflow: auto;
    border: none;
    font-size: 14px;    
    line-height: 18px
}

.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
    height: 1px !important;
    width: 25%;
    min-height: 0 !important;
    padding: 0 !important;
    background: 0 0;
    opacity: 0 !important
}

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
    display: block;
    margin-bottom: 1px
}

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
    display: none
}

.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
    opacity: .8;
    background: 0 0
}

.trumbowyg-editor[contenteditable=true]:empty:not(:focus):before {
    content: attr(placeholder);
    color: #999;
    pointer-events: none;
    white-space: break-spaces
}

.trumbowyg-button-pane {
    width: 100%;
    min-height: 36px;
    background: #ecf0f1;
    border-bottom: 1px solid #d7e0e2;
    margin: 0;
    padding: 0 5px;
    position: relative;
    list-style-type: none;
    line-height: 10px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 11
}

.trumbowyg-button-pane:after {
    content: " ";
    display: block;
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #d7e0e2
}

.trumbowyg-button-pane .trumbowyg-button-group {
    display: inline-block
}

.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
    color: transparent
}

.trumbowyg-button-pane .trumbowyg-button-group:after {
    content: " ";
    display: inline-block;
    width: 1px;
    background: #d7e0e2;
    margin: 0 5px;
    height: 35px;
    vertical-align: top
}

.trumbowyg-button-pane .trumbowyg-button-group:last-child:after {
    content: none
}

.trumbowyg-button-pane button {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    padding: 1px 6px !important;
    margin-bottom: 1px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    background: 0 0;
    vertical-align: middle;
    -webkit-transition: background-color .15s, opacity .15s;
    -o-transition: background-color .15s, opacity .15s;
    transition: background-color .15s, opacity .15s
}

.trumbowyg-button-pane button.trumbowyg-textual-button {
    width: auto;
    line-height: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
.trumbowyg-button-pane button.trumbowyg-disable,
.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
    opacity: .2;
    cursor: default;
    pointer-events: none
}

.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group:before,
.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group:before {
    background: #e3e9eb
}

.trumbowyg-button-pane button.trumbowyg-active,
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
    background-color: #fff;
    outline: 0
}

.trumbowyg-button-pane .trumbowyg-open-dropdown:after {
    display: block;
    content: " ";
    position: absolute;
    top: 25px;
    right: 3px;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-top-color: #555
}

.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
    padding-left: 10px !important;
    padding-right: 18px !important
}

.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button:after {
    top: 17px;
    right: 7px
}

.trumbowyg-button-pane .trumbowyg-right {
    float: right
}

.trumbowyg-dropdown {
    max-width: 300px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;
    border: 1px solid #ecf0f1;
    padding: 5px 0;
    border-top: none;
    background: #fff;
    margin-left: -1px;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 2px 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    z-index: 12
}

.trumbowyg-dropdown button {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    background: #fff;
    padding: 0 20px 0 10px;
    color: #333 !important;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.trumbowyg-dropdown button:focus,
.trumbowyg-dropdown button:hover {
    background: #ecf0f1
}

.trumbowyg-dropdown button svg {
    float: left;
    margin-right: 14px
}

.trumbowyg-modal {
    max-width: 520px;
    width: 100%;
    height: 350px;
    z-index: 12;
    overflow: hidden
}

.trumbowyg-modal,
.trumbowyg-modal-box {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.trumbowyg-modal-box {
    max-width: 500px;
    width: calc(100% - 20px);
    padding-bottom: 45px;
    z-index: 1;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.trumbowyg-modal-box .trumbowyg-modal-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 15px 0 13px;
    display: block;
    border-bottom: 1px solid #eee;
    color: #333;
    background: #fbfcfc
}

.trumbowyg-modal-box .trumbowyg-progress {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 58px
}

.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
    background: #2bc06a;
    width: 0;
    height: 100%;
    -webkit-transition: width .15s linear;
    -o-transition: width .15s linear;
    transition: width .15s linear
}

.trumbowyg-modal-box .trumbowyg-input-row {
    position: relative;
    margin: 15px 12px;
    border: 1px solid #dedede;
    overflow: hidden
}

.trumbowyg-modal-box .trumbowyg-input-infos {
    text-align: left;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    width: 150px;
    border-right: 1px solid #dedede;
    padding: 0 7px;
    background-color: #fbfcfc;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.trumbowyg-modal-box .trumbowyg-input-infos label {
    color: #69878f;
    overflow: hidden
}

.trumbowyg-modal-box .trumbowyg-input-infos label,
.trumbowyg-modal-box .trumbowyg-input-infos label span {
    display: block;
    height: 27px;
    line-height: 27px;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.trumbowyg-modal-box .trumbowyg-input-infos .trumbowyg-msg-error {
    color: #e74c3c
}

.trumbowyg-modal-box .trumbowyg-input-html {
    padding: 1px 1px 1px 152px
}

.trumbowyg-modal-box .trumbowyg-input-html,
.trumbowyg-modal-box .trumbowyg-input-html input,
.trumbowyg-modal-box .trumbowyg-input-html select,
.trumbowyg-modal-box .trumbowyg-input-html textarea {
    font-size: 14px
}

.trumbowyg-modal-box .trumbowyg-input-html input,
.trumbowyg-modal-box .trumbowyg-input-html select,
.trumbowyg-modal-box .trumbowyg-input-html textarea {
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    height: 27px;
    line-height: 27px;
    border: 0;
    width: 100%;
    padding: 0 7px
}

.trumbowyg-modal-box .trumbowyg-input-html input:focus,
.trumbowyg-modal-box .trumbowyg-input-html input:hover,
.trumbowyg-modal-box .trumbowyg-input-html select:focus,
.trumbowyg-modal-box .trumbowyg-input-html select:hover,
.trumbowyg-modal-box .trumbowyg-input-html textarea:focus,
.trumbowyg-modal-box .trumbowyg-input-html textarea:hover {
    outline: 1px solid #95a5a6
}

.trumbowyg-modal-box .trumbowyg-input-html input:focus,
.trumbowyg-modal-box .trumbowyg-input-html select:focus,
.trumbowyg-modal-box .trumbowyg-input-html textarea:focus {
    background: #fbfcfc
}

.trumbowyg-modal-box .trumbowyg-input-html input[type=checkbox] {
    width: 16px;
    height: 16px;
    padding: 0
}

.trumbowyg-modal-box .trumbowyg-input-html-with-checkbox {
    text-align: left;
    padding: 3px 1px 1px 3px
}

.trumbowyg-modal-box .trumbowyg-input-error input,
.trumbowyg-modal-box .trumbowyg-input-error select,
.trumbowyg-modal-box .trumbowyg-input-error textarea {
    outline: 1px solid #e74c3c
}

.trumbowyg-modal-box .trumbowyg-input-error .trumbowyg-input-infos label span:first-child {
    margin-top: -27px
}

.trumbowyg-modal-box .error {
    margin-top: 25px;
    display: block;
    color: red
}

.trumbowyg-modal-box .trumbowyg-modal-button {
    position: absolute;
    bottom: 10px;
    right: 0;
    text-decoration: none;
    color: #fff;
    display: block;
    width: 100px;
    height: 35px;
    line-height: 33px;
    margin: 0 10px;
    background-color: #333;
    border: none;
    cursor: pointer;
    
    font-size: 16px;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
    right: 110px;
    background: #2bc06a
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
    background: #40d47e;
    outline: 0
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
    background: #25a25a
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
    color: #555;
    background: #e6e6e6
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
    background: #fbfbfb;
    outline: 0
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
    background: #d5d5d5
}

.trumbowyg-overlay {
    position: absolute;
    background-color: hsla(0, 0%, 100%, .5);
    height: 100%;
    width: 100%;
    left: 0;
    display: none;
    top: 0;
    z-index: 10
}

body.trumbowyg-body-fullscreen {
    overflow: hidden
}

.trumbowyg-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 99999
}

.trumbowyg-fullscreen.trumbowyg-box,
.trumbowyg-fullscreen .trumbowyg-editor {
    border: none
}

.trumbowyg-fullscreen .trumbowyg-editor,
.trumbowyg-fullscreen .trumbowyg-textarea {
    height: calc(100% - 37px) !important;
    overflow: auto
}

.trumbowyg-fullscreen .trumbowyg-overlay {
    height: 100% !important
}

.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
    color: var(--font-default-color);
    fill: transparent
}

.trumbowyg-editor embed,
.trumbowyg-editor img,
.trumbowyg-editor object,
.trumbowyg-editor video {
    max-width: 100%
}

.trumbowyg-editor img,
.trumbowyg-editor video {
    height: auto
}

.trumbowyg-editor img {
    cursor: move
}

.trumbowyg-editor canvas:focus {
    outline: 0
}

.trumbowyg-editor.trumbowyg-reset-css {
    background: #fefefe !important;
    font-family: Instrument Sans, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45em !important;
    color: #333
}

.trumbowyg-editor.trumbowyg-reset-css a {
    color: #15c !important;
    text-decoration: underline !important
}

.trumbowyg-editor.trumbowyg-reset-css blockquote,
.trumbowyg-editor.trumbowyg-reset-css div,
.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css p,
.trumbowyg-editor.trumbowyg-reset-css ul {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: 0 0 !important;
    margin: 0 0 15px !important;
    line-height: 1.4em !important;
    font-family: Instrument Sans, sans-serif !important;
    font-size: 14px !important;
    border: none
}

.trumbowyg-editor.trumbowyg-reset-css hr,
.trumbowyg-editor.trumbowyg-reset-css iframe,
.trumbowyg-editor.trumbowyg-reset-css object {
    margin-bottom: 15px !important
}

.trumbowyg-editor.trumbowyg-reset-css blockquote {
    margin-left: 32px !important;
    font-style: italic !important;
    color: #555
}

.trumbowyg-editor.trumbowyg-reset-css ul {
    list-style: disc
}

.trumbowyg-editor.trumbowyg-reset-css ol {
    list-style: decimal
}

.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css ul {
    padding-left: 20px !important
}

.trumbowyg-editor.trumbowyg-reset-css ol ol,
.trumbowyg-editor.trumbowyg-reset-css ol ul,
.trumbowyg-editor.trumbowyg-reset-css ul ol,
.trumbowyg-editor.trumbowyg-reset-css ul ul {
    border: none;
    margin: 2px !important;
    padding: 0 0 0 24px !important
}

.trumbowyg-editor.trumbowyg-reset-css hr {
    display: block;
    height: 1px;
    border: none;
    border-top: 1px solid #ccc
}

.trumbowyg-editor.trumbowyg-reset-css h1,
.trumbowyg-editor.trumbowyg-reset-css h2,
.trumbowyg-editor.trumbowyg-reset-css h3,
.trumbowyg-editor.trumbowyg-reset-css h4 {
    color: #111;
    background: 0 0;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 700
}

.trumbowyg-editor.trumbowyg-reset-css h1 {
    font-size: 32px !important;
    line-height: 38px !important;
    margin-bottom: 20px !important
}

.trumbowyg-editor.trumbowyg-reset-css h2 {
    font-size: 26px !important;
    line-height: 34px !important;
    margin-bottom: 15px !important
}

.trumbowyg-editor.trumbowyg-reset-css h3 {
    font-size: 22px !important;
    line-height: 28px !important;
    margin-bottom: 7px !important
}

.trumbowyg-editor.trumbowyg-reset-css h4 {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 7px !important
}

.trumbowyg-dark .trumbowyg-textarea {
    background: #111;
    color: #ddd
}

.trumbowyg-dark .trumbowyg-box {
    border: 1px solid #343434
}

.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
    background: #111
}

.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor:before {
    text-shadow: 0 0 7px #ccc
}

@media screen and (min-width:0) {

    .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
    .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor:before {
        color: hsla(0, 0%, 8%, .6) !important
    }
}

@supports (-ms-accelerator:true) {

    .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
    .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor:before {
        color: hsla(0, 0%, 8%, .6) !important
    }
}

.trumbowyg-dark .trumbowyg-box svg {
    fill: #ecf0f1;
    color: #ecf0f1
}

.trumbowyg-dark .trumbowyg-button-pane {
    background-color: var(--font-default-color);
    border-bottom-color: #343434
}

.trumbowyg-dark .trumbowyg-button-pane:after {
    background: #343434
}

.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty):after {
    background-color: #343434
}

.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
    color: transparent
}

.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group:after {
    background-color: #2a2a2a
}

.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active,
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
    background-color: #333
}

.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown:after {
    border-top-color: #fff
}

.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
    color: #ecf0f1;
    fill: transparent
}

.trumbowyg-dark .trumbowyg-dropdown {
    border-color: var(--font-default-color);
    background: #333;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 2px 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3)
}

.trumbowyg-dark .trumbowyg-dropdown button {
    background: #333;
    color: #fff !important
}

.trumbowyg-dark .trumbowyg-dropdown button:focus,
.trumbowyg-dark .trumbowyg-dropdown button:hover {
    background: var(--font-default-color)
}

.trumbowyg-dark .trumbowyg-modal-box {
    background-color: var(--font-default-color)
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
    border-bottom: 1px solid #555;
    color: #fff;
    background: #3c3c3c
}

.trumbowyg-dark .trumbowyg-modal-box label {
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 27px;
    line-height: 27px;
    overflow: hidden
}

.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
    color: #eee;
    background-color: #2f2f2f;
    border-color: var(--font-default-color)
}

.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
    color: #e74c3c
}

.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,
.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
    border-color: #e74c3c
}

.trumbowyg-dark .trumbowyg-modal-box label input {
    border-color: var(--font-default-color);
    color: #eee;
    background: #333
}

.trumbowyg-dark .trumbowyg-modal-box label input:focus,
.trumbowyg-dark .trumbowyg-modal-box label input:hover {
    border-color: #626262
}

.trumbowyg-dark .trumbowyg-modal-box label input:focus {
    background-color: #2f2f2f
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
    background: #1b7943
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
    background: #25a25a
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
    background: #176437
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
    background: #333;
    color: #ccc
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
    background: #444
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
    background: #111
}

.trumbowyg-dark .trumbowyg-overlay {
    background-color: hsla(0, 0%, 6%, .6)
}

.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list),
.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) {
    max-width: 276px;
    padding: 7px 5px;
    overflow: initial
}

.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button,
.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button {
    display: block;
    position: relative;
    float: left;
    text-indent: -9999px;
    height: 20px;
    width: 20px;
    border: 1px solid #333;
    padding: 0;
    margin: 2px
}

.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button:focus:after,
.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button:hover:after,
.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button:focus:after,
.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button:hover:after {
    content: " ";
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 27px;
    height: 27px;
    background: inherit;
    border: 1px solid #fff;
    -webkit-box-shadow: #000 0 0 2px;
    box-shadow: 0 0 2px #000;
    z-index: 10
}

.trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list button:not(.trumbowyg-backColorRemove-dropdown-button) {
    position: relative;
    color: #fff !important
}

.trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list button:not(.trumbowyg-backColorRemove-dropdown-button):focus:after,
.trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list button:not(.trumbowyg-backColorRemove-dropdown-button):hover:after {
    content: " ";
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: #fff
}

.trumbowyg-dropdown-emoji {
    width: 265px;
    padding: 7px 0 7px 5px
}

.trumbowyg-dropdown-emoji svg {
    display: none !important
}

.trumbowyg-dropdown-emoji button {
    display: block;
    position: relative;
    float: left;
    height: 26px;
    width: 26px;
    padding: 0;
    margin: 2px;
    line-height: 24px;
    text-align: center
}

.trumbowyg-dropdown-emoji button:focus:after,
.trumbowyg-dropdown-emoji button:hover:after {
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    height: 27px;
    width: 27px;
    background: inherit;
    -webkit-box-shadow: #000 0 0 2px;
    box-shadow: 0 0 2px #000;
    z-index: 10;
    background-color: transparent
}

.trumbowyg .emoji {
    width: 22px;
    height: 22px;
    display: inline-block
}

.agito-icon {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.agito-icon-rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}



.gridContainer.table-Row-Height-Compact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqfoot,
.gridContainer.table-Row-Height-Compact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqgrow {
    height: 34px
}

.gridContainer.table-Row-Height-Compact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqfoot td .gridActionMenu,
.gridContainer.table-Row-Height-Compact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqgrow td .gridActionMenu {
    margin-top: -4px
}

.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqfoot,
.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqgrow {
    height: 28px
}

.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqfoot td .gridActionMenu .btn-group,
.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqfoot td>.withContextMenu .contextMenu .btn-group,
.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqgrow td .gridActionMenu .btn-group,
.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqgrow td>.withContextMenu .contextMenu .btn-group {
    margin-top: 3px
}

.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqfoot td .gridActionMenu .btn-group .actionButton.btn,
.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqfoot td>.withContextMenu .contextMenu .btn-group .actionButton.btn,
.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqgrow td .gridActionMenu .btn-group .actionButton.btn,
.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table tr.jqgrow td>.withContextMenu .contextMenu .btn-group .actionButton.btn {
    padding: 2px 0
}

.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv table th.columnForFullWidth {
    height: 30px
}

.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th {
    height: 26px;
    padding-top: 2px
}

.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th input {
    margin: 3px 0 0 -4px
}

.gridContainer.table-Row-Height-VeryCompact .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox:after {
    height: 26px
}

.gridContainer {
    margin: 0 20px 10px
}

.gridContainer.has-grid-toolbar-tabs .gridActionsBar,
.gridContainer.has-grid-toolbar-tabs .gridActionsBar .btn-group {
    margin-left: 0
}

.gridContainer .additional-actions-for-grid {
    position: relative;
    height: 100%
}

.gridContainer .grid-primary-button-container {
    right: 0;
    position: absolute
}

.gridContainer .grid-toolbar {
    display: flex;
    background-color: #fafbfd
}

.gridContainer .grid-toolbar .grid-toolbar-tabs {
    flex: 0 0 auto;
    align-self: flex-end
}

.gridContainer .grid-toolbar .grid-toolbar-actions {
    border-bottom: 1px solid #ddd;
    flex: 1 1 auto
}

.gridContainer .grid-toolbar .grid-toolbar-icons {
    margin-left: auto;
    flex: 0 0 auto
}

.gridContainer .grid-toolbar .grid-toolbar-icons .columnChooser {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .columnChooser:hover {
    cursor: pointer
}

.gridContainer .grid-toolbar .grid-toolbar-icons .columnChooser .icon:before {
    display: inline-block;
    font-family: Agito;
    content: "\F17C";
    font-style: normal;
    font-weight: 400;
    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
}

.gridContainer .grid-toolbar .grid-toolbar-icons .groupingSelect {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .groupingSelect>a {
    color: #999
}

.gridContainer .grid-toolbar .grid-toolbar-icons .groupingSelect>a:hover {
    color: gray;
    cursor: pointer
}

.gridContainer .grid-toolbar .grid-toolbar-icons .groupingSelect .icon:before {
    display: inline-block;
    font-family: Agito;
    content: "\F183";
    font-style: normal;
    font-weight: 400;
    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
}

.gridContainer .grid-toolbar .grid-toolbar-icons .groupingSelect .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 50px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .groupingSelect .dropdown-menu a {
    cursor: pointer;
    padding-left: 26px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .groupingSelect .dropdown-menu a .descriptionIcon {
    padding-left: 4px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .groupingSelect .dropdown-menu .selected>a {
    padding-left: 8px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .groupingSelect .dropdown-menu .selected>a:before {
    display: inline-block;
    font-family: Agito;
    content: "\F126";
    font-style: normal;
    font-weight: 400;
    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;
    padding-right: 4px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .kanbanViewSelect {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #1e90bf
}

.gridContainer .grid-toolbar .grid-toolbar-icons .kanbanViewSelect:hover {
    color: #1b7fa9;
    cursor: pointer
}

.gridContainer .grid-toolbar .grid-toolbar-icons .kanbanViewSelect .icon:before {
    display: inline-block;
    font-family: Agito;
    content: "\F1CB";
    font-style: normal;
    font-weight: 400;
    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;
    font-size: 17px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .kanbanViewSelect .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 50px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .kanbanViewSelect .dropdown-menu a {
    padding-left: 26px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .kanbanViewSelect .dropdown-menu .selected>a {
    padding-left: 8px
}

.gridContainer .grid-toolbar .grid-toolbar-icons .kanbanViewSelect .dropdown-menu .selected>a:before {
    display: inline-block;
    font-family: Agito;
    content: "\F126";
    font-style: normal;
    font-weight: 400;
    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;
    padding-right: 4px
}

.gridContainer .ui-jqgrid {
    font-size: 14px;
    background-image: none;
    border: none
}

.gridContainer .ui-jqgrid .entity-type-icon.no-action:before {
    color: #f69c4f;
    margin: 0 4px 0 0
}

.gridContainer .ui-jqgrid .red {
    color: red
}

.gridContainer .ui-jqgrid .loading {
    text-align: center;
    border-style: none
}

.gridContainer .ui-jqgrid .loading .dot {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    border-radius: 50%;
    animation: bouncing 4s linear 0s infinite normal
}

.gridContainer .ui-jqgrid .loading .dot.dot-1 {
    animation-delay: 0s
}

.gridContainer .ui-jqgrid .loading .dot.dot-2 {
    animation-delay: .1s
}

.gridContainer .ui-jqgrid .loading .dot.dot-3 {
    animation-delay: .3s
}

.gridContainer .ui-jqgrid table {
    border-collapse: collapse
}

.gridContainer .ui-jqgrid table tbody.ui-sortable {
    overflow: auto
}

.gridContainer .ui-jqgrid .ui-state-default {
    font-size: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.gridContainer .ui-jqgrid .ui-jqgrid-resize.ui-jqgrid-resize-ltr {
    width: .5em;
    z-index: 1
}

.gridContainer .ui-jqgrid .ui-widget-content {
    background-image: none;
    background-color: #fff;
    color: var(--font-default-color)
}

.gridContainer .ui-jqgrid .ui-widget-content .dropdown-menu li a {
    text-decoration: none;
    color: #fff
}

.gridContainer .ui-jqgrid .ui-widget-content .dropdown-menu li a:focus,
.gridContainer .ui-jqgrid .ui-widget-content .dropdown-menu li a:hover {
    text-decoration: none;
    color: #1e90bf;
    background-color: var(--font-default-color)
}

.gridContainer .ui-jqgrid .ui-widget-content .dropdown-menu li a.disabled,
.gridContainer .ui-jqgrid .ui-widget-content .dropdown-menu li a.disabled:focus,
.gridContainer .ui-jqgrid .ui-widget-content .dropdown-menu li a.disabled:hover {
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    color: #bfbfbf
}

.gridContainer .ui-jqgrid .ui-widget-content.ui-state-highlight a {
    color: #1e90bf
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv {
    border-top-width: 0;
    border-bottom-width: 0;
    background-color: #fff;
    background-image: none;
    overflow-y: hidden;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-hbox {
    position: relative
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-hbox:after {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 20px;
    background-color: #999;
    content: ""
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv.frozen-div .ui-jqgrid-htable,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.frozen-div .ui-jqgrid-htable {
    min-width: 0 !important;
    border-right: 1px solid #e9e9e9
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-state-default,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-state-default {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable {
    background-color: transparent;
    border-bottom: 1px solid #e9e9e9
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable>thead>tr>th,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable>thead>tr>th,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable>thead>tr>th,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable>thead>tr>th {
    border-right: 1px solid transparent
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable>thead>tr>th .select2-container .select2-selection .select2-selection__rendered .option-content-container,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable>thead>tr>th .select2-container .select2-selection .select2-selection__rendered .option-content-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable>thead>tr>th .select2-container .select2-selection .select2-selection__rendered .option-content-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable>thead>tr>th .select2-container .select2-selection .select2-selection__rendered .option-content-container {
    height: auto;
    padding: 0;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable>thead>tr>th .select2-container .select2-selection .select2-selection__rendered .option-content-container .option-content,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable>thead>tr>th .select2-container .select2-selection .select2-selection__rendered .option-content-container .option-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable>thead>tr>th .select2-container .select2-selection .select2-selection__rendered .option-content-container .option-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable>thead>tr>th .select2-container .select2-selection .select2-selection__rendered .option-content-container .option-content {
    display: inline
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th {
    color: #fff;
    font-weight: 400;
    height: 30px;
    padding-top: 5px;
    background-color: #999;
    border-right: 1px solid #e9e9e9
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td>div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th>div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td>div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th>div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td>div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th>div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td>div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th>div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td>div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th>div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td>div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th>div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td>div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th>div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td>div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th>div {
    height: auto
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th div {
    margin: 0
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td input,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th input,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td input,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th input,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td input,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th input,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td input,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th input {
    margin: 0 0 5px -6px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .ui-grid-ico-sort,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .ui-grid-ico-sort {
    position: relative;
    background: none;
    display: inline;
    top: -4px;
    margin-left: -4px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-state-disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-state-disabled {
    display: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-icon-desc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-icon-desc:after {
    content: "\2193";
    font-size: 11.62px;
    line-height: 17px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .ui-grid-ico-sort.ui-icon-asc:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .ui-grid-ico-sort.ui-icon-asc:after {
    content: "\2191";
    font-size: 11.62px;
    line-height: 17px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]) {
    text-align: left
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th:not(#filterView_Menu):not([id*=_ActionMenu]):not([id*=_cb]).ui-th-column-header {
    text-align: center
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .columnLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .columnLabel {
    text-indent: 1px;
    font-weight: 700
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .labelIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .labelIcon {
    text-indent: 3px;
    margin-right: 5px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .descriptionIcon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .descriptionIcon {
    padding-left: 2px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .icon-question-sign,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .icon-question-sign {
    text-indent: 5px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td .btn-mini i,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th .btn-mini i {
    margin-top: 1px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels td.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels td.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th.ui-state-hover {
    background-position: 0 10px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th[id$=_subgrid],
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th[id$=_subgrid],
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th[id$=_subgrid],
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th[id$=_subgrid],
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th[id$=_subgrid],
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th[id$=_subgrid],
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th[id$=_subgrid],
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th[id$=_subgrid] {
    padding-left: 5px !important;
    text-indent: 0 !important;
    text-align: center !important
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th[id$=_subgrid]>div>a,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th[id$=_subgrid]>div>a,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th[id$=_subgrid]>div>a,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th[id$=_subgrid]>div>a,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a {
    cursor: pointer;
    color: #000
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th[id$=_subgrid]>div>a>i.agito-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a>i.agito-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th[id$=_subgrid]>div>a>i.agito-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a>i.agito-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th[id$=_subgrid]>div>a>i.agito-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a>i.agito-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th[id$=_subgrid]>div>a>i.agito-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a>i.agito-icon {
    margin-bottom: 3px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th[id$=_subgrid]>div>a.plus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a.plus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th[id$=_subgrid]>div>a.plus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a.plus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th[id$=_subgrid]>div>a.plus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a.plus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th[id$=_subgrid]>div>a.plus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a.plus-icon>i.fa:before {
    display: inline-block;
    font-family: Agito;
    content: "\F123";
    font-style: normal;
    font-weight: 400;
    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;
    color: #fff;
    font-size: 17px;
    vertical-align: middle;
    margin-left: 5px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow th[id$=_subgrid]>div>a.minus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a.minus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow th[id$=_subgrid]>div>a.minus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a.minus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow th[id$=_subgrid]>div>a.minus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a.minus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow th[id$=_subgrid]>div>a.minus-icon>i.fa:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-jqgrid-labels th[id$=_subgrid]>div>a.minus-icon>i.fa:before {
    display: inline-block;
    font-family: Agito;
    content: "\F122";
    font-style: normal;
    font-weight: 400;
    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;
    color: #fff;
    font-size: 17px;
    vertical-align: middle;
    margin-left: 2px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow {
    border: #eee
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.footrow td,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.footrow td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.footrow td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.footrow td {
    font-weight: 700;
    padding-right: 5px;
    background-color: #eee;
    color: var(--font-default-color);
    border-right: 1px solid #fff
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable .ui-jqgrid-labels .ui-th-column,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable .ui-jqgrid-labels .ui-th-column,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column {
    text-indent: 5px;
    font-size: 14px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable .ui-jqgrid-labels .ui-th-column .btn,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column .btn,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable .ui-jqgrid-labels .ui-th-column .btn,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column .btn {
    color: #777;
    text-indent: 0;
    background-color: #fff
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable .ui-jqgrid-labels .ui-th-column .btn:hover,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column .btn:hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable .ui-jqgrid-labels .ui-th-column .btn:hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column .btn:hover {
    background-color: #f0f0f0
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable .ui-jqgrid-labels .ui-th-column[id$=_subgrid],
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column[id$=_subgrid],
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable .ui-jqgrid-labels .ui-th-column[id$=_subgrid],
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column[id$=_subgrid] {
    padding-left: 0 !important
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th {
    border-top-width: 0 !important;
    text-indent: 0;
    height: 30px;
    vertical-align: top;
    border-right: 1px solid #e9e9e9;
    padding: 0
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th>div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th>div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th>div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th>div {
    padding: 0 !important
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th>div:empty,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th>div:empty,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th>div:empty,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th>div:empty {
    height: 100% !important;
    background: repeating-linear-gradient(60deg, #ececec, #ececec 1px, #fff 0, #fff 6px)
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .ui-search-table,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .ui-search-table,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .ui-search-table,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .ui-search-table {
    background-color: #fff;
    table-layout: fixed;
    height: 100% !important
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .ui-search-table .ui-search-clear,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .ui-search-table .ui-search-clear,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .ui-search-table .ui-search-clear,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .ui-search-table .ui-search-clear {
    display: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th select,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th select,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th select,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th select {
    padding: 0
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th input,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th input {
    margin: 0;
    border: none;
    border-color: none;
    box-shadow: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th input:focus,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th input:focus,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th input:focus,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th input:focus {
    border-color: none;
    box-shadow: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th input,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th select,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th input,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th select,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th select,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th select {
    height: 30px;
    width: 100%;
    margin-right: -.3em;
    color: var(--font-default-color);
    background-color: #fff
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th input+.sliderInputContainer,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th input+.sliderInputContainer,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th input+.sliderInputContainer,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th input+.sliderInputContainer {
    display: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container {
    height: auto
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-offscreen,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-offscreen,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-offscreen,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-offscreen {
    display: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection {
    background-color: #fff;
    color: var(--font-default-color);
    position: relative;
    border: none;
    border-color: none;
    box-shadow: none;
    cursor: text
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection:focus,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection:focus,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection:focus,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection:focus {
    border-color: none;
    box-shadow: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-chosen,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-chosen,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-chosen,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-chosen {
    margin-right: 32px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered {
    background-color: #fff;
    line-height: 26px;
    text-overflow: ellipsis
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-search,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-search,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-search,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-search {
    padding: 0
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered span,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered span,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered span,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered span {
    top: 2px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-selection__choice,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-selection__choice,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-selection__choice,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-selection__choice {
    margin-top: 3px;
    margin-bottom: 3px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .option-content,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .option-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .option-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .option-content {
    padding: 0 4px;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    vertical-align: middle
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-search__field,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-search__field,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-search__field,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__rendered .select2-search__field {
    -webkit-box-shadow: none;
    box-shadow: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__choice__remove,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__choice__remove,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__choice__remove,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__choice__remove {
    color: var(--font-default-color);
    right: 1px;
    position: relative
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection span,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection span,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection span,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection span {
    text-overflow: clip;
    font-weight: 400;
    color: var(--font-default-color)
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection span [class*=ellipsis-in-the-middle] .first-part,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection span [class*=ellipsis-in-the-middle] .first-part,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection span [class*=ellipsis-in-the-middle] .first-part,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection span [class*=ellipsis-in-the-middle] .first-part {
    text-overflow: ellipsis
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow {
    background-color: #fafbfd;
    width: 20px;
    height: auto;
    border-left-width: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow b,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow b,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow b,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow b {
    border-width: 0;
    margin-left: 2px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow b:after,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow b:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow b:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection .select2-selection__arrow b:after {
    display: inline-block;
    font-family: Agito;
    content: "\F122";
    font-style: normal;
    font-weight: 400;
    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;
    color: #777;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    right: -3px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection--multiple,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection--multiple,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection--multiple,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection--multiple {
    min-height: 24px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice {
    border-width: 0;
    background-color: #fff;
    height: 18px;
    line-height: 18px;
    margin-top: 0;
    font-weight: 400;
    padding-left: 0;
    margin-right: 9px;
    max-width: 100%
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    float: right;
    margin-right: -9px;
    display: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice .select2-search__field .select2-search__field,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice .select2-search__field .select2-search__field,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice .select2-search__field .select2-search__field,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-selection--multiple .select2-selection__choice .select2-search__field .select2-search__field {
    height: auto;
    padding-bottom: 3px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container.select2-container--open .select2-selection--multiple,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container.select2-container--open .select2-selection--multiple,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container.select2-container--open .select2-selection--multiple,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container.select2-container--open .select2-selection--multiple {
    height: auto
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container.select2-container--open .select2-selection--multiple .select2-selection__choice__remove,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container.select2-container--open .select2-selection--multiple .select2-selection__choice__remove,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container.select2-container--open .select2-selection--multiple .select2-selection__choice__remove,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container.select2-container--open .select2-selection--multiple .select2-selection__choice__remove {
    display: inline-block;
    height: 110%;
    width: 15px;
    text-align: center
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container:not(.select2-container--open) .select2-selection--multiple,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container:not(.select2-container--open) .select2-selection--multiple,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container:not(.select2-container--open) .select2-selection--multiple,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container:not(.select2-container--open) .select2-selection--multiple {
    overflow: hidden;
    height: 24px
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-search-choice div,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-search-choice div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr.ui-search-toolbar th .select2-container .select2-search-choice div,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr.ui-search-toolbar th .select2-container .select2-search-choice div {
    font-weight: 400;
    height: auto;
    overflow: visible
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable .ui-th-column,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-th-column,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable .ui-th-column,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable .ui-th-column {
    white-space: nowrap
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable th,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable th,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable th {
    border-bottom-width: 0
}

.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-ftable tr th:last-child,
.gridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr th:last-child,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tr th:last-child,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-htable tr th:last-child {
    border-right: 1px solid transparent
}

.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-hbox:after {
    background-color: #eee
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.empty-state-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.empty-state-container {
    width: 100%;
    height: 100%;
    text-align: center
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.empty-state-container .empty-state-content-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.empty-state-container .empty-state-content-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.empty-state-container .empty-state-content-container .left-content,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.empty-state-container .empty-state-content-container .right-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.empty-state-container .empty-state-content-container .left-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.empty-state-container .empty-state-content-container .right-content {
    min-width: 200px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.empty-state-container .empty-state-content-container .left-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.empty-state-container .empty-state-content-container .left-content {
    text-align: left
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.empty-state-container .empty-state-content-container .left-content .info-label,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.empty-state-container .empty-state-content-container .left-content .info-label {
    padding-bottom: 18px;
    font-size: 18px;
    line-height: 1.2
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.empty-state-container .empty-state-content-container .left-content .btn.button,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.empty-state-container .empty-state-content-container .left-content .btn.button {
    border-radius: 4px;
    border: 1px solid #1e90bf;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 700;
    color: #1e90bf;
    background-image: none;
    background-color: #fff
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.empty-state-container .empty-state-content-container .left-content .btn.button:hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.empty-state-container .empty-state-content-container .left-content .btn.button:hover {
    text-decoration: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    background-color: #1e90bf;
    color: #fff
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.empty-state-container .empty-state-content-container .left-content .btn.button:focus,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.empty-state-container .empty-state-content-container .left-content .btn.button:focus {
    text-decoration: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.empty-state-container .empty-state-content-container .right-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.empty-state-container .empty-state-content-container .right-content {
    background: url(../95907bf42911ec7e056b.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv .initial-search-content-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .initial-search-content-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px;
    z-index: 1
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv .initial-search-content-container .left-content,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv .initial-search-content-container .right-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .initial-search-content-container .left-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .initial-search-content-container .right-content {
    min-width: 200px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv .initial-search-content-container .left-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .initial-search-content-container .left-content {
    text-align: left
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv .initial-search-content-container .left-content .info-label,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .initial-search-content-container .left-content .info-label {
    padding-bottom: 18px;
    font-size: 18px;
    line-height: 1.2
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv .initial-search-content-container .right-content,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv .initial-search-content-container .right-content {
    background: url(../95907bf42911ec7e056b.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv.frozen-bdiv .ui-jqgrid-btable,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv.frozen-bdiv .ui-jqgrid-btable {
    min-width: 0 !important;
    overflow-x: hidden;
    background: transparent
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv:not(.frozen-bdiv),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv:not(.frozen-bdiv) {
    min-height: 50px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv:not(.frozen-bdiv) .ui-jqgrid-btable tr.jqgroup td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv:not(.frozen-bdiv) .ui-jqgrid-btable tr.jqgroup td {
    border-right: 1px solid #e9e9e9
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgfirstrow,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgfirstrow {
    visibility: hidden
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table .subgrid-cell .ui-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table .subgrid-cell .ui-icon {
    background-image: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid>td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid>td {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid transparent;
    background-color: #fafbfd
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data {
    text-decoration: none;
    background-color: #fafbfd;
    border-right: 1px solid #e9e9e9;
    white-space: normal;
    overflow: visible
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data>.tablediv>.submitPage>.collapsible>.panel>.panel-heading>.toggle.collapsed,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data>.tablediv>.submitPage>.form-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data>.tablediv>.submitPage>.collapsible>.panel>.panel-heading>.toggle.collapsed,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data>.tablediv>.submitPage>.form-container {
    background-color: #fff;
    position: relative
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data>.tablediv>.submitPage>.collapsible>.panel>.panel-heading>.toggle.collapsed:before,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data>.tablediv>.submitPage>.form-container:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data>.tablediv>.submitPage>.collapsible>.panel>.panel-heading>.toggle.collapsed:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data>.tablediv>.submitPage>.form-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    width: 25px;
    bottom: 0;
    background-color: #fff
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data fieldset legend .blockLabel,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data fieldset legend .blockLabel {
    background-color: #fff
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data .header-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data .header-container {
    display: none
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data .ui-jqgrid,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data .ui-jqgrid {
    background-color: #fff
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data .panel.panel-default,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data .panel.panel-default {
    border-width: 0
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data .panel.panel-default .panel-heading,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data .panel.panel-default .panel-heading {
    background-color: #fafbfd
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-subgrid .subgrid-data .panel.panel-default .panel-heading:hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-subgrid .subgrid-data .panel.panel-default .panel-heading:hover {
    background-color: #eff2f9
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table.multiSelect tr.ui-row-ltr.ui-widget-content.ui-state-highlight:not(.disabled),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table.multiSelect tr.ui-row-ltr.ui-widget-content.ui-state-highlight:not(.disabled) {
    background-color: #f2f2f2
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table.multiSelect tr.ui-row-ltr.ui-widget-content.ui-state-highlight a,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table.multiSelect tr.ui-row-ltr.ui-widget-content.ui-state-highlight a {
    color: #1e90bf
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table.multiSelect tr.checkbox-disabled .cbox,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table.multiSelect tr.disabled .cbox,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table.multiSelect tr.checkbox-disabled .cbox,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table.multiSelect tr.disabled .cbox {
    visibility: hidden
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table.multiSelect tr.ui-subgrid .subgrid-data>.tablediv>.submitPage>.form-container:before,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table.multiSelect tr.ui-subgrid .subgrid-data>.tablediv>.submitPage>.form-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    width: 50px;
    bottom: 0;
    background-color: #fff
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgroup,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgroup {
    opacity: 1;
    background: #f9f9f9
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgroup.disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgroup.disabled {
    opacity: .5
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgroup td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgroup td {
    
    font-weight: 700;
    border-width: 1px 0;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #e9e9e9;
    white-space: nowrap
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgroup td .ui-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgroup td .ui-icon {
    background-image: none;
    text-indent: 0;
    width: auto;
    height: auto;
    margin: 0 7px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgroup td .ui-icon.ui-icon-circlesmall-minus:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgroup td .ui-icon.ui-icon-circlesmall-minus:after {
    display: inline-block;
    font-family: Agito;
    content: "\F122";
    font-style: normal;
    font-weight: 400;
    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;
    color: #999;
    font-size: 17px;
    vertical-align: middle
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgroup td .ui-icon.ui-icon-circlesmall-plus:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgroup td .ui-icon.ui-icon-circlesmall-plus:after {
    display: inline-block;
    font-family: Agito;
    content: "\F123";
    font-style: normal;
    font-weight: 400;
    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;
    color: #999;
    font-size: 17px;
    vertical-align: middle
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow {
    background-image: none;
    height: 40px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot.ui-priority-secondary,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow.ui-priority-secondary,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot.ui-priority-secondary,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow.ui-priority-secondary {
    background-color: #fff;
    opacity: 1
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot.disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot.isGreyedOut,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow.disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow.isGreyedOut,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot.disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot.isGreyedOut,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow.disabled,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow.isGreyedOut {
    opacity: .5
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot.highlighted,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow.highlighted,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot.highlighted,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow.highlighted {
    background-color: #dad3ed
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot.ui-state-hover,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow.ui-state-hover {
    background-color: #ecf8f8
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot input,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot input,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow input {
    width: auto;
    padding: 2px 3px;
    margin-top: 3px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot select,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow select,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot select,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow select {
    width: auto;
    padding: 0;
    height: 20px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td {
    height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #e9e9e9
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .link-text-color,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .link-text-color,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .link-text-color,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .link-text-color {
    color: var(--font-default-color)
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .text-overflow,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .text-overflow,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .text-overflow,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td>.withContextMenu .text a.link,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td>.withContextMenu .text a.link,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td>.withContextMenu .text a.link,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td>.withContextMenu .text a.link {
    display: inline-block
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td>.withContextMenu .contextMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td>.withContextMenu .contextMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td>.withContextMenu .contextMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td>.withContextMenu .contextMenu {
    margin-left: -8px;
    margin-top: -5px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .gridActionMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td>.withContextMenu .contextMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .gridActionMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td>.withContextMenu .contextMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .gridActionMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td>.withContextMenu .contextMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .gridActionMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td>.withContextMenu .contextMenu {
    margin-top: -5px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .gridActionMenu .actionButton.btn,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td>.withContextMenu .contextMenu .actionButton.btn,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .gridActionMenu .actionButton.btn,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td>.withContextMenu .contextMenu .actionButton.btn,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .gridActionMenu .actionButton.btn,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td>.withContextMenu .contextMenu .actionButton.btn,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .gridActionMenu .actionButton.btn,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td>.withContextMenu .contextMenu .actionButton.btn {
    padding: 4px 0 3px;
    width: 12px;
    margin-left: 5px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .gridActionMenu .actionButton.btn .entity-type-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td>.withContextMenu .contextMenu .actionButton.btn .entity-type-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .gridActionMenu .actionButton.btn .entity-type-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td>.withContextMenu .contextMenu .actionButton.btn .entity-type-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .gridActionMenu .actionButton.btn .entity-type-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td>.withContextMenu .contextMenu .actionButton.btn .entity-type-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .gridActionMenu .actionButton.btn .entity-type-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td>.withContextMenu .contextMenu .actionButton.btn .entity-type-icon {
    margin-left: -3px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td>.withContextMenu .contextMenu .text,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td>.withContextMenu .contextMenu .text,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td>.withContextMenu .contextMenu .text,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td>.withContextMenu .contextMenu .text {
    text-overflow: ellipsis;
    overflow: hidden
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .gridActionMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .gridActionMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .gridActionMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .gridActionMenu {
    width: auto;
    margin-left: -3px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td:not([aria-describedby*=_ActionMenu]):not([aria-describedby*=_cb]):not([aria-describedby*=_EditRowActions]),
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td:not([aria-describedby*=_ActionMenu]):not([aria-describedby*=_cb]):not([aria-describedby*=_EditRowActions]),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td:not([aria-describedby*=_ActionMenu]):not([aria-describedby*=_cb]):not([aria-describedby*=_EditRowActions]),
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td:not([aria-describedby*=_ActionMenu]):not([aria-describedby*=_cb]):not([aria-describedby*=_EditRowActions]) {
    padding: 0 7px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td.multiline,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td.multiline,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td.multiline,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td.multiline {
    white-space: pre
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td.multiline .ellipsis-in-the-middle,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td.multiline .ellipsis-in-the-middle,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td.multiline .ellipsis-in-the-middle,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td.multiline .ellipsis-in-the-middle {
    max-width: none;
    display: inline;
    flex-wrap: nowrap
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td.multiline.html,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td.multiline.html,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td.multiline.html,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td.multiline.html {
    white-space: normal
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .ui-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .ui-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .ui-icon,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .ui-icon {
    background-image: none;
    text-indent: 0;
    height: auto;
    margin-bottom: 3px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .ui-icon.ui-icon-minus:after,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .ui-icon.ui-icon-minus:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .ui-icon.ui-icon-minus:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .ui-icon.ui-icon-minus:after {
    display: inline-block;
    font-family: Agito;
    content: "\F122";
    font-style: normal;
    font-weight: 400;
    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;
    color: #999;
    font-size: 17px;
    vertical-align: middle
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .ui-icon.ui-icon-plus:after,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .ui-icon.ui-icon-plus:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .ui-icon.ui-icon-plus:after,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .ui-icon.ui-icon-plus:after {
    display: inline-block;
    font-family: Agito;
    content: "\F123";
    font-style: normal;
    font-weight: 400;
    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;
    color: #999;
    font-size: 17px;
    vertical-align: middle;
    margin-left: 2px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .grid-progress-container,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .grid-progress-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .grid-progress-container,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .grid-progress-container {
    height: 15px;
    border-radius: 3px;
    background-color: #ccc;
    position: relative;
    text-align: center;
    border: hidden !important
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .grid-progress-container .grid-progress-bar,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .grid-progress-container .grid-progress-bar,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .grid-progress-container .grid-progress-bar,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .grid-progress-container .grid-progress-bar {
    height: 15px;
    border-radius: 3px;
    background-color: #22b63a;
    color: #fff
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td .grid-progress-container .grid-progress-bar .grid-progress-bar-container-label,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td .grid-progress-container .grid-progress-bar .grid-progress-bar-container-label,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td .grid-progress-container .grid-progress-bar .grid-progress-bar-container-label,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td .grid-progress-container .grid-progress-bar .grid-progress-bar-container-label {
    position: absolute;
    left: 0;
    right: 0;
    line-height: 15px
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqfoot td.gridMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.jqgrow td.gridMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqfoot td.gridMenu,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.jqgrow td.gridMenu {
    padding: 0
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-row-ltr.highlight-color-red,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-row-ltr.highlight-color-red {
    background-color: #edb2a6
}

.gridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr.ui-row-ltr.highlight-color-orange,
.gridContainer .ui-jqgrid .ui-jqgrid-sdiv table tr.ui-row-ltr.highlight-color-orange {
    background-color: #e78241
}

.gridContainer .ui-jqgrid .ui-jqgrid-view {
    font-size: 100%;
    border: 1px solid #e9e9e9
}

.gridContainer .ui-jqgrid .ui-jqgrid-view .ui-search-input {
    text-align: left
}

.gridContainer .ui-jqgrid .ui-jqgrid-view .ui-search-input:not(.focus):not(.filled):after {
    display: inline-block;
    font-family: Agito;
    content: "\F1B1";
    font-style: normal;
    font-weight: 400;
    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;
    color: #d5d5d5;
    font-size: 13px;
    vertical-align: middle;
    position: absolute;
    top: 10px;
    right: 17px;
    cursor: text
}

.gridContainer .ui-jqgrid .ui-jqgrid-view input,
.gridContainer .ui-jqgrid .ui-jqgrid-view textarea {
    font-size: 100%;
    text-indent: 3px
}

.gridContainer .ui-jqgrid .ui-jqgrid-view button {
    font-size: 100%
}

.gridContainer .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-titlebar .ui-jqgrid-title {
    font-weight: 400
}

.gridContainer .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-titlebar .ui-jqgrid-titlebar-close {
    visibility: hidden
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager {
    margin-top: 7px !important;
    border: none;
    height: 38px
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table {
    table-layout: inherit;
    padding: 0
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-input,
.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-selbox {
    font-size: 100%;
    color: var(--font-default-color);
    width: 40px;
    height: 30px;
    padding: 0 4px 0 0;
    border-radius: 2px;
    text-align: center;
    text-indent: 3px;
    margin-left: 10px
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-selbox {
    width: 60px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fafbfd;
    transition: box-shadow .1s ease-in-out
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-selbox:hover {
    box-shadow: 0 0 0 2px #1e90bf !important
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button {
    padding: 0 3px
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button.ui-state-disabled {
    opacity: .8
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button:not(.ui-state-disabled) .ui-icon:hover {
    color: #555
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button .ui-icon-seek-next,
.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button .ui-icon-seek-prev {
    text-indent: 3px;
    height: 30px;
    width: 30px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #f5f8f4;
    color: #aaa;
    background-image: none;
    font-size: 21px
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button .ui-icon-seek-prev:after {
    content: "\F106";
    right: 3px
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button .ui-icon-seek-next:after,
.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button .ui-icon-seek-prev:after {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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;
    position: relative;
    top: 1px
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button .ui-icon-seek-next:after {
    content: "\F107"
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button .ui-icon-seek-end,
.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button .ui-icon-seek-first,
.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .ui-pg-table .ui-pg-button .ui-separator {
    display: none
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .select2-selection {
    height: 30px;
    width: 70px;
    border-radius: 2px;
    border: 1px solid #ddd
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .select2-selection .select2-selection__arrow {
    width: 30px;
    height: 28px;
    border-left: 1px solid #ddd;
    background-color: #f5f8f4;
    margin: 0
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .select2-selection .select2-selection__arrow b {
    left: 8px;
    top: 4px
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .select2-selection .select2-selection__arrow b:after {
    color: #aaa
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .select2-selection .select2-selection__arrow:hover b:after {
    color: #555
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager .select2-selection .select2-selection__rendered {
    line-height: 30px
}

.gridContainer .ui-jqgrid .ui-state-default.ui-jqgrid-pager td {
    border-width: 0
}

.gridContainer .ui-jqgrid .draggable {
    cursor: move
}

.gridContainer .ui-jqgrid .draggable input {
    cursor: auto
}

.gridContainer .ui-jqgrid .deliveryLessThanAnHourLeft b,
.gridContainer .ui-jqgrid .deliveryLessThanOneDayLeft b,
.gridContainer .ui-jqgrid .deliveryOverdue b {
    padding-right: 3px
}

.gridContainer .ui-jqgrid .deliveryOverdue {
    color: #9d261d
}

.gridContainer .ui-jqgrid .deliveryLessThanAnHourLeft {
    color: #d9a400
}

.gridContainer .ui-jqgrid .deliveryLessThanOneDayLeft {
    color: #3e7733
}

.gridContainer .ui-jqgrid .progress {
    border: 1px solid #ddd;
    margin-bottom: 0
}

.gridContainer .ui-jqgrid .progress.disabled {
    background-color: #ddd
}

.gridContainer .filterAndGridContainer {
    display: flex;
    margin-top: 10px
}

.gridContainer .filterAndGridContainer .gridTableContainer {
    min-width: 500px;
    flex: 1 1 auto
}

.gridContainer .panel.advansedSearchContainer {
    border-radius: 4px;
    border: 1px solid #d6eceb;
    position: relative;
    width: 300px;
    flex: 0 0 auto;
    margin-right: 12px;
    height: 600px;
    height: calc(100vh - 200px);
    overflow-y: hidden
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .panel-header {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d6eceb;
    text-align: right
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .panel-header .closeFilter {
    cursor: pointer
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .panel-header .closeFilter:hover {
    cursor: pointer;
    text-decoration: none
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .panel-header .closeFilter:before {
    display: inline-block;
    font-family: Agito;
    content: "\F142";
    font-style: normal;
    font-weight: 400;
    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;
    margin: 0 5px 0 0
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .panel-header button {
    margin-right: 8px
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .panel-body {
    height: calc(100vh - 295px);
    overflow-y: auto
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .panel-body .positionedColumn {
    padding-right: 0
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .panel-body .panel-body-title {
    margin-bottom: 15px
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .panel-body .panel-body-title h4 {
    margin: 0;
    display: inline-block
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .panel-body .panel-body-title h4:before {
    display: inline-block;
    font-family: Agito;
    content: "\F127";
    font-style: normal;
    font-weight: 400;
    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;
    margin: 0 5px 0 0
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .form-actions {
    margin-top: auto;
    margin-bottom: auto
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group,
.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .ui-search-table {
    width: 100%
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .ui-search-table .ui-search-input input {
    max-width: none
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .ui-search-input input:not(.select2-search__field) {
    padding-left: 10px !important
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .ui-search-input.filled .select2.select2-container .select2-selection {
    box-shadow: 0 0 0 1px #1e90bf !important;
    border-color: #1e90bf;
    background-color: #fff
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .ui-search-input.filled .select2.select2-container .select2-selection .select2-selection__arrow {
    background-color: #fff
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .ui-search-input.filled>input:not([readonly]):not([disabled]),
.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .ui-search-input.filled>textarea:not([readonly]):not([disabled]) {
    background-color: #fff;
    border-color: #1e90bf;
    box-shadow: 0 0 0 1px #1e90bf
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container {
    max-width: none
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection.select2-selection--multiple:hover {
    box-shadow: 0 0 0 1px #1e90bf !important;
    border-color: #1e90bf
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__clear {
    right: 30px;
    color: #999
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__choice {
    width: 100%;
    border: none;
    background-color: #fafbfd;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 2px
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__choice .select2-selection__choice__remove {
    float: right;
    margin-left: 5px;
    margin-right: 5px
}

@media only screen and (max-width:1680px) {
    .gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__rendered .option-content-container {
        max-width: 128px
    }
}

@media screen and (min-width:1681px) {
    .gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__rendered .option-content-container {
        max-width: 190px
    }
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__rendered {
    padding: 0
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__rendered .option-content-container[class*=language-] .option-content {
    display: inline
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__rendered .option-content-container[class*=status-] {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 3px 4px;
    height: auto;
    line-height: normal
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__rendered .option-content-container[class*=status-] .option-content {
    display: initial
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__rendered .option-content-container {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 8px;
    vertical-align: middle
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__rendered .option-content-container .option-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-selection__rendered .option-content-container .option-content:not(class^="status") {
    font-size: 14px;
    line-height: normal;
    min-height: unset
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .select2-search__field {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fafbfd !important
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .select2-container .control-label {
    color: #777
}

.gridContainer .panel.advansedSearchContainer .advanced-search-form .search-group .descriptionIcon {
    padding-left: 3px
}

.gridContainer.advanced-search-enabled .filteringIndicationContainer .filtering-indicators-container,
.gridContainer.advanced-search-enabled .filteringIndicationContainer .reset-actions-container .addFilter,
.gridContainer.advanced-search-enabled .filteringIndicationContainer .reset-actions-container .editFilter {
    display: none !important
}

.gridContainer.advanced-search-enabled .filteringIndicationContainer .reset-actions-container .closeFilter {
    display: inline
}

.gridContainer .filteringIndicationContainer {
    line-height: 19px;
    margin: 10px 0 5px;
    border-width: 0;
    display: none
}

.gridContainer .filteringIndicationContainer .reset-actions-container .clearFilter,
.gridContainer .filteringIndicationContainer .reset-actions-container .closeFilter,
.gridContainer .filteringIndicationContainer .reset-actions-container .editFilter,
.gridContainer .filteringIndicationContainer .reset-actions-container .filter-text,
.gridContainer .filteringIndicationContainer .reset-actions-container .resetFilter,
.gridContainer .filteringIndicationContainer .reset-actions-container .restoreDefaultFilter,
.gridContainer .filteringIndicationContainer .reset-actions-container .saveAsPreferredFilter {
    margin-right: 10px
}

.gridContainer .filteringIndicationContainer .reset-actions-container .clearFilter:before,
.gridContainer .filteringIndicationContainer .reset-actions-container .closeFilter:before,
.gridContainer .filteringIndicationContainer .reset-actions-container .editFilter:before,
.gridContainer .filteringIndicationContainer .reset-actions-container .filter-text:before,
.gridContainer .filteringIndicationContainer .reset-actions-container .resetFilter:before,
.gridContainer .filteringIndicationContainer .reset-actions-container .restoreDefaultFilter:before,
.gridContainer .filteringIndicationContainer .reset-actions-container .saveAsPreferredFilter:before {
    margin: 0 4px 0 0;
    font-size: 16px;
    text-decoration: none
}

.gridContainer .filteringIndicationContainer .reset-actions-container .addFilter:hover,
.gridContainer .filteringIndicationContainer .reset-actions-container .clearFilter:hover,
.gridContainer .filteringIndicationContainer .reset-actions-container .closeFilter:hover,
.gridContainer .filteringIndicationContainer .reset-actions-container .editFilter:hover,
.gridContainer .filteringIndicationContainer .reset-actions-container .resetFilter:hover,
.gridContainer .filteringIndicationContainer .reset-actions-container .restoreDefaultFilter:hover,
.gridContainer .filteringIndicationContainer .reset-actions-container .saveAsPreferredFilter:hover {
    cursor: pointer;
    text-decoration: underline
}

.gridContainer .filteringIndicationContainer .reset-actions-container .filter-text:before {
    display: inline-block;
    font-family: Agito;
    content: "\F15B";
    font-style: normal;
    font-weight: 400;
    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
}

.gridContainer .filteringIndicationContainer .reset-actions-container .resetFilter:before,
.gridContainer .filteringIndicationContainer .reset-actions-container .restoreDefaultFilter:before {
    display: inline-block;
    font-family: Agito;
    content: "\F1AF";
    font-style: normal;
    font-weight: 400;
    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
}

.gridContainer .filteringIndicationContainer .reset-actions-container .saveAsPreferredFilter {
    margin-left: 10px
}

.gridContainer .filteringIndicationContainer .reset-actions-container .saveAsPreferredFilter:before {
    display: inline-block;
    font-family: Agito;
    content: "\F16A";
    font-style: normal;
    font-weight: 400;
    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
}

.gridContainer .filteringIndicationContainer .reset-actions-container .managePreferredFilter {
    margin-left: 10px
}

.gridContainer .filteringIndicationContainer .reset-actions-container .managePreferredFilter:before {
    display: inline-block;
    font-family: Agito;
    content: "\F16A";
    font-style: normal;
    font-weight: 400;
    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;
    margin-right: 3px
}

.gridContainer .filteringIndicationContainer .reset-actions-container .managePreferredFilterMenu {
    opacity: 1;
    background-color: #fff;
    width: 165px;
    height: fit-content;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    position: absolute;
    color: #1e90bf;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    border: 1px solid rgba(0, 0, 0, .2);
    background-clip: padding-box;
    box-shadow: 0 0 4px rgba(0, 0, 0, .22)
}

.gridContainer .filteringIndicationContainer .reset-actions-container .managePreferredFilterMenu .preferredFilter {
    padding: 7px 10px 0;
    height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.gridContainer .filteringIndicationContainer .reset-actions-container .managePreferredFilterMenu .saveCurrentFilter {
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding: 7px 10px 0;
    height: 34px;
    width: 100%
}

.gridContainer .filteringIndicationContainer .reset-actions-container .managePreferredFilterMenu .saveCurrentFilter:before {
    display: inline-block;
    font-family: Agito;
    content: "\F172";
    font-style: normal;
    font-weight: 400;
    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;
    margin-right: 3px;
    font-weight: 600
}

.gridContainer .filteringIndicationContainer .reset-actions-container .managePreferredFilterMenu .editCurrentFilter {
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding: 7px 10px 0;
    height: 34px;
    width: 100%
}

.gridContainer .filteringIndicationContainer .reset-actions-container .managePreferredFilterMenu .editCurrentFilter:before {
    display: inline-block;
    font-family: Agito;
    content: "\F19E";
    font-style: normal;
    font-weight: 400;
    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;
    margin-right: 3px;
    font-weight: 600
}

.gridContainer .filteringIndicationContainer .reset-actions-container .dropdown-icon {
    width: 0;
    margin-right: 14px
}

.gridContainer .filteringIndicationContainer .reset-actions-container .dropdown-icon:before {
    content: "\F105";
    position: relative;
    right: 0;
    top: 3px;
    font-size: 19px;
    color: #1e90bf
}

.gridContainer .filteringIndicationContainer .reset-actions-container .clearFilter:before,
.gridContainer .filteringIndicationContainer .reset-actions-container .dropdown-icon:before {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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
}

.gridContainer .filteringIndicationContainer .reset-actions-container .clearFilter:before {
    content: "\F144"
}

.gridContainer .filteringIndicationContainer .reset-actions-container .editFilter:before {
    display: inline-block;
    font-family: Agito;
    content: "\F150";
    font-style: normal;
    font-weight: 400;
    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
}

.gridContainer .filteringIndicationContainer .reset-actions-container .closeFilter {
    display: none
}

.gridContainer .filteringIndicationContainer .reset-actions-container .closeFilter:before {
    display: inline-block;
    font-family: Agito;
    content: "\F142";
    font-style: normal;
    font-weight: 400;
    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
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container {
    border-radius: 4px;
    border: 1px solid #d6eceb;
    min-height: 30px;
    padding: 5px;
    margin-top: 5px;
    line-height: 22px;
    display: table;
    width: 100%
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filtering-indicators {
    display: table-cell;
    width: 99%
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filtering-indicators:empty {
    display: none
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .edit-filter-button-container {
    display: table-cell
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .edit-filter-button-container .edit-filter {
    border-radius: 4px;
    background-color: #1e90bf;
    color: #fff;
    font-size: 12px;
    padding: 0 4px;
    display: inline-block;
    white-space: nowrap
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .edit-filter-button-container .edit-filter:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: #1b7fa9
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .edit-filter-button-container .edit-filter:before {
    display: inline-block;
    font-family: Agito;
    content: "\F150";
    font-style: normal;
    font-weight: 400;
    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;
    margin: 0 4px 0 0
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator {
    margin-right: 20px;
    display: inline
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.clear-filter-value-button-hover.can-be-cleared {
    cursor: pointer;
    color: #cc2c2c;
    background-color: #fde9e9
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.clear-filter-value-button-hover.can-be-cleared .filteredColumnLabel,
.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.clear-filter-value-button-hover.can-be-cleared .filteredOperation {
    color: #cc2c2c
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.clear-filter-value-button-hover.can-be-cleared .filteredColumnLabel:before,
.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.clear-filter-value-button-hover.can-be-cleared .filteredOperation:before {
    text-decoration: underline
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.can-be-cleared .filteredColumnLabel {
    white-space: nowrap
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.can-be-cleared .filteredColumnLabel:before {
    display: inline-block;
    font-family: Agito;
    content: "\F142";
    font-style: normal;
    font-weight: 400;
    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;
    margin: 0 2px 3px 0;
    font-size: 8px;
    vertical-align: middle
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.can-be-cleared .filteredValueOption:hover .filteredValueOptionText {
    cursor: pointer;
    color: #cc2c2c;
    background-color: #fde9e9
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.can-be-cleared .filteredValueOption:hover .filteredValueOptionText:before {
    text-decoration: underline
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.can-be-cleared .filteredValueOption .filteredValueOptionText {
    white-space: nowrap
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator.can-be-cleared .filteredValueOption .filteredValueOptionText:before {
    display: inline-block;
    font-family: Agito;
    content: "\F142";
    font-style: normal;
    font-weight: 400;
    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;
    margin: 0 2px 3px 4px;
    font-size: 8px;
    vertical-align: middle
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator .filteredColumnLabel,
.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator .filteredOperation {
    font-weight: 700;
    color: #244453
}

.gridContainer .filteringIndicationContainer .filtering-indicators-container .filteringIndicator .filteredOperation {
    margin-left: 2px
}

.gridContainer.kanban .advansedSearchContainer {
    margin-bottom: 40px
}

.gridContainer.kanban .filteringIndicationContainer {
    margin-bottom: 35px
}

.gridContainer.kanban .kanbanViewContainer {
    width: 100%;
    overflow: visible;
    position: relative
}

.gridContainer.kanban .kanbanViewContainer .kanbanView {
    width: 100%;
    overflow: auto;
    position: relative;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer {
    display: table
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer {
    display: table-cell;
    border-radius: 4px 4px 0 0
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer:not(:last-child) {
    padding-right: 5px
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer:first-child .tableCaption {
    border-radius: 0 4px 0 0
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer:last-child .tableCaption {
    border-radius: 4px 0 0 0
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .tableCaption {
    border-radius: 4px 4px 0 0;
    background-color: #999;
    color: #fff;
    text-indent: 10px;
    font-weight: 700;
    padding: 3px 0
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .tableCaption .numberOfRecords {
    display: none
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .tableCaption .seeMore {
    cursor: pointer;
    padding-left: 5px;
    text-decoration: none;
    color: #fffbf8
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .ui-jqgrid .ui-jqgrid-hdiv {
    border-radius: 0
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox {
    padding-right: 0;
    border-left: 1px solid #999
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox .ui-jqgrid-htable th {
    height: auto
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox .ui-jqgrid-htable th .labelIcon {
    text-indent: -3px
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox .ui-jqgrid-htable th .labelIcon.indicator-column {
    text-indent: 4px;
    margin-right: 7px
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox .ui-search-toolbar {
    display: none !important
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .ui-jqgrid .ui-jqgrid-bdiv {
    border-left: 1px solid #ddd
}

.gridContainer.kanban .kanbanViewContainer .kanbanView .tablesContainer .tableContainer .ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow td {
    padding-left: 7px;
    padding-right: 7px
}

.select2-container .excludable-container {
    height: 30px;
    border-bottom: 1px solid #f5f5f5;
    display: table;
    width: 100%
}

.select2-container .excludable-container .serach-mode-text {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding-left: 10px;
    color: #777;
    cursor: default
}

.select2-container .excludable-container .value-container {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: right;
    padding-right: 5px;
    color: #777
}

.select2-container .excludable-container .value-container .value {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 0 3px;
    border-radius: 4px;
    background-color: #ebefeb;
    cursor: pointer
}

.select2-container .excludable-container .value-container .value:hover {
    background-color: #dde4dd
}

.select2-container .excludable-container .value-container .value:before {
    margin-right: 5px;
    font-size: 16px;
    position: relative;
    top: 2px
}

.select2-container .excludable-container .value-container .value.include:before {
    color: #FE8523;
    content: "\F129"
}

.select2-container .excludable-container .value-container .value.exclude:before,
.select2-container .excludable-container .value-container .value.include:before {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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
}

.select2-container .excludable-container .value-container .value.exclude:before {
    color: #f27910;
    content: "\F1D3"
}

.select2-container #select2-gs_JobStatus-results .select2-results__option .option-content,
.select2-container #select2-gs_Status-results .select2-results__option .option-content {
    display: inline;
    line-height: 32px;
    border-radius: 5px;
    margin-left: 10px;
    padding: 3px 6px;
    min-height: 0
}

.summary-wordcount-title {
    margin-left: 1.25em
}

.jqgrow span.editable {
    background-color: transparent;
    text-align: left
}

.jqgrow span label {
    display: none
}

.bootstrap-switch.bootstrap-switch-wrapper {
    border-radius: 10px;
    border-width: 0;
    margin: 0;
    box-shadow: none
}

.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-on {
    border: 1px solid #49cc5a
}

.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-off {
    border: 1px solid #ddd
}

.bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-container .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-container .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-container .bootstrap-switch-label {
    height: 18px;
    display: block;
    overflow: hidden;
    margin: 0
}

.bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-container .bootstrap-switch-handle-on {
    color: transparent;
    width: 20px;
    background-color: #49cc5a;
    position: relative;
    overflow: visible;
    vertical-align: top
}

.bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-container .bootstrap-switch-handle-on:after {
    content: "";
    position: absolute;
    top: 0;
    right: -9px;
    width: 9px;
    height: 18px;
    background-color: #49cc5a
}

.bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-container .bootstrap-switch-handle-off {
    color: transparent;
    width: 20px;
    background-color: #fff;
    position: relative;
    overflow: visible;
    vertical-align: top
}

.bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-container .bootstrap-switch-handle-off:after {
    content: "";
    position: absolute;
    top: 0;
    left: -9px;
    width: 9px;
    height: 18px;
    background-color: #fff
}

.bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-container .bootstrap-switch-label {
    background-color: #fff;
    border-radius: 10px;
    width: 18px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4);
    z-index: 2;
    position: relative
}

.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-disabled .bootstrap-switch-label {
    opacity: 1;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.ui-jqgrid .grid-icon-container {
    text-align: center
}

.ui-jqgrid .grid-icon-container .grid-icon {
    text-align: center;
    text-indent: 0;
    display: inline-block;
    vertical-align: middle
}

.ui-jqgrid .grid-icon-container .grid-icon .icon {
    color: #1e90bf;
    font-size: 14px
}

.ui-jqgrid .grid-icon-container .grid-icon .icon:not(.deny-switch-off):not(.off):not(.inactive):hover {
    cursor: pointer;
    color: #1e90bf
}

.ui-jqgrid .grid-icon-container .grid-icon .icon.hidden {
    display: none
}

.ui-jqgrid .grid-icon-container .grid-icon .icon.off:not(.deny-switch-on):hover {
    cursor: pointer
}

.ui-jqgrid .grid-icon-container .grid-icon .icon.deny-switch-off,
.ui-jqgrid .grid-icon-container .grid-icon .icon.deny-switch-on {
    color: #333a39
}

.ui-jqgrid .grid-icon-container .grid-icon .icon.inactive {
    color: #ddd
}

.ui-jqgrid .grid-icon-container .grid-icon .icon.agito-icon-pencil {
    font-size: 13px
}

.ui-jqgrid .grid-icon-container .grid-icon .icon.agito-icon-check,
.ui-jqgrid .grid-icon-container .grid-icon .icon.agito-icon-times {
    font-size: 24px
}

.ui-jqgrid .change-row-order-button .icon {
    font-size: 15px;
    color: #999 !important
}

.gridActionsBar .btn-group {
    float: none
}

.gridActionsBar .btn-group.presets {
    margin-left: 7px;
    line-height: 32px
}

.gridActionsBar .btn-group.presets .presets-label:before {
    display: inline-block;
    font-family: Agito;
    content: "\F1AA";
    font-style: normal;
    font-weight: 400;
    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
}

.gridActionsBar .btn-group.presets .preset {
    margin-left: 4px
}

.gridActionsBar .btn-group.presets .preset~.preset:before {
    content: "|";
    display: inline-block;
    text-decoration: none;
    margin-right: 6px
}

.gridActionsBar .btn-group.presets .preset.active {
    color: #1b7fa9;
    text-decoration: underline
}

.gridActionsBar .btn-group.presets .preset.disabled {
    color: #999
}

.gridActionsBar .btn-group.presets .preset.disabled:focus,
.gridActionsBar .btn-group.presets .preset.disabled:hover {
    text-decoration: none;
    cursor: not-allowed
}

.gridActionsBar .btn {
    text-decoration: none;
}

.gridActionsBar .btn.actionButton {
    height: 32px
}

.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows),
.gridActionsBar .btn.disabled {
    color: var(--font-default-color);
    background-color: #b7b7b7;
    border-color: #b7b7b7;
    pointer-events: none
}

.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows).focus,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):focus,
.gridActionsBar .btn.disabled.focus,
.gridActionsBar .btn.disabled:focus {
    color: var(--font-default-color);
    background-color: #9d9d9d;
    border-color: #777
}

.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):hover,
.gridActionsBar .btn.disabled:hover {
    color: var(--font-default-color);
    background-color: #9d9d9d;
    border-color: #989898
}

.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows).active,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):active,
.gridActionsBar .btn.disabled.active,
.gridActionsBar .btn.disabled:active,
.open>.dropdown-toggle.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows),
.open>.dropdown-toggle.gridActionsBar .btn.disabled {
    color: var(--font-default-color);
    background-color: #9d9d9d;
    background-image: none;
    border-color: #989898
}

.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows).active.focus,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows).active:focus,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows).active:hover,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):active.focus,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):active:focus,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):active:hover,
.gridActionsBar .btn.disabled.active.focus,
.gridActionsBar .btn.disabled.active:focus,
.gridActionsBar .btn.disabled.active:hover,
.gridActionsBar .btn.disabled:active.focus,
.gridActionsBar .btn.disabled:active:focus,
.gridActionsBar .btn.disabled:active:hover,
.open>.dropdown-toggle.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows).focus,
.open>.dropdown-toggle.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):focus,
.open>.dropdown-toggle.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):hover,
.open>.dropdown-toggle.gridActionsBar .btn.disabled.focus,
.open>.dropdown-toggle.gridActionsBar .btn.disabled:focus,
.open>.dropdown-toggle.gridActionsBar .btn.disabled:hover {
    color: var(--font-default-color);
    background-color: #8b8b8b;
    border-color: #777
}

.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows).disabled.focus,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows).disabled:focus,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows).disabled:hover,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows)[disabled].focus,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows)[disabled]:focus,
.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows)[disabled]:hover,
.gridActionsBar .btn.disabled.disabled.focus,
.gridActionsBar .btn.disabled.disabled:focus,
.gridActionsBar .btn.disabled.disabled:hover,
.gridActionsBar .btn.disabled[disabled].focus,
.gridActionsBar .btn.disabled[disabled]:focus,
.gridActionsBar .btn.disabled[disabled]:hover,
fieldset[disabled] .gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows).focus,
fieldset[disabled] .gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):focus,
fieldset[disabled] .gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):hover,
fieldset[disabled] .gridActionsBar .btn.disabled.focus,
fieldset[disabled] .gridActionsBar .btn.disabled:focus,
fieldset[disabled] .gridActionsBar .btn.disabled:hover {
    background-color: #b7b7b7;
    border-color: #b7b7b7
}

.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows) .badge,
.gridActionsBar .btn.disabled .badge {
    color: #b7b7b7;
    background-color: var(--font-default-color)
}

.gridActionsBar .btn.actionWithSelectedRows:not(.gridHasSelectedRows):hover,
.gridActionsBar .btn.disabled:hover {
    background-color: #b7b7b7;
    border-color: #b7b7b7;
    cursor: default
}

.select2-container.multiple-selects-primary-select .select2-selection--multiple {
    max-height: 60px
}

.select2-container.multiple-selects-primary-select .select2-selection--multiple ul.select2-selection__rendered {
    height: auto;
    cursor: pointer
}

.select2-container.multiple-selects-primary-select .select2-selection--multiple .select2-search__field,
.select2-container.multiple-selects-primary-select .select2-selection--multiple ul.select2-selection__rendered .select2-search-choice,
.select2-container.multiple-selects-primary-select .select2-selection--multiple ul.select2-selection__rendered .select2-search-choice .select2-search-choice-close {
    cursor: pointer
}

.select2-container.multiple-selects-primary-select .select2-selection--multiple.select2-dropdowndown-open .select2-search__field,
.select2-container.multiple-selects-primary-select .select2-selection--multiple.select2-dropdowndown-open ul.select2-selection__rendered,
.select2-container.multiple-selects-primary-select .select2-selection--multiple.select2-dropdowndown-open ul.select2-selection__rendered .select2-search-choice {
    cursor: default
}

.multiple-selects-select-primary-dropdown {
    opacity: 0
}

.multiple-selects-select-primary-dropdown ul.select2-results {
    height: 0;
    display: none
}

.multiple-selects-select-dropdown {
    z-index: 100001
}

.multiple-selects-chooser-container {
    position: absolute;
    width: 361px;
    margin-left: -1px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-top: none;
    z-index: 100000
}

.multiple-selects-chooser-container.triple {
    width: 518px
}

.multiple-selects-chooser-container.triple.with-checkbox {
    width: 583px
}

.multiple-selects-chooser-container .multiple-selects-select-container {
    width: 140px;
    display: inline-block;
    margin: 10px 5px
}

.multiple-selects-chooser-container .multiple-selects-checkbox-container {
    width: 65px;
    display: inline-block;
    margin: 10px 5px
}

.multiple-selects-chooser-container .multiple-selects-checkbox-container .multiple-selects-checkbox-label {
    margin-left: 5px;
    font-weight: 400;
    color: #000
}

.multiple-selects-chooser-container .add-pair {
    display: inline-block;
    position: relative;
    width: 20px;
    padding: 2px;
    margin-right: 10px;
    margin-left: 5px
}

.multiple-selects-chooser-container .add-pair .icon:before {
    display: inline-block;
    font-family: Agito;
    content: "\F1A2";
    font-style: normal;
    font-weight: 400;
    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
}

.multiple-selects-chooser-container.triple .pairs-summary {
    width: 492px
}

.multiple-selects-chooser-container .pairs-summary {
    overflow-y: auto;
    max-height: 100px;
    width: 335px;
    padding: 0 10px
}

.multiple-selects-chooser-container .pairs-summary .result-row {
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #f5f8f4;
    padding: 2px 4px
}

.multiple-selects-chooser-container .pairs-summary .result-row:nth-child(2n) {
    background-color: #ebefeb
}

.multiple-selects-chooser-container .pairs-summary .result-row:hover {
    background-color: #e8eee9
}

.multiple-selects-chooser-container .pairs-summary .result-row .combination-in-summary {
    display: table-cell;
    cursor: default
}

.multiple-selects-chooser-container .pairs-summary .result-row .pair-remove {
    display: table-cell;
    width: 15px;
    color: #1e90bf;
    cursor: pointer
}

.multiple-selects-chooser-container .pairs-summary .result-row .pair-remove:hover {
    color: #1b7fa9
}

.multiple-selects-chooser-container .clear-summary-container {
    margin-left: 10px;
    margin-top: 5px
}

.multiple-selects-chooser-container .clear-summary-container .clear-summary {
    cursor: pointer;
    color: #1e90bf;
    text-decoration: underline
}

.multiple-selects-chooser-container .clear-summary-container .clear-summary:hover {
    color: #1b7fa9
}

.multiple-selects-chooser-container .apply-filter {
    float: right;
    margin: 10px;
    font-weight: 700
}

.multiple-selects-chooser-container .clear-filter {
    float: left;
    margin: 10px;
    font-weight: 700
}

#columnChooserContainer #frozenColumnsLabel {
    padding-right: 4px;
    padding-left: 2px
}

#columnChooserContainer #frozenColumnsDropdown {
    width: 50px
}

#columnChooserContainer #frozenColumnsDropdown+.select2 .select2-selection {
    height: auto
}

#columnChooserContainer #frozenColumnsDropdown+.select2 .select2-selection .select2-selection__rendered {
    line-height: 20px
}

#columnChooserContainer #frozenColumnsDropdown+.select2 .select2-selection .select2-selection__arrow {
    height: 16px;
    top: 5px
}

#columnChooserContainer #frozenColumnsDropdown+.select2 .select2-selection .select2-selection__arrow b {
    top: 0
}

#columnChooserContainer #multiSelect {
    width: 550px;
    height: 220px;
    display: none
}

#columnChooserContainer .ui-multiselect {
    margin-top: 7px;
    overflow: hidden
}

#columnChooserContainer .ui-multiselect .ui-widget-header {
    background-color: #999
}

#columnChooserContainer .frozenColumns {
    font-weight: 700
}

.ui-jqgrid .tabs {
    display: inline-block;
    margin-left: 5px;
    float: left;
    position: relative
}

.ui-jqgrid .tabs .tab a {
    color: #555;
    text-transform: uppercase;
    
    font-weight: 400;
    text-decoration: none;
    font-size: 12px;
    background-color: #fafbfd;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    padding: 8px 15px;
    cursor: pointer
}

.ui-jqgrid .tabs .tab.active a {
    background-color: #fff;
    color: #000;
    border: 1px solid #ddd;
    border-bottom-color: #fff;
    cursor: default
}

.ui-jqgrid .tabs .tab:not(.active):hover a {
    background-color: #eff2f9
}

.last-loading-date-container {
    display: inline-block;
    float: left;
    position: relative;
    top: -2px;
    margin-left: 10px;
    padding: 2px 0 1px 4px;
    font-size: 14px
}

.last-loading-date-container.overdue .date {
    color: #9d261d
}

.last-loading-date-container.overdue .refresh-grid-data-button {
    background-color: #9d261d
}

.last-loading-date-container.overdue .refresh-grid-data-button:hover {
    background-color: #721c15
}

.last-loading-date-container .last-loading-label {
    color: #777;
    display: inline-block;
    margin-right: 5px
}

.last-loading-date-container .date {
    display: inline-block;
    margin-right: 8px;
    color: var(--font-default-color);
    font-weight: 700
}

.last-loading-date-container .refresh-grid-data-button {
    display: inline-block;
    cursor: pointer;
    background-color: #1b7fa9;
    width: 16px;
    height: 16px;
    color: #fff
}

.last-loading-date-container .refresh-grid-data-button:hover {
    cursor: pointer;
    background-color: #145e7d
}

.last-loading-date-container .refresh-grid-data-button:before {
    display: inline-block;
    font-family: Agito;
    content: "\F1AD";
    font-style: normal;
    font-weight: 400;
    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;
    position: relative;
    left: 2.5px;
    top: -2px;
    font-size: 11px
}

.positionedColumn .field {
    display: block
}

.dependent-fields-container {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.dependent-fields-container:not(:last-child) {
    margin-bottom: 24px
}

.dependent-fields-container:not(.readonly-primary-field) {
    min-height: 124px
}

.dependent-fields-container .dependent-field {
    margin-top: 10px
}

.dependent-fields-container .dependent-field .field label {
    display: none
}

.dependent-fields-container[data-field-with-wrapped-label=true] .primary-field label {
    min-height: 28px
}

.dependent-fields-container.hide-primary-field .primary-field .field {
    min-height: 0;
    margin-bottom: 0
}

.dependent-fields-container.hide-primary-field .primary-field .field .fieldValue {
    display: none
}

.field {
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.field,
.field .clearable-field-wrapper {
    position: relative
}

.field .clearable-field-wrapper .clear-value-cross {
    display: none;
    position: absolute;
    cursor: pointer;
    top: 3px;
    color: #ccc;
    font-weight: 400;
    font-size: 20px
}

.field .clearable-field-wrapper .clear-value-cross:hover {
    color: #333
}

.field.empty-label label {
    display: none
}

.field:not(:last-child) {
    margin-bottom: 24px
}

.field:not(.fullwidth) {
    width: 174px
}

@media screen and (min-width:1560px) {
    .field:not(.fullwidth) {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .field:not(.fullwidth) {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .field:not(.fullwidth) {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .field:not(.fullwidth) {
        width: 259px
    }
}

.field .field-action {
    position: absolute;
    cursor: pointer;
    display: block
}

.field .fieldValue {
    min-height: 32px;
    width: 174px
}

@media screen and (min-width:1560px) {
    .field .fieldValue {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .field .fieldValue {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .field .fieldValue {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .field .fieldValue {
        width: 259px
    }
}

.field.fullwidth,
.field.fullwidth .fieldValue {
    width: 100%
}

.field.emptyValue.readonly .fieldValue .uneditable-field-value:not(.ajax-loaded-field):after {
    content: "\2013";
    display: block;
    line-height: 19px
}

.field[data-field-with-wrapped-label=true] label {
    min-height: 28px;
    display: flex;
    align-items: flex-end
}

.field[data-field-with-wrapped-label=true] label span[rel=tooltip] {
    margin-left: 3px
}

.field[data-cell-colspan="1"] {
    min-height: 50px
}

.field[data-cell-colspan="2"] {
    min-height: 124px
}

.field[data-cell-colspan="3"] {
    min-height: 198px
}

.field[data-cell-colspan="4"] {
    min-height: 272px
}

.field label {
    cursor: default;
    font-weight: 400;
    color: #777;
    line-height: 14px;
    margin-bottom: 4px;
    min-height: 14px;
    display: block
}

.field label .asterisk {
    font-weight: 700
}

.field label .tooltipExclamation:before {
    display: inline-block;
    font-family: Agito;
    content: "\F16F";
    font-style: normal;
    font-weight: 400;
    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;
    color: #cc2c2c
}

.field label.input-validation-error {
    color: #843534;
    line-height: 12px;
    font-size: 12px;
    padding: 5px 0;
    text-align: right;
    margin-bottom: -22px
}

.field .fieldValue input.input-validation-error:not(.select2-container) {
    border-color: #843534;
    box-shadow: 0 0 0 1px #843534;
    padding: 0 4px
}

.field .fieldValue input.input-validation-error:not(.select2-container):focus {
    border-color: #5f2626;
    box-shadow: 0 0 0 1px #5f2626
}

.field .suggestions-header {
    border-bottom: 1px solid #ddd;
    padding: 3px 20px;
    font-weight: 700
}

.field .tooltip {
    max-width: 500px
}

.field .tooltip .wideTooltip {
    width: 470px;
    display: inline-block
}

.field .tooltip-inner {
    max-width: 500px;
    color: #272d2d;
    border: 1px solid #ddd;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px
}

.field .tooltip-inner .name {
    font-weight: 700
}

.field.readonly .fieldValue {
    line-height: 15px;
    color: #000
}

.field.readonly .fieldValue .uneditable-field-value {
    width: 174px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-height: 30px;
    line-height: 24px;
    color: var(--font-default-color);
    border-radius: 4px;
    border: 1px dashed #d5d5d5;
    padding: 3px 6px;
    cursor: not-allowed
}

@media screen and (min-width:1560px) {
    .field.readonly .fieldValue .uneditable-field-value {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .field.readonly .fieldValue .uneditable-field-value {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .field.readonly .fieldValue .uneditable-field-value {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .field.readonly .fieldValue .uneditable-field-value {
        width: 259px
    }
}

.field.readonly .fieldValue .uneditable-field-value .uneditable-field-value-text {
    cursor: auto
}

.field.readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 153px
}

@media screen and (min-width:1560px) {
    .field.readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 178px
    }
}

@media screen and (min-width:1680px) {
    .field.readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 198px
    }
}

@media screen and (min-width:1800px) {
    .field.readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 218px
    }
}

@media screen and (min-width:1920px) {
    .field.readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 238px
    }
}

.field.readonly .fieldValue input[type=hidden] {
    height: 0;
    width: 0
}

.field .saved-success {
    position: absolute;
    display: none;
    color: #22b63a;
    padding-top: 1px;
    bottom: -21px;
    right: 0;
    font-size: 12px
}

.field.saved {
    position: relative
}

.field.saved .saved-success {
    display: block
}

.field.saved input {
    border-color: #22b63a;
    box-shadow: 0 0 0 1px #22b63a;
    background-color: #fff
}

.field.saved input.checkbox,
.field.saved input.multigroup-checkbox {
    box-shadow: none
}

.field.saved input.changed {
    border-color: #22b63a;
    box-shadow: 0 0 0 1px #22b63a;
    background-color: #fff
}

.field.simple .fieldValue.fieldWithContextMenu .contextMenu,
.field.simple .fieldValue.fieldWithContextMenu .contextMenu .open {
    display: inline-block;
    position: relative
}

.field.simple .fieldValue.fieldWithContextMenu .text {
    width: 148px;
    display: inline-block;
    margin-left: 5px
}

@media screen and (min-width:1560px) {
    .field.simple .fieldValue.fieldWithContextMenu .text {
        width: 173px
    }
}

@media screen and (min-width:1680px) {
    .field.simple .fieldValue.fieldWithContextMenu .text {
        width: 193px
    }
}

@media screen and (min-width:1800px) {
    .field.simple .fieldValue.fieldWithContextMenu .text {
        width: 213px
    }
}

@media screen and (min-width:1920px) {
    .field.simple .fieldValue.fieldWithContextMenu .text {
        width: 233px
    }
}

.field.integer input,
.field.number input {
    text-align: right
}

.field.integer input.input-validation-error,
.field.number input.input-validation-error {
    border-color: #843534;
    box-shadow: 0 0 0 1px #843534;
    padding: 0 4px
}

.field.integer input.input-validation-error:focus,
.field.number input.input-validation-error:focus {
    border-color: #5f2626;
    box-shadow: 0 0 0 1px #5f2626
}

.field.integer .fieldValue.fieldWithContextMenu .contextMenu,
.field.integer .fieldValue.fieldWithContextMenu .contextMenu .open,
.field.number .fieldValue.fieldWithContextMenu .contextMenu,
.field.number .fieldValue.fieldWithContextMenu .contextMenu .open,
.field.string .fieldValue.fieldWithContextMenu .contextMenu,
.field.string .fieldValue.fieldWithContextMenu .contextMenu .open {
    display: inline-block
}

.field.integer .fieldValue.fieldWithContextMenu input,
.field.number .fieldValue.fieldWithContextMenu input,
.field.string .fieldValue.fieldWithContextMenu input {
    width: 150px
}

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

    .field.integer .fieldValue.fieldWithContextMenu input,
    .field.number .fieldValue.fieldWithContextMenu input,
    .field.string .fieldValue.fieldWithContextMenu input {
        width: 175px
    }
}

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

    .field.integer .fieldValue.fieldWithContextMenu input,
    .field.number .fieldValue.fieldWithContextMenu input,
    .field.string .fieldValue.fieldWithContextMenu input {
        width: 195px
    }
}

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

    .field.integer .fieldValue.fieldWithContextMenu input,
    .field.number .fieldValue.fieldWithContextMenu input,
    .field.string .fieldValue.fieldWithContextMenu input {
        width: 215px
    }
}

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

    .field.integer .fieldValue.fieldWithContextMenu input,
    .field.number .fieldValue.fieldWithContextMenu input,
    .field.string .fieldValue.fieldWithContextMenu input {
        width: 235px
    }
}

.field.money input {
    text-align: right;
    width: 141px;
    padding: 3px 5px
}

@media screen and (min-width:1560px) {
    .field.money input {
        width: 166px
    }
}

@media screen and (min-width:1680px) {
    .field.money input {
        width: 186px
    }
}

@media screen and (min-width:1800px) {
    .field.money input {
        width: 206px
    }
}

@media screen and (min-width:1920px) {
    .field.money input {
        width: 226px
    }
}

.field.money input.input-validation-error {
    border-color: #843534;
    box-shadow: 0 0 0 1px #843534;
    padding: 0 4px
}

.field.money input.input-validation-error:focus {
    border-color: #5f2626;
    box-shadow: 0 0 0 1px #5f2626
}

.field.money .currency {
    width: 30px
}

.field.money .fieldValue.fieldWithContextMenu .contextMenu,
.field.money .fieldValue.fieldWithContextMenu .contextMenu .open {
    display: inline-block
}

.field.money .fieldValue.fieldWithContextMenu input {
    width: 118px
}

@media screen and (min-width:1560px) {
    .field.money .fieldValue.fieldWithContextMenu input {
        width: 143px
    }
}

@media screen and (min-width:1680px) {
    .field.money .fieldValue.fieldWithContextMenu input {
        width: 163px
    }
}

@media screen and (min-width:1800px) {
    .field.money .fieldValue.fieldWithContextMenu input {
        width: 183px
    }
}

@media screen and (min-width:1920px) {
    .field.money .fieldValue.fieldWithContextMenu input {
        width: 203px
    }
}

.field.radio-field.saved input {
    box-shadow: none
}

.field.radio-field .radio-block {
    padding-top: 5px
}

.field.radio-field .radio-block.oas-save-mode {
    width: max-content
}

.field.radio-field .radio-block.oas-save-mode .radio-border {
    display: inline-block;
    margin-left: 14px
}

.field.radio-field .radio-block input[type=radio] {
    margin-top: -1px;
    vertical-align: middle
}

.field.radio-field .radio-block .radio-right-label {
    margin-left: 3px
}

.field.radio-field .radio-block .radio-left-label {
    margin-right: 3px
}

.field.radio-field.fullwidth label.radio-label {
    margin-right: 15px;
    display: inline-block
}

.field.multiString.saved .trumbowyg-box,
.field.multiString.saved textarea {
    border-color: #22b63a;
    box-shadow: 0 0 0 1px #22b63a;
    background-color: #fff
}

.field.multiString.emptyValue.fullwidth .fieldValue a {
    cursor: pointer
}

.field.multiString.emptyValue.fullwidth .fieldValue a .icon {
    text-decoration: none
}

.field.multiString.emptyValue.fullwidth .fieldValue a:hover .icon {
    text-decoration: underline
}

.field.multiString.rich .trumbowyg-box {
    min-height: 136px;
    border-radius: 4px;
    margin: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.field.multiString.rich .trumbowyg-box .trumbowyg-button-pane {
    border-radius: 4px 4px 0 0;
    background-color: #fafbfd
}

.field.multiString.rich .trumbowyg-box .trumbowyg-button-pane button {
    width: auto;
    padding: 1px 5px !important;
    transition: background-color .15s ease-in-out
}

.field.multiString.rich .trumbowyg-box .trumbowyg-button-pane button svg {
    width: 16px;
    fill: var(--font-default-color)
}

.field.multiString.rich .trumbowyg-box .trumbowyg-button-pane button.trumbowyg-active,
.field.multiString.rich .trumbowyg-box .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.field.multiString.rich .trumbowyg-box .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
    background-color: #d6eceb
}

.field.multiString.rich .trumbowyg-box .trumbowyg-editor {
    min-height: 100px;
    border-radius: 0 0 4px 4px;
    padding: 0 6px;
    background-color: #fafbfd
}

.field.multiString.rich .trumbowyg-box .trumbowyg-editor p {
    margin: 0
}

.field.multiString.rich:not(.readonly) .trumbowyg-box:hover {
    border-color: #1e90bf;
    box-shadow: 0 0 0 1px #1e90bf
}

.field.multiString.rich:not(.readonly) .trumbowyg-box:hover .trumbowyg-editor {
    background-color: #fff
}

.field.multiString.rich.focus:not(.readonly) .trumbowyg-box {
    outline: 0;
    background-color: #fff;
    border-color: #1e90bf;
    box-shadow: 0 0 0 1px #1e90bf
}

.field.multiString.rich.focus:not(.readonly) .trumbowyg-box .trumbowyg-editor {
    background-color: #fff
}

.field.multiString textarea {
    min-height: 60px;
    height: 100px;
    width: 174px;
    resize: vertical;
    display: block
}

@media screen and (min-width:1560px) {
    .field.multiString textarea {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .field.multiString textarea {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .field.multiString textarea {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .field.multiString textarea {
        width: 259px
    }
}

.field.multiString textarea.input-validation-error {
    border-color: #843534;
    box-shadow: 0 0 0 1px #843534;
    padding: 0 4px
}

.field.multiString textarea.input-validation-error:focus {
    border-color: #5f2626;
    box-shadow: 0 0 0 1px #5f2626
}

.field.multiString .ui-wrapper {
    width: 100% !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important
}

.field.multiString .ui-wrapper .ui-resizable-se {
    bottom: -3px;
    right: 12px
}

.field.multiString.fullwidth textarea {
    width: 100%;
    resize: vertical
}

.field.multiString .uneditable-field-value {
    width: 174px;
    resize: none;
    padding: 7px 0 6px
}

@media screen and (min-width:1560px) {
    .field.multiString .uneditable-field-value {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .field.multiString .uneditable-field-value {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .field.multiString .uneditable-field-value {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .field.multiString .uneditable-field-value {
        width: 259px
    }
}

.field.multiString .uneditable-field-value .closeReadmore,
.field.multiString .uneditable-field-value .readmore {
    cursor: pointer;
    margin-left: 5px
}

.field.multiString .uneditable-field-value p {
    margin: 0;
    white-space: normal
}

.field.multiString .uneditable-field-value .uneditable-field-value-text {
    border: 0;
    font-size: 14px;
    
    line-height: 17.1px;
    color: var(--font-default-color);
    overflow: visible;
    margin: 0;
    padding: 0;
    word-break: normal;
    white-space: pre-wrap
}

.field.multiString .charsCount.negative,
.field.multiString .wordsCount.negative {
    color: #843534
}

.field.multiString .timestamp-button {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer
}

.field.tile {
    display: inline-block;
    width: auto
}

.field.tile .fieldValue {
    width: auto
}

.field.link .fieldValue {
    line-height: 18px
}

.field.dateTime input {
    cursor: pointer;
    padding-right: 16px
}

.field.dateTime .clear-value-cross {
    right: 10px
}

.field.boolean,
.field.reference {
    min-height: 23px
}

.field.boolean .clearable-field-wrapper .select2-selection,
.field.reference .clearable-field-wrapper .select2-selection {
    padding-right: 5px
}

.field.boolean .clear-value-cross,
.field.reference .clear-value-cross {
    right: 28px
}

.field.boolean .select2.select2-container,
.field.reference .select2.select2-container {
    width: 174px !important
}

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

    .field.boolean .select2.select2-container,
    .field.reference .select2.select2-container {
        width: 199px !important
    }
}

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

    .field.boolean .select2.select2-container,
    .field.reference .select2.select2-container {
        width: 219px !important
    }
}

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

    .field.boolean .select2.select2-container,
    .field.reference .select2.select2-container {
        width: 239px !important
    }
}

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

    .field.boolean .select2.select2-container,
    .field.reference .select2.select2-container {
        width: 259px !important
    }
}

.field.boolean .cancelChanges,
.field.reference .cancelChanges {
    display: none
}

.field.boolean.saved .select2-selection,
.field.reference.saved .select2-selection {
    border-color: #22b63a;
    box-shadow: 0 0 0 1px #22b63a;
    background-color: #fff;
    background-color: #fafbfd
}

.field.boolean select[disabled]+div,
.field.reference select[disabled]+div {
    opacity: 1 !important
}

.field.boolean select[disabled]+div .select2-selection,
.field.reference select[disabled]+div .select2-selection {
    margin-bottom: 0
}

.field.boolean input,
.field.boolean select,
.field.reference input,
.field.reference select {
    height: 16px;
    width: 174px;
    padding: 0
}

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

    .field.boolean input,
    .field.boolean select,
    .field.reference input,
    .field.reference select {
        width: 199px
    }
}

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

    .field.boolean input,
    .field.boolean select,
    .field.reference input,
    .field.reference select {
        width: 219px
    }
}

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

    .field.boolean input,
    .field.boolean select,
    .field.reference input,
    .field.reference select {
        width: 239px
    }
}

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

    .field.boolean input,
    .field.boolean select,
    .field.reference input,
    .field.reference select {
        width: 259px
    }
}

.field.boolean .input-validation-error~.select2-container .select2-selection,
.field.reference .input-validation-error~.select2-container .select2-selection {
    border-color: #843534;
    box-shadow: 0 0 0 1px #843534;
    padding: 0 4px;
    background-color: #fafbfd
}

.field.boolean .input-validation-error~.select2-container .select2-selection:focus,
.field.reference .input-validation-error~.select2-container .select2-selection:focus {
    border-color: #5f2626;
    box-shadow: 0 0 0 1px #5f2626
}

.field.boolean .input-validation-error~.select2-container .select2-selection .select2-selection__arrow,
.field.reference .input-validation-error~.select2-container .select2-selection .select2-selection__arrow {
    top: 2px;
    right: 2px;
    height: 24px
}

.field.boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
.field.reference .fieldValue.fieldWithContextMenu .select2.select2-container {
    width: 154px !important;
    display: inline-block
}

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

    .field.boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .field.reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 179px !important
    }
}

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

    .field.boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .field.reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 199px !important
    }
}

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

    .field.boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .field.reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 219px !important
    }
}

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

    .field.boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .field.reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 239px !important
    }
}

.field.boolean .fieldValue.fieldWithContextMenu .contextMenu,
.field.boolean .fieldValue.fieldWithContextMenu .contextMenu .open,
.field.reference .fieldValue.fieldWithContextMenu .contextMenu,
.field.reference .fieldValue.fieldWithContextMenu .contextMenu .open {
    display: inline-block
}

.field.boolean .fieldValue.fieldWithContextMenu select,
.field.reference .fieldValue.fieldWithContextMenu select {
    width: 150px
}

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

    .field.boolean .fieldValue.fieldWithContextMenu select,
    .field.reference .fieldValue.fieldWithContextMenu select {
        width: 175px
    }
}

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

    .field.boolean .fieldValue.fieldWithContextMenu select,
    .field.reference .fieldValue.fieldWithContextMenu select {
        width: 195px
    }
}

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

    .field.boolean .fieldValue.fieldWithContextMenu select,
    .field.reference .fieldValue.fieldWithContextMenu select {
        width: 215px
    }
}

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

    .field.boolean .fieldValue.fieldWithContextMenu select,
    .field.reference .fieldValue.fieldWithContextMenu select {
        width: 235px
    }
}

.field.multiReference.saved ul.select2-selection--multiple {
    border-color: #22b63a;
    box-shadow: 0 0 0 1px #22b63a;
    background-color: #fff;
    width: 216px;
    background-color: #fafbfd
}

@media screen and (min-width:1560px) {
    .field.multiReference.saved ul.select2-selection--multiple {
        width: 241px
    }
}

@media screen and (min-width:1680px) {
    .field.multiReference.saved ul.select2-selection--multiple {
        width: 261px
    }
}

@media screen and (min-width:1800px) {
    .field.multiReference.saved ul.select2-selection--multiple {
        width: 281px
    }
}

@media screen and (min-width:1920px) {
    .field.multiReference.saved ul.select2-selection--multiple {
        width: 301px
    }
}

.field.multiReference select {
    height: 16px;
    padding: 0;
    width: 174px
}

@media screen and (min-width:1560px) {
    .field.multiReference select {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .field.multiReference select {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .field.multiReference select {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .field.multiReference select {
        width: 259px
    }
}

.field.multiReference .select2.select2-container {
    width: 174px !important
}

@media screen and (min-width:1560px) {
    .field.multiReference .select2.select2-container {
        width: 199px !important
    }
}

@media screen and (min-width:1680px) {
    .field.multiReference .select2.select2-container {
        width: 219px !important
    }
}

@media screen and (min-width:1800px) {
    .field.multiReference .select2.select2-container {
        width: 239px !important
    }
}

@media screen and (min-width:1920px) {
    .field.multiReference .select2.select2-container {
        width: 259px !important
    }
}

.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--multiple,
.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--multiple {
    background-color: #fff
}

.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--multiple .select2-search--inline,
.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--multiple .select2-search--inline {
    height: auto;
    min-height: 20px;
    visibility: visible
}

.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--multiple .select2-selection__rendered,
.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search--inline,
.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field,
.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--multiple .select2-selection__rendered,
.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--multiple .select2-selection__rendered .select2-search--inline,
.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
    background-color: #fff
}

.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--multiple .select2-selection__choice,
.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--multiple .select2-selection__choice {
    border-bottom: 2px solid #f5f5f5;
    background-color: #fff
}

.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--multiple .select2-selection__choice__remove,
.field.multiReference .select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--multiple .select2-selection__choice__remove {
    display: inline-block;
    position: relative;
    z-index: 10;
    right: -4px;
    padding-left: 8px;
    background-color: #fff
}

.field.multiReference .select2-container--default:not(.select2-container--disabled) .select2-selection--multiple {
    max-height: 150px
}

.field.multiReference .select2-container--default:not(.select2-container--disabled) .select2-selection--multiple .select2-selection__rendered {
    padding: 0
}

.field.multiReference .select2-container--default:not(.select2-container--disabled) .select2-selection--multiple .select2-search--inline {
    height: 0;
    min-height: 0;
    visibility: hidden
}

.field.multiReference .select2-container--default:not(.select2-container--disabled) .select2-selection--multiple .select2-selection__choice {
    float: none;
    background-color: #fafbfd;
    border: none;
    margin: 0;
    padding: 0 8px;
    padding-top: 5px;
    padding-bottom: 3px
}

.field.multiReference .select2-container--default:not(.select2-container--disabled) .select2-selection--multiple .select2-selection__choice__remove {
    float: right;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    display: none
}

.field.multiReference .input-validation-error+.select2-container .select2-selection--multiple {
    border-color: #843534;
    box-shadow: 0 0 0 1px #843534;
    padding: 0 4px;
    background-color: #fafbfd
}

.field.multiReference .input-validation-error+.select2-container .select2-selection--multiple:focus {
    border-color: #5f2626;
    box-shadow: 0 0 0 1px #5f2626
}

.field.multiReference .input-validation-error+.select2-container .select2-selection--multiple li.select2-search--inline input.select2-search__field {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff
}

.field.multiReference:not(.fullwidth) .uneditable-field-value {
    max-height: 150px;
    overflow-y: auto
}

.field.multiReference .uneditable-field-value span {
    display: block;
    height: 30px
}

.field.slider .slider-tick-label-container.additional .slider-tick-label {
    margin-top: -24px
}

.field.slider .slider-tick-label-container.additional+.slider-track {
    margin-top: 12px
}

.field.slider .slider-track-high,
.field.slider .slider-track-low,
.field.slider .tick-slider-selection {
    background-color: transparent;
    box-shadow: none
}

.field.slider .slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
    background-image: linear-gradient(180deg, #f9f9f9 0, #f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9", endColorstr="#fff5f5f5", GradientType=0);
    background-repeat: repeat-x
}

.field.slider.fullwidth .fieldValue {
    width: 100%
}

.field.slider.fullwidth .slider {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    display: block
}

.field.slider.fullwidth .slider .slider-horizontal {
    margin-bottom: 25px !important
}

.field.file label.hidden {
    display: none
}

.field.file .fieldValue {
    min-height: 20px
}

.field.file .fieldFileUpload {
    width: 174px;
    padding: 0;
    position: relative
}

@media screen and (min-width:1560px) {
    .field.file .fieldFileUpload {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .field.file .fieldFileUpload {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .field.file .fieldFileUpload {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .field.file .fieldFileUpload {
        width: 259px
    }
}

.field.file .fieldFileUpload .image-container {
    width: 150px;
    height: 150px;
    overflow: hidden;
    box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    position: relative
}

.field.file .fieldFileUpload .image-container.hidden {
    display: none
}

.field.file .fieldFileUpload .image-container .img {
    height: 150px;
    width: 150px;
    border: 4px solid #fff;
    object-fit: cover;
    object-position: center
}

.field.file .fieldFileUpload .image-container .default-image {
    margin: 0;
    height: 150px;
    width: 150px;
    background-color: #fff
}

.field.file .fieldFileUpload .image-container.User .default-image {
    background-image: url(../5e037a4ab3213718a133.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.field.file .fieldFileUpload .image-container.Company .default-image {
    background-image: url(../c799016773ea6d4b53c7.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.field.file .fieldFileUpload .image-container .img+.default-image {
    display: none
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside:not(.image-readonly-container):not(:hover):before {
    display: inline-block;
    font-family: Agito;
    content: "\F11E";
    font-style: normal;
    font-weight: 400;
    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;
    color: rgba(0, 0, 0, .7);
    font-size: 28px;
    position: absolute;
    bottom: 0;
    left: 0
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar {
    position: absolute;
    bottom: -75px;
    left: 4px;
    width: 142px;
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
    transition: bottom .3s ease
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar .fileinput-button-container {
    display: block
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar .fileinput-button-container:hover .add-files-selector {
    text-decoration: underline
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar .fileinput-button-container .btn-add-files {
    cursor: pointer;
    padding-top: 4px;
    display: flex
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar .fileinput-button-container .btn-add-files .add-files-selector {
    display: inline-block
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar .fileinput-button-container .btn-add-files .add-files-selector:hover {
    text-decoration: underline
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar .fileinput-button-container .btn-add-files .add-files-selector .add-files-selector-max-size {
    display: block
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar .fileinput-button-container .btn-add-files:before {
    display: inline-block;
    font-family: Agito;
    content: "\F11E";
    font-style: normal;
    font-weight: 400;
    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;
    color: hsla(0, 0%, 100%, .7);
    font-size: 20px;
    padding: 0 5px
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar .delete-button {
    cursor: pointer;
    padding: 2px 0 2px 34px;
    display: inline-block
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar .delete-button:hover {
    text-decoration: underline
}

.field.file .fieldFileUpload .image-container.show-choose-file-button-inside:hover .fileupload-buttonbar {
    bottom: 4px
}

.field.file .fieldFileUpload .image-container .image-readonly-container .fileupload-buttonbar {
    display: none
}

.field.file .fieldFileUpload .image-container+.table-container {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden
}

.field.file .fieldFileUpload .table-container {
    max-height: 198px;
    overflow-y: auto
}

.field.file .fieldFileUpload .table-container .table {
    margin: 10px 0 0;
    width: auto;
    table-layout: fixed
}

.field.file .fieldFileUpload .table-container .table.image-readonly-table .files {
    height: 0
}

.field.file .fieldFileUpload .table-container .table .files {
    border: none;
    margin: 0;
    overflow-y: hidden
}

.field.file .fieldFileUpload .table-container .table .files .file-row {
    border: none
}

.field.file .fieldFileUpload .table-container .table .files .file-row td {
    border: none;
    padding: 0
}

.field.file .fieldFileUpload .table-container .table .files .file-row .file-icon {
    width: 13px
}

.field.file .fieldFileUpload .table-container .table .files .file-row .file-icon:after {
    display: inline-block;
    font-family: Agito;
    content: "\F147";
    font-style: normal;
    font-weight: 400;
    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;
    font-size: 13px
}

.field.file .fieldFileUpload .table-container .table .files .file-row .file-info {
    width: 100%
}

.field.file .fieldFileUpload .table-container .table .files .file-row .file-info .file-info-content {
    display: table;
    width: 100%;
    table-layout: fixed
}

.field.file .fieldFileUpload .table-container .table .files .file-row .file-info .file-info-content .bin-size,
.field.file .fieldFileUpload .table-container .table .files .file-row .file-info .file-info-content .error,
.field.file .fieldFileUpload .table-container .table .files .file-row .file-info .file-info-content .name {
    display: table-cell;
    white-space: nowrap
}

.field.file .fieldFileUpload .table-container .table .files .file-row .file-info .file-info-content .name {
    text-align: left;
    padding-left: 4px;
    width: 66%
}

.field.file .fieldFileUpload .table-container .table .files .file-row .file-info .file-info-content .bin-size,
.field.file .fieldFileUpload .table-container .table .files .file-row .file-info .file-info-content .error {
    vertical-align: top;
    text-align: right
}

.field.file .fieldFileUpload .table-container .table .files .file-row .file-info .file-info-content .error {
    vertical-align: middle
}

.field.file .fieldFileUpload .table-container .table .files .file-row .remove-file {
    width: 16px
}

.field.file .fieldFileUpload .table-container .table .files .file-row .remove-file .btn {
    margin: 0 0 0 3px;
    padding: 0;
    border: none;
    background-image: none
}

.field.file .fieldFileUpload .table-container .table .files .file-row .remove-file .btn:before {
    display: inline-block;
    font-family: Agito;
    content: "\F142";
    font-style: normal;
    font-weight: 400;
    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;
    font-size: 13px;
    text-decoration: none;
    color: #777
}

.field.file .fieldFileUpload .table-container .table .files .file-row .remove-file .btn:before:hover {
    color: var(--font-default-color)
}

.field.file .fieldFileUpload .table-container .table .files .template-upload .progress {
    width: 100%;
    height: 5px;
    margin-bottom: 4px
}

.field.file .fieldFileUpload .table-container .table .files .template-upload .progress .progress-bar-warning {
    background-color: #1e90bf
}

.field.file .fieldFileUpload.uneditable .table-striped tbody.files tr td .name {
    width: 65%
}

.field.file .fieldFileUpload.uneditable .table-striped tbody.files tr td .size {
    right: 4px
}

.field.file .fieldFileUpload.uneditable .table-striped tbody.files tr td .delete {
    width: 0;
    display: none
}

.field.file.emptyValue.image .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar {
    height: 25px;
    bottom: -31px
}

.field.file.emptyValue.image .fieldFileUpload .image-container.show-choose-file-button-inside .fileupload-buttonbar .delete-button {
    display: none
}

.field.file.emptyValue.image .fieldFileUpload .image-container.show-choose-file-button-inside:hover .fileupload-buttonbar {
    bottom: 4px
}

.field.file:not(.multi) .fieldFileUpload .btn.fileinput-button.btn-add-files {
    width: 174px
}

@media screen and (min-width:1560px) {
    .field.file:not(.multi) .fieldFileUpload .btn.fileinput-button.btn-add-files {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .field.file:not(.multi) .fieldFileUpload .btn.fileinput-button.btn-add-files {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .field.file:not(.multi) .fieldFileUpload .btn.fileinput-button.btn-add-files {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .field.file:not(.multi) .fieldFileUpload .btn.fileinput-button.btn-add-files {
        width: 259px
    }
}

.field.file.image .row.fileupload-buttonbar {
    margin: 15px 0 0;
    width: 150px;
    text-align: center
}

.field.file.image .row.fileupload-buttonbar .drag-and-drop-files-message {
    display: none
}

.field.file.image .row.fileupload-buttonbar .btn.btn-default.fileinput-button.btn-add-files {
    width: auto;
    height: auto;
    padding: 10px 15px
}

.field.file.emptyValue:not(.image) .dropZone.dragover .fileupload-buttonbar {
    background-color: #ecf8f8
}

.field.file.emptyValue:not(.image) .fileupload-buttonbar {
    text-align: center;
    margin: 0;
    width: auto;
    height: 96px;
    border: 2px dashed #ccc;
    height: auto;
    padding: 2px 2px 12px
}

.field.file.emptyValue:not(.image) .fileupload-buttonbar .drag-and-drop-files-message {
    margin: 10px auto;
    display: block;
    text-align: center
}

.field.file.emptyValue:not(.image) .fileupload-buttonbar .btn.fileinput-button {
    display: block;
    width: 100px;
    margin: 10px auto;
    cursor: pointer
}

.field.file.emptyValue:not(.image) .fileupload-buttonbar .btn.fileinput-button.btn-add-files {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

.field.file.emptyValue:not(.image) .fileupload-buttonbar .btn.fileinput-button.btn-add-files.disabled {
    cursor: default
}

.field.file.emptyValue:not(.image) .fileupload-buttonbar .btn.fileinput-button.btn-add-files input[type=file],
.field.file.emptyValue:not(.image) .fileupload-buttonbar .btn.fileinput-button.btn-add-files input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
    transform: none
}

.field.file.emptyValue:not(.image).readonly .fileupload-buttonbar {
    display: none
}

.field.file.emptyValue:not(.image).readonly .fieldValue:after {
    content: "\2013";
    display: block
}

.field.file:not(.emptyValue):not(.image) .dropZone.dragover .table-container,
.field.file:not(.emptyValue):not(.image) .dropZone.dragover .table-container .table,
.field.file:not(.emptyValue):not(.image) .dropZone.dragover .table-container .table.table-striped>tbody>tr {
    background-color: #ecf8f8
}

.field.file:not(.emptyValue):not(.image) .fileupload-buttonbar {
    position: absolute;
    right: 10px;
    top: -6px
}

.field.file:not(.emptyValue):not(.image) .fileupload-buttonbar:hover .btn {
    color: #1b7fa9;
    cursor: pointer;
    text-decoration: underline
}

.field.file:not(.emptyValue):not(.image) .fileupload-buttonbar .drag-and-drop-files-message {
    display: none
}

.field.file:not(.emptyValue):not(.image) .fileupload-buttonbar .btn.fileinput-button {
    cursor: pointer;
    background-image: none;
    background-color: #fff;
    border: none;
    color: #1e90bf;
    box-shadow: none;
    text-transform: uppercase;
    padding: 0 5px;
    margin: 0
}

.field.file:not(.emptyValue):not(.image) .fileupload-buttonbar .btn.fileinput-button[disabled] {
    color: #777
}

.field.file:not(.emptyValue):not(.image) .fileupload-buttonbar .btn.fileinput-button.btn-add-files {
    width: auto;
    overflow: hidden;
    position: relative
}

.field.file:not(.emptyValue):not(.image) .fileupload-buttonbar .btn.fileinput-button.btn-add-files.disabled {
    cursor: default
}

.field.file:not(.emptyValue):not(.image).fullwidth .fieldValue {
    border-top: 2px solid #e9e9e9
}

.field.file:not(.emptyValue):not(.image).fullwidth .fieldValue .fileupload-buttonbar {
    top: -20px
}

.field.file.fullwidth label {
    margin-bottom: 5px
}

.field.file.fullwidth .fieldValue .fieldFileUpload .table-container {
    max-height: 198px;
    overflow-y: auto
}

.field.file.fullwidth .fieldValue .fieldFileUpload .table-container .table .files .file-row .file-icon {
    width: 30px
}

.field.file.fullwidth .fieldValue .fieldFileUpload .table-container .table .files .file-row .file-icon:after {
    display: inline-block;
    font-family: Agito;
    content: "\F147";
    font-style: normal;
    font-weight: 400;
    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;
    font-size: 28px;
    margin: 5px 0
}

.field.file.fullwidth .fieldValue .fieldFileUpload .table-container .table .files .file-row .remove-file .btn {
    margin: 11px 3px
}

.field.file.fullwidth .fieldValue .fieldFileUpload .table-container .table .files .file-row .remove-file .btn:before {
    display: inline-block;
    font-family: Agito;
    content: "\F142";
    font-style: normal;
    font-weight: 400;
    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;
    font-size: 16px;
    text-decoration: none;
    color: #777
}

.field.file.fullwidth .fieldValue .fieldFileUpload .table-container .table .files .template-download .bin-size,
.field.file.fullwidth .fieldValue .fieldFileUpload .table-container .table .files .template-download .name {
    height: 38px;
    line-height: 38px
}

.field.file.fullwidth .fieldValue .fieldFileUpload .table-container .table .files .template-upload .progress {
    height: 10px
}

.field.checkbox.input-validation-error {
    border-color: #843534;
    box-shadow: 0 0 0 1px #843534;
    padding: 0 4px
}

.field.checkbox.input-validation-error:focus {
    border-color: #5f2626;
    box-shadow: 0 0 0 1px #5f2626
}

.field.checkbox.fullwidth .fieldValue input[type=checkbox] {
    width: auto !important;
    margin: 0
}

.field .checkboxList {
    margin-top: 10px
}

.field .checkboxList label {
    min-height: 0;
    white-space: nowrap
}

.field .checkboxList label .checkbox {
    margin-top: 0
}

.field .rate.input-validation-error {
    border-color: #843534;
    box-shadow: 0 0 0 1px #843534;
    padding: 0 4px
}

.field .rate.input-validation-error:focus {
    border-color: #5f2626;
    box-shadow: 0 0 0 1px #5f2626
}

.field .rate .jq-ry-normal-group svg {
    fill: none;
    stroke: grey;
    stroke-width: 13px
}

.field.actionElement:not(.actionElementButton) .fieldValue {
    padding-top: 6px
}

.field.actionElement.actionElementButton .fieldValue .button {
    white-space: normal
}

.field.actionElement[data-action-element-with-wrapped-value=true] .fieldValue {
    padding-top: 0;
    margin-top: 0;
    line-height: 14px
}

.field.actionElement.actionElementButton[data-action-element-with-wrapped-value=true] .fieldValue {
    margin-top: -14px
}

.field.boolean.saved .select2-selection {
    border-color: #22b63a;
    box-shadow: 0 0 0 1px #22b63a;
    background-color: #fff
}

.field .tt-dropdown-menu {
    border-color: #fafbfd;
    width: auto
}

.field .tt-dropdown-menu,
.field .tt-dropdown-menu .suggestions-header {
    background-color: #fafbfd;
    color: var(--font-default-color)
}

.field .tt-dropdown-menu .tt-suggestion {
    color: var(--font-default-color)
}

.field .tt-dropdown-menu .tt-suggestion:hover {
    background-color: #fafbfd;
    color: #1e90bf
}

.field.multigroupCheckboxes .fieldLabel.invalid {
    color: #9d261d
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer {
    margin-top: 10px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #changeStateButton {
    cursor: pointer;
    float: left
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #changeStateButton[disabled] {
    visibility: hidden;
    height: 0
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #clearAll {
    cursor: pointer;
    margin-left: 20px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #clearAll.disabled {
    cursor: default;
    color: #777;
    text-decoration: none
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer .saved-success {
    position: absolute;
    top: -3px;
    left: 100px;
    margin-left: 5px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups {
    margin-top: 13px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups label.disabled {
    cursor: not-allowed
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup {
    margin-bottom: 20px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .groupTitle {
    color: #000;
    font-weight: 700;
    margin-bottom: 5px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .groupTitle.disabled {
    color: #777;
    font-weight: 400
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .column {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .column .cell {
    margin-top: 10px;
    width: 174px;
    vertical-align: top
}

@media screen and (min-width:1560px) {
    .field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .column .cell {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .column .cell {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .column .cell {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .column .cell {
        width: 259px
    }
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .column .cell label {
    display: block;
    padding-left: 15px;
    text-indent: -16px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .column .cell label input {
    padding: 0;
    margin: 0;
    vertical-align: text-bottom;
    position: relative;
    top: -1px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #editableCheckboxGroups .checkboxgroup .column .cell label input.input-validation-error {
    border-color: #fff;
    box-shadow: none
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #readOnlyCheckboxGroups {
    margin-top: 13px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #readOnlyCheckboxGroups .checkboxgroup {
    margin-bottom: 20px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #readOnlyCheckboxGroups .checkboxgroup .groupTitle {
    color: #000;
    font-weight: 700;
    margin-bottom: 5px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #readOnlyCheckboxGroups .checkboxgroup .column {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 15px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #readOnlyCheckboxGroups .checkboxgroup .column .cell {
    margin-top: 10px;
    width: 239px;
    vertical-align: top
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #readOnlyCheckboxGroups .checkboxgroup .column .cell label {
    display: block;
    padding-left: 15px;
    text-indent: -9px
}

.field.multigroupCheckboxes .multigroupCheckboxesContainer #readOnlyCheckboxGroups .checkboxgroup .column .cell label:before {
    display: inline-block;
    font-family: Agito;
    content: "\F126";
    font-style: normal;
    font-weight: 400;
    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;
    margin-right: 3px;
    color: #52c665
}

.field.validation-error-field .uneditable-field-value {
    background-color: #edb2a6
}

.field .multiple-links {
    padding-top: 5px
}

.field .multiple-links ul {
    margin-left: -20px
}

.field .multiple-links .multiple-link {
    padding-right: 10px
}

.fieldFileUploadHiddenForm form {
    margin: 0
}

#crop-preview .cr-slider-wrap {
    width: 350px
}

.switchToOldWayOfFinishingJob {
    padding: 15px 20px 30px 0;
    display: block
}

.daterangepicker.single.ltr .agito-icon.agito-icon-clock-o {
    display: none
}

.daterangepicker.single.ltr .ranges {
    float: none
}

form.test-company .field.file .fieldFileUpload .image-container.Company .default-image {
    background-image: url(../dab4a5c39db540760137.svg)
}

.user-information {
    margin-left: -7px
}

.user-information .image {
    float: left
}

.user-information .image div {
    width: 69px;
    height: 69px;
    vertical-align: middle;
    background-color: #fff;
    background-image: url(../5e037a4ab3213718a133.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.user-information .image div:hover {
    color: var(--font-default-color)
}

.user-information .image img {
    width: 69px;
    height: 69px;
    object-fit: cover;
    object-position: center
}

.user-information .text {
    margin-left: 79px;
    padding-top: 15px
}

.user-name-with-avatar .image {
    float: left;
    margin-top: -2px
}

.user-name-with-avatar .image .current-user-icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-color: #fff;
    background-image: url(../5e037a4ab3213718a133.svg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50%
}

.user-name-with-avatar .image .current-user-icon:hover {
    color: var(--font-default-color)
}

.user-name-with-avatar .image .user-image {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center
}

.user-name-with-avatar .text {
    margin-left: 34px;
    line-height: 40px
}

.dynamic-fields-container .table-header {
    font-size: 13.02px;
    line-height: 18px;
    cursor: default;
    color: #ddd;
    text-align: left
}

.dynamic-fields-container .table-header .header-label {
    font-weight: 400;
    width: 254px
}

.dynamic-fields-container .table-body .value-row.fake {
    display: none
}

.dynamic-fields-container .table-body .value-row td {
    padding-bottom: 4px
}

.dynamic-fields-container .table-body .value-row .remove {
    color: #944908;
    text-decoration: none;
    cursor: pointer
}

.dynamic-fields-container .table-body .value-row .remove:hover {
    color: #9d261d
}

.dynamic-fields-container .add-new {
    margin-bottom: 10px;
    margin-top: 20px
}

.dynamic-fields-container .add-new .icon {
    color: #fff
}

.modal {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.modal.is-test-entity-confirmation .modal-title:before {
    content: "\F14E";
    margin-right: 4px;
    color: #FE8523;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    font-smoothing: antialiased;
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.modal .modal-dialog {
    display: inline-flex;
    width: auto
}

@media screen and (max-width:720px) {
    .modal .modal-dialog {
        width: 100%
    }
}

.modal .modal-dialog .modal-content {
    width: 618px;
    border-radius: 0;
    max-height: 80vh;
    display: inline-flex;
    flex-direction: column
}

@media screen and (max-width:720px) {
    .modal .modal-dialog .modal-content {
        width: 100%
    }
}

.modal .modal-dialog .modal-content .modal-header {
    flex: 1 0 auto;
    border-bottom: none;
    padding: 30px 30px 20px
}

.modal .modal-dialog .modal-content .modal-header .modal-title {
    
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 5px
}

.modal .modal-dialog .modal-content .modal-body {
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 30px 15px
}

@media screen and (max-width:720px) {
    .modal .modal-dialog .modal-content .modal-body {
        overflow: auto
    }
}

.modal .modal-dialog .modal-content .modal-footer {
    padding: 15px 30px
}

.modal .modal-dialog .modal-content .modal-footer .btn.btn-default {
    background-image: none;
    color: #fff;
    background-color: #FE8523;
    border-color: rgba(0, 0, 0, .1);
    height: 32px
}

.modal .modal-dialog .modal-body .confirmSubmitPage .header-container {
    display: none
}

.modal .modal-dialog .modal-body .form .elementsWithFixedWidth,
.modal .modal-dialog .modal-body .form .elementsWithFullWidth {
    margin-bottom: 20px
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth) {
    width: 100%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth) {
        width: 174px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth) {
        width: 199px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth) {
        width: 219px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth) {
        width: 239px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth) {
        width: 259px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
    width: 100%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
        width: 174px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
        width: 199px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
        width: 219px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
        width: 239px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
        width: 259px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
    width: 100%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
        width: 174px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
        width: 199px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
        width: 219px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
        width: 239px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
        width: 259px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
    width: 80%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 154px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 179px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 199px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 219px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 239px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
    width: 68%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
        width: 142px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
        width: 167px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
        width: 187px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
        width: 207px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
        width: 227px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).tile,
.modal .modal-dialog .modal-body .form .field:not(.fullwidth).tile .fieldValue {
    width: auto
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
    width: 100%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
        width: 174px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
        width: 199px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
        width: 219px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
        width: 239px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
        width: 259px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
    width: 100%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
        width: 174px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
        width: 199px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
        width: 219px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
        width: 239px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
        width: 259px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
.modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
    width: 100% !important
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
        width: 174px !important
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
        width: 199px !important
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
        width: 219px !important
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
        width: 239px !important
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
        width: 259px !important
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
.modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
.modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
.modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
    width: 100%
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
        width: 174px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
        width: 199px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
        width: 219px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
        width: 239px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
        width: 259px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
.modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
    width: 81% !important
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 155px !important
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 180px !important
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 200px !important
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 220px !important
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 240px !important
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
.modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
    width: 77%
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
        width: 151px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
        width: 176px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
        width: 196px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
        width: 216px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
        width: 236px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
    width: 142%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
        width: 216px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
        width: 241px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
        width: 261px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
        width: 281px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
        width: 301px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
    width: 100%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
        width: 174px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
        width: 199px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
        width: 219px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
        width: 239px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
        width: 259px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
    width: 100% !important
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
        width: 174px !important
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
        width: 199px !important
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
        width: 219px !important
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
        width: 239px !important
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
        width: 259px !important
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
    width: 100%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
        width: 174px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
        width: 199px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
        width: 219px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
        width: 239px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
        width: 259px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
.modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
    width: 70%
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
        width: 144px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
        width: 169px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
        width: 189px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
        width: 209px
    }
}

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

    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
        width: 229px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
    width: 40%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
        width: 114px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
        width: 139px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
        width: 159px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
        width: 179px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
        width: 199px
    }
}

.modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
    width: 70%
}

@media screen and (min-width:448px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
        width: 144px
    }
}

@media screen and (min-width:498px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
        width: 169px
    }
}

@media screen and (min-width:538px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
        width: 189px
    }
}

@media screen and (min-width:578px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
        width: 209px
    }
}

@media screen and (min-width:618px) {
    .modal .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
        width: 229px
    }
}

.modal .modal-dialog .modal-body .form .field.multiString.rich .trumbowyg-box {
    min-height: 100px
}

.modal .modal-dialog .modal-body .form .field.multiString.rich .trumbowyg-box .trumbowyg-editor {
    min-height: 60px
}

.modal .modal-dialog .modal-body .form .field.multiString.rich textarea {
    height: 60px
}

.modal .modal-dialog .modal-body .form .fieldsContaner .notBlockContainer {
    margin: 0;
    padding: 0
}

.modal .modal-dialog .modal-body .form .form-actions {
    display: none
}

.modal .modal-dialog .modal-footer .extra-button {
    float: left
}

@media (max-width:618px) {
    .modal div.modal-dialog {
        width: 100%
    }

    .modal div.modal-dialog .modal-content {
        width: 100%;
        margin-top: 0
    }
}

.modal.columns-3 .modal-dialog {
    width: auto
}

@media screen and (max-width:720px) {
    .modal.columns-3 .modal-dialog {
        width: 100%
    }
}

.modal.columns-3 .modal-dialog .modal-content {
    width: 893px
}

@media screen and (max-width:720px) {
    .modal.columns-3 .modal-dialog .modal-content {
        width: 100%
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) {
    width: 100%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) {
        width: 174px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) {
        width: 199px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) {
        width: 219px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) {
        width: 239px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) {
        width: 259px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
    width: 100%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
        width: 174px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
        width: 199px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
        width: 219px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
        width: 239px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth) .fieldValue {
        width: 259px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
    width: 100%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
        width: 174px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
        width: 199px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
        width: 219px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
        width: 239px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue .uneditable-field-value {
        width: 259px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
    width: 80%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 154px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 179px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 199px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 219px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).readonly .fieldValue.fieldWithContextMenu .uneditable-field-value {
        width: 239px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
    width: 68%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
        width: 142px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
        width: 167px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
        width: 187px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
        width: 207px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).money input {
        width: 227px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).tile,
.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).tile .fieldValue {
    width: auto
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
    width: 100%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
        width: 174px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
        width: 199px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
        width: 219px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
        width: 239px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString textarea {
        width: 259px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
    width: 100%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
        width: 174px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
        width: 199px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
        width: 219px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
        width: 239px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiString .uneditable-field-value {
        width: 259px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
    width: 100% !important
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
        width: 174px !important
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
        width: 199px !important
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
        width: 219px !important
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
        width: 239px !important
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .select2.select2-container,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .select2.select2-container {
        width: 259px !important
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
    width: 100%
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
        width: 174px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
        width: 199px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
        width: 219px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
        width: 239px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean input,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean select,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference input,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference select {
        width: 259px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
    width: 81% !important
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 155px !important
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 180px !important
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 200px !important
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 220px !important
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu .select2.select2-container,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu .select2.select2-container {
        width: 240px !important
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
    width: 77%
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
        width: 151px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
        width: 176px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
        width: 196px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
        width: 216px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).boolean .fieldValue.fieldWithContextMenu select,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).reference .fieldValue.fieldWithContextMenu select {
        width: 236px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
    width: 142%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
        width: 216px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
        width: 241px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
        width: 261px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
        width: 281px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference.saved ul.select2-selection--multiple {
        width: 301px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
    width: 100%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
        width: 174px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
        width: 199px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
        width: 219px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
        width: 239px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference select {
        width: 259px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
    width: 100% !important
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
        width: 174px !important
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
        width: 199px !important
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
        width: 219px !important
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
        width: 239px !important
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).multiReference .select2.select2-container {
        width: 259px !important
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
    width: 100%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
        width: 174px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
        width: 199px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
        width: 219px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
        width: 239px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).file .fieldFileUpload {
        width: 259px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
    width: 70%
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
        width: 144px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
        width: 169px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
        width: 189px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
        width: 209px
    }
}

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

    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue .uneditable-field-value,
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction:not(.money) .fieldValue input {
        width: 229px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
    width: 40%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
        width: 114px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
        width: 139px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
        width: 159px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
        width: 179px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money .fieldValue input {
        width: 199px
    }
}

.modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
    width: 70%
}

@media screen and (min-width:638px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
        width: 144px
    }
}

@media screen and (min-width:713px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
        width: 169px
    }
}

@media screen and (min-width:773px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
        width: 189px
    }
}

@media screen and (min-width:833px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
        width: 209px
    }
}

@media screen and (min-width:893px) {
    .modal.columns-3 .modal-dialog .modal-body .form .field:not(.fullwidth).withAction.money.readonly .fieldValue .uneditable-field-value {
        width: 229px
    }
}

@media (max-width:893px) {
    .modal.columns-3 div.modal-dialog {
        width: 100%
    }

    .modal.columns-3 div.modal-dialog .modal-content {
        width: 100%;
        margin-top: 0
    }
}

.modal-open {
    width: auto;
    height: auto
}

.btn-group .actionButton {
    font-size: 11px;
    padding: 7px 5px
}

.btn-group .actionButton .actionButtonTitle {
    margin-right: 2px;
    font-size: 14px;
    display: inline-block;
    max-width: 215px
}

.btn-group .actionButton .switcher:before {
    display: inline-block;
    font-family: Agito;
    content: "\F122";
    font-style: normal;
    font-weight: 400;
    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
}

.btn-group .primaryAction.withActions .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    float: left
}

.btn-group .dropdown-menu {
    margin: 0
}

.btn-group a.btn.btn-default.with-icon {
    padding-bottom: 5px
}

.btn-group a.btn.btn-default.with-icon i.with-icon {
    vertical-align: middle;
    margin-left: 3px
}

.btn-group a.btn.btn-default.with-icon i.with-icon:before {
    margin-top: -4px
}

.field .btn-group .primaryAction .btn {
    width: 146px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width:1560px) {
    .field .btn-group .primaryAction .btn {
        width: 171px
    }
}

@media screen and (min-width:1680px) {
    .field .btn-group .primaryAction .btn {
        width: 191px
    }
}

@media screen and (min-width:1800px) {
    .field .btn-group .primaryAction .btn {
        width: 211px
    }
}

@media screen and (min-width:1920px) {
    .field .btn-group .primaryAction .btn {
        width: 231px
    }
}

.field .fieldValue .button {
    width: 174px
}

@media screen and (min-width:1560px) {
    .field .fieldValue .button {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .field .fieldValue .button {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .field .fieldValue .button {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .field .fieldValue .button {
        width: 259px
    }
}

.form-actions .btn-group.primary-group+:not(.primary-group) {
    margin-left: 20px
}

.form-actions .btn-group.primary-group+:not(.primary-group) .btn {
    font-size: 18px;
    padding: 7px 20px;
    width: auto
}

.form-actions .btn-group:not(.primary-group) {
    margin-left: 10px
}

.contextMenu,
.contextMenu .open,
.gridActionMenu,
.gridActionMenu .open {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: none !important
}

.contextMenu .btn-group .actionButton.btn,
.contextMenu .btn-group .actionButton.btn:hover,
.contextMenu .btn-group.open .actionButton.btn,
.contextMenu .open .btn-group .actionButton.btn,
.contextMenu .open .btn-group .actionButton.btn:hover,
.contextMenu .open .btn-group.open .actionButton.btn,
.gridActionMenu .btn-group .actionButton.btn,
.gridActionMenu .btn-group .actionButton.btn:hover,
.gridActionMenu .btn-group.open .actionButton.btn,
.gridActionMenu .open .btn-group .actionButton.btn,
.gridActionMenu .open .btn-group .actionButton.btn:hover,
.gridActionMenu .open .btn-group.open .actionButton.btn {
    font-size: 17px;
    line-height: 17px;
    background: none;
    background-color: #fff;
    border: 1px solid #d5d5d5 !important;
    padding: 5px 0 4px;
    width: 16px;
    color: #1e90bf
}

.contextMenu .btn-group .actionButton.btn .entity-type-icon,
.contextMenu .btn-group .actionButton.btn:hover .entity-type-icon,
.contextMenu .btn-group.open .actionButton.btn .entity-type-icon,
.contextMenu .open .btn-group .actionButton.btn .entity-type-icon,
.contextMenu .open .btn-group .actionButton.btn:hover .entity-type-icon,
.contextMenu .open .btn-group.open .actionButton.btn .entity-type-icon,
.gridActionMenu .btn-group .actionButton.btn .entity-type-icon,
.gridActionMenu .btn-group .actionButton.btn:hover .entity-type-icon,
.gridActionMenu .btn-group.open .actionButton.btn .entity-type-icon,
.gridActionMenu .open .btn-group .actionButton.btn .entity-type-icon,
.gridActionMenu .open .btn-group .actionButton.btn:hover .entity-type-icon,
.gridActionMenu .open .btn-group.open .actionButton.btn .entity-type-icon {
    vertical-align: middle;
    margin-left: -1px
}

.contextMenu .btn-group .actionButton.btn:active,
.contextMenu .btn-group .actionButton.btn:focus,
.contextMenu .btn-group .actionButton.btn:focus:active,
.contextMenu .btn-group .actionButton.btn:hover,
.contextMenu .btn-group .actionButton.btn:hover:active,
.contextMenu .btn-group .actionButton.btn:hover:focus:active,
.contextMenu .open .btn-group .actionButton.btn:active,
.contextMenu .open .btn-group .actionButton.btn:focus,
.contextMenu .open .btn-group .actionButton.btn:focus:active,
.contextMenu .open .btn-group .actionButton.btn:hover,
.contextMenu .open .btn-group .actionButton.btn:hover:active,
.contextMenu .open .btn-group .actionButton.btn:hover:focus:active,
.gridActionMenu .btn-group .actionButton.btn:active,
.gridActionMenu .btn-group .actionButton.btn:focus,
.gridActionMenu .btn-group .actionButton.btn:focus:active,
.gridActionMenu .btn-group .actionButton.btn:hover,
.gridActionMenu .btn-group .actionButton.btn:hover:active,
.gridActionMenu .btn-group .actionButton.btn:hover:focus:active,
.gridActionMenu .open .btn-group .actionButton.btn:active,
.gridActionMenu .open .btn-group .actionButton.btn:focus,
.gridActionMenu .open .btn-group .actionButton.btn:focus:active,
.gridActionMenu .open .btn-group .actionButton.btn:hover,
.gridActionMenu .open .btn-group .actionButton.btn:hover:active,
.gridActionMenu .open .btn-group .actionButton.btn:hover:focus:active {
    box-shadow: 0 0 0 1px #d5d5d5
}

.contextMenu .btn-group .actionButton.btn:focus,
.contextMenu .open .btn-group .actionButton.btn:focus,
.gridActionMenu .btn-group .actionButton.btn:focus,
.gridActionMenu .open .btn-group .actionButton.btn:focus {
    border: 1px solid #66bfcc !important;
    box-shadow: 0 0 0 1px #66bfcc
}

.contextMenu .btn-group .actionButton.btn:hover,
.contextMenu .open .btn-group .actionButton.btn:hover,
.gridActionMenu .btn-group .actionButton.btn:hover,
.gridActionMenu .open .btn-group .actionButton.btn:hover {
    border: 1px solid #1e90bf !important;
    box-shadow: 0 0 0 1px #1e90bf;
    transition: border-color .35s, box-shadow .35s
}

.contextMenu .btn-group .actionButton.btn:active,
.contextMenu .btn-group .actionButton.btn:focus:active,
.contextMenu .btn-group .actionButton.btn:hover:active,
.contextMenu .btn-group .actionButton.btn:hover:focus:active,
.contextMenu .open .btn-group .actionButton.btn:active,
.contextMenu .open .btn-group .actionButton.btn:focus:active,
.contextMenu .open .btn-group .actionButton.btn:hover:active,
.contextMenu .open .btn-group .actionButton.btn:hover:focus:active,
.gridActionMenu .btn-group .actionButton.btn:active,
.gridActionMenu .btn-group .actionButton.btn:focus:active,
.gridActionMenu .btn-group .actionButton.btn:hover:active,
.gridActionMenu .btn-group .actionButton.btn:hover:focus:active,
.gridActionMenu .open .btn-group .actionButton.btn:active,
.gridActionMenu .open .btn-group .actionButton.btn:focus:active,
.gridActionMenu .open .btn-group .actionButton.btn:hover:active,
.gridActionMenu .open .btn-group .actionButton.btn:hover:focus:active {
    color: #fff;
    background-color: #66bfcc;
    border: 1px solid #66bfcc !important;
    box-shadow: 0 0 0 1px #66bfcc;
    transition: all .1s
}

.contextMenu.empty .btn-group .actionButton.btn,
.contextMenu.empty .btn-group .actionButton.btn:hover,
.contextMenu.empty .btn-group.open .actionButton.btn,
.contextMenu .open.empty .btn-group .actionButton.btn,
.contextMenu .open.empty .btn-group .actionButton.btn:hover,
.contextMenu .open.empty .btn-group.open .actionButton.btn,
.gridActionMenu.empty .btn-group .actionButton.btn,
.gridActionMenu.empty .btn-group .actionButton.btn:hover,
.gridActionMenu.empty .btn-group.open .actionButton.btn,
.gridActionMenu .open.empty .btn-group .actionButton.btn,
.gridActionMenu .open.empty .btn-group .actionButton.btn:hover,
.gridActionMenu .open.empty .btn-group.open .actionButton.btn {
    border: none !important;
    padding: 3px 1px;
    width: auto
}

.contextMenu .dropdown-toggle,
.contextMenu .open .dropdown-toggle,
.gridActionMenu .dropdown-toggle,
.gridActionMenu .open .dropdown-toggle {
    box-shadow: none
}

.contextMenu .actions:empty,
.contextMenu .open .actions:empty,
.gridActionMenu .actions:empty,
.gridActionMenu .open .actions:empty {
    display: none
}

.contextMenu .dropdown-menu,
.contextMenu .open .dropdown-menu,
.gridActionMenu .dropdown-menu,
.gridActionMenu .open .dropdown-menu {
    margin-left: -9px;
    margin-top: 6px
}

.contextMenu .dropdown-menu:before,
.contextMenu .open .dropdown-menu:before,
.gridActionMenu .dropdown-menu:before,
.gridActionMenu .open .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--font-default-color);
    border-left: 7px solid transparent;
    border-bottom-color: var(--font-default-color);
    content: ""
}

.contextMenu .left-dropdown-menu:before,
.contextMenu .open .left-dropdown-menu:before,
.gridActionMenu .left-dropdown-menu:before,
.gridActionMenu .open .left-dropdown-menu:before {
    right: 9px;
    left: auto
}

.contextMenu .btn-group .actionButton.btn,
.contextMenu .btn-group .actionButton.btn:hover,
.contextMenu .btn-group.open .actionButton.btn,
.contextMenu .open .btn-group .actionButton.btn,
.contextMenu .open .btn-group .actionButton.btn:hover,
.contextMenu .open .btn-group.open .actionButton.btn {
    padding: 6px 0 5px
}

.contextMenu:not(.empty) .actionButton.btn:not(.disabled):focus,
.contextMenu:not(.empty) .actionButton.btn:not(.disabled):hover,
.contextMenu:not(.empty) .open .actionButton.btn:not(.disabled):focus,
.contextMenu:not(.empty) .open .actionButton.btn:not(.disabled):hover,
.gridActionMenu:not(.empty) .actionButton.btn:not(.disabled):focus,
.gridActionMenu:not(.empty) .actionButton.btn:not(.disabled):hover,
.gridActionMenu:not(.empty) .open .actionButton.btn:not(.disabled):focus,
.gridActionMenu:not(.empty) .open .actionButton.btn:not(.disabled):hover {
    cursor: pointer
}

.contextMenu:not(.empty) .actionButton.btn.disabled,
.contextMenu:not(.empty) .open .actionButton.btn.disabled,
.gridActionMenu:not(.empty) .actionButton.btn.disabled,
.gridActionMenu:not(.empty) .open .actionButton.btn.disabled {
    opacity: .7;
    cursor: default
}

.withContextMenu {
    display: block;
    position: relative
}

.withContextMenu .text {
    display: table-cell;
    padding-left: 3px;
    vertical-align: middle
}

.withContextMenu .contextMenu {
    position: absolute;
    margin: 0;
    padding: 0
}

.withContextMenu .contextMenu:not(.empty)+.text {
    display: block;
    margin-left: 10px
}

.fieldWithContextMenu .contextMenu {
    padding: 0
}

.readonly .fieldWithContextMenu .contextMenu .btn-group .actionButton.btn,
.readonly .fieldWithContextMenu .contextMenu .btn-group .actionButton.btn:hover,
.readonly .fieldWithContextMenu .contextMenu.open .btn-group .actionButton.btn,
.readonly .fieldWithContextMenu .contextMenu.open .btn-group .actionButton.btn:hover {
    margin-top: 0
}

.expandableContainer {
    position: relative;
    padding: 0 0 10px 10px !important;
    margin: 0 !important
}

.expandableContainer .closeExpandable {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    font-size: 25px;
    z-index: 999
}

.expandableContainer .closeExpandable:hover {
    cursor: pointer !important
}

.actionMenuContainer .contextMenu,
.actionMenuContainer .contextMenu button,
.actionMenuContainer .gridActionMenu,
.actionMenuContainer .gridActionMenu button {
    display: none
}

.ellipsis-in-the-middle {
    max-width: 100%;
    display: inline-flex;
    flex-wrap: nowrap
}

.ellipsis-in-the-middle .first-part {
    flex: 0 1 content;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre
}

.ellipsis-in-the-middle .second-part {
    flex: 1 0 content;
    white-space: pre
}

[class*=language-pair-] .ellipsis-in-the-middle .first-part,
[class*=supplier-evaluation-] .ellipsis-in-the-middle .first-part {
    position: relative
}

[class*=job-settings-] .ellipsis-in-the-middle .second-part,
[class*=jobindicator-] .ellipsis-in-the-middle .second-part,
[class*=jumpstart-origin-] .ellipsis-in-the-middle .second-part,
[class*=option-content] .ellipsis-in-the-middle .second-part,
[class*=order-processing-state-] .ellipsis-in-the-middle .second-part,
[class*=order-settings-] .ellipsis-in-the-middle .second-part,
[class*=rating-] .ellipsis-in-the-middle .second-part,
[class*=supplier-availability-status-] .ellipsis-in-the-middle .second-part,
[class*=suppliertype-] .ellipsis-in-the-middle .second-part {
    padding-right: 10px
}

[class*=language-] .ellipsis-in-the-middle .second-part,
[class*=product-] .ellipsis-in-the-middle .second-part {
    padding-right: 30px
}

[class*=language-pair-] .ellipsis-in-the-middle .second-part,
[class*=supplier-evaluation-] .ellipsis-in-the-middle .second-part {
    margin-right: 0;
    padding-right: 30px;
    position: relative;
    z-index: 0
}

.availability-status-note {
    word-break: break-word;
    white-space: normal
}

.daterangepicker.container-outside-left-offset {
    right: auto !important;
    left: 9px !important
}

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

    .daterangepicker.container-outside-left-offset:after,
    .daterangepicker.container-outside-left-offset:before {
        display: none
    }
}

.daterangepicker .ranges .range_inputs div,
.daterangepicker .ranges .range_inputs div:nth-child(2) {
    padding-left: 5px
}

.daterangepicker .ranges .range_inputs .daterangepicker_end_input,
.daterangepicker .ranges .range_inputs .daterangepicker_start_input {
    float: none
}

.daterangepicker .ranges .range_inputs .daterangepicker_end_input .input-mini,
.daterangepicker .ranges .range_inputs .daterangepicker_start_input .input-mini {
    background-color: transparent;
    width: 100%
}

.daterangepicker .ranges .range_inputs .applyBtn {
    margin-left: 6px;
    font-weight: 700
}

.daterangepicker .ranges .range_inputs .cancelBtn {
    font-weight: 700
}

.selectionForm {
    margin: 20px
}

.explanatoryText {
    font-size: 14px;
    margin-bottom: 20px
}

.panel.panel-default {
    border: none
}

.panel.panel-default .advanced-search-form .search-group {
    width: 174px
}

@media screen and (min-width:1560px) {
    .panel.panel-default .advanced-search-form .search-group {
        width: 199px
    }
}

@media screen and (min-width:1680px) {
    .panel.panel-default .advanced-search-form .search-group {
        width: 219px
    }
}

@media screen and (min-width:1800px) {
    .panel.panel-default .advanced-search-form .search-group {
        width: 239px
    }
}

@media screen and (min-width:1920px) {
    .panel.panel-default .advanced-search-form .search-group {
        width: 259px
    }
}

.panel.panel-default .advanced-search-form .search-group .select2-container,
.panel.panel-default .advanced-search-form .search-group input:not(.select2-search__field) {
    max-height: none;
    max-width: 174px;
    min-width: 174px
}

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

    .panel.panel-default .advanced-search-form .search-group .select2-container,
    .panel.panel-default .advanced-search-form .search-group input:not(.select2-search__field) {
        max-width: 199px
    }
}

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

    .panel.panel-default .advanced-search-form .search-group .select2-container,
    .panel.panel-default .advanced-search-form .search-group input:not(.select2-search__field) {
        max-width: 219px
    }
}

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

    .panel.panel-default .advanced-search-form .search-group .select2-container,
    .panel.panel-default .advanced-search-form .search-group input:not(.select2-search__field) {
        max-width: 239px
    }
}

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

    .panel.panel-default .advanced-search-form .search-group .select2-container,
    .panel.panel-default .advanced-search-form .search-group input:not(.select2-search__field) {
        max-width: 259px
    }
}

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

    .panel.panel-default .advanced-search-form .search-group .select2-container,
    .panel.panel-default .advanced-search-form .search-group input:not(.select2-search__field) {
        min-width: 199px
    }
}

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

    .panel.panel-default .advanced-search-form .search-group .select2-container,
    .panel.panel-default .advanced-search-form .search-group input:not(.select2-search__field) {
        min-width: 219px
    }
}

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

    .panel.panel-default .advanced-search-form .search-group .select2-container,
    .panel.panel-default .advanced-search-form .search-group input:not(.select2-search__field) {
        min-width: 239px
    }
}

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

    .panel.panel-default .advanced-search-form .search-group .select2-container,
    .panel.panel-default .advanced-search-form .search-group input:not(.select2-search__field) {
        min-width: 259px
    }
}

.panel.panel-default .advanced-search-form .search-group .columnLabel {
    font-weight: 400
}

.panel.panel-default .advanced-search-form .search-group .sliderInputContainer,
.panel.panel-default .advanced-search-form .search-group .ui-search-clear {
    display: none
}

.panel.panel-default .advanced-search-form .form-actions {
    padding: 0
}

.filterView .header,
.filterView .pageTitleContainer {
    display: block
}

.filterView .header span.entityLabel,
.filterView .pageTitleContainer span.entityLabel {
    text-align: left;
    width: auto
}

.filterView .kanbanView .ui-jqgrid.grid-with-actions-toolbar,
.filterView .kanbanView .ui-jqgrid.gridWithActionBar,
.filterView .ui-jqgrid {
    margin-top: 0
}

html {
    overflow: auto
}

body,
html {
    height: 100%
}

body {
    width: 100%;
    margin: 0;
    background-color: #fff
}

body.containsMinifiedLeftPanel .inmplayer-trigger {
    width: 40px;
    overflow: hidden;
    color: #03a9f4;
    white-space: nowrap
}

body.containsMinifiedLeftPanel .inmplayer-trigger:before {
    display: inline-block;
    font-family: Agito;
    content: "\F1A8";
    font-style: normal;
    font-weight: 400;
    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;
    color: #fff
}

body .masterContentContainer {
    display: flex
}

body .masterContentContainer .header-separation-line {
    width: 100%;
    border-top: 5px solid #e9e9e9;
    display: flex
}

body .masterContentContainer .headerContainer {
    background-color: #fff
}

body .masterContentContainer .headerContainer:after {
    content: "";
    display: block;
    clear: both
}

body .masterContentContainer .headerContainer .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    color: #777;
    border-right: 1px solid #e9e9e9
}

body .masterContentContainer .headerContainer .form-inline .form-group:first-child {
    border-left: 1px solid #e9e9e9
}

body .masterContentContainer .headerContainer .form-inline .form-group .notification-icon {
    color: #777;
    font-size: 25px;
    display: inline-block;
    margin: 17px 15px 16px 10px;
    text-decoration: none
}

body .masterContentContainer .headerContainer .form-inline .form-group .notification-icon:hover {
    color: var(--font-default-color)
}

body .masterContentContainer .headerContainer .form-inline .form-group .notification-icon i {
    position: relative
}

body .masterContentContainer .headerContainer .form-inline .form-group .notification-icon i:after {
    content: attr(data-count);
    position: absolute;
    background: #00a2d5;
    height: 1.5rem;
    top: .7rem;
    right: -.5rem;
    min-width: 1.5rem;
    padding: 0 4px;
    text-align: center;
    line-height: 1.5rem;
    font-size: 1rem;
    border-radius: .75rem;
    color: #fff;
}

body .masterContentContainer .headerContainer .form-inline .form-group .notification-icon i[data-count="0"]:after {
    display: none
}

body .masterContentContainer .headerContainer .form-inline .form-group .create-project {
    padding: 0 15px;
    line-height: 56px;
    font-weight: 700
}

body .masterContentContainer .headerContainer .form-inline .form-group .global-search {
    direction: rtl
}

body .masterContentContainer .headerContainer .form-inline .form-group .global-search .input-group-addon {
    background-color: #fff;
    color: #777;
    border: 0;
    font-size: 25px;
    cursor: pointer;
    height: 56px;
    padding: 0 15px 0 12px
}

body .masterContentContainer .headerContainer .form-inline .form-group .global-search .input-group-addon:hover {
    color: var(--font-default-color)
}

body .masterContentContainer .headerContainer .form-inline .form-group .global-search #globalSearch {
    direction: ltr;
    border: 0;
    font-size: 21px;
    height: 56px;
    display: none;
    background-color: #fff
}

body .masterContentContainer .headerContainer .form-inline .form-group .global-search #globalSearch:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

body .masterContentContainer .headerContainer .form-inline .form-group .calendar {
    padding: 0 15px;
    line-height: 56px;
    font-size: 24px
}

body .masterContentContainer .headerContainer .form-inline .form-group .calendar a {
    color: unset
}

body .masterContentContainer .headerContainer .form-inline .form-group .calendar:hover {
    color: var(--font-default-color)
}

body .masterContentContainer .headerContainer .form-inline .form-group .user-info {
    margin-right: 10px;
    font-size: 14px
}

body .masterContentContainer .headerContainer .form-inline .form-group .user-info .dropdown-menu {
    margin-top: -6px;
    margin-right: -6px
}

body .masterContentContainer .headerContainer .form-inline .form-group .user-info .dropdown-menu.dropdown-menu-right:before {
    position: absolute;
    top: -7px;
    right: 12px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--font-default-color);
    border-left: 7px solid transparent;
    border-bottom-color: var(--font-default-color);
    content: ""
}

body .masterContentContainer .headerContainer .form-inline .form-group .user-info .dropdown-menu:before :before {
    position: absolute;
    top: -7px;
    left: 12px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--font-default-color);
    border-left: 7px solid transparent;
    border-bottom-color: var(--font-default-color);
    content: ""
}

body .masterContentContainer .headerContainer .form-inline .form-group .user-info button {
    background-color: #fff;
    background-image: none;
    color: #777;
    border: 0;
    outline: 0;
    box-shadow: none;
    height: 56px
}

body .masterContentContainer .headerContainer .form-inline .form-group .user-info button .current-user-icon {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-color: #fff;
    display: inherit;
    background-image: url(../5e037a4ab3213718a133.svg);
    background-size: contain;
    background-repeat: no-repeat
}

body .masterContentContainer .headerContainer .form-inline .form-group .user-info button .caret {
    color: #999
}

body .masterContentContainer .headerContainer .form-inline .form-group .user-info button .user-image {
    height: 30px;
    width: 30px;
    box-shadow: none;
    object-fit: cover;
    object-position: center
}

body .masterContentContainer .headerContainer .form-inline .form-group .user-info button .user-name {
    vertical-align: middle;
    color: var(--font-default-color);
    margin-left: 6px;
    font-weight: 400
}

body .masterContentContainer .headerContainer .form-inline .form-group .user-info button:hover {
    color: var(--font-default-color)
}

body .masterContentContainer .headerContainer .form-inline #statuspage-widget-container {
    padding-left: 15px;
    padding-right: 15px
}

body .masterContentContainer .headerContainer .form-inline #statuspage-widget-container #statusPageWidget {
    height: 56px;
    display: table-cell;
    vertical-align: middle
}

body .masterContentContainer .headerContainer .form-inline #statuspage-widget-container #statusPageWidget #statusPageWidgetText {
    font-size: 16px;
    color: var(--font-default-color);
    text-decoration: none
}

body .masterContentContainer .headerContainer .form-inline #statuspage-widget-container #statusPageWidget #statusPageWidgetText:hover {
    text-decoration: underline
}

body .mainContentContainer .contentContainer {
    flex: 1
}

body .mainContentContainer {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin: 0;
    padding: 0;
    min-width: 350px;
    flex-grow: 2;
    overflow-y: auto
}

body .mainContentContainer .contentContainer {
    clear: both;
    display: flex;
    flex-direction: column
}

body .mainContentContainer .contentContainer:after {
    content: "";
    display: block;
    clear: both
}

body .mainContentContainer .contentContainer #contentApp {
    order: 2
}

body .mainContentContainer .contentContainer,
body .mainContentContainer .headerContainer {
    padding: 0;
    margin: 0
}

body .leftPanelContainer {
    background-color: #483342;
    position: relative
}

body .leftPanelContainer dir,
body .leftPanelContainer menu,
body .leftPanelContainer ul {
    -webkit-padding-start: 0;
    padding: 0
}

body .leftPanelContainer a {
    cursor: pointer;
    text-decoration: none;
    color: #ddd
}

body .leftPanelContainer .actions {
    position: sticky;
    margin-top: -43px;
    top: 43px;
    left: 185px;
    width: 18px;
    height: 28px;
    background-color: #543f4e;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
    z-index: 2
}

body .leftPanelContainer .actions a.leftPanelContainerStateSwitcher {
    display: block;
    font-size: 18.2px;
    padding-top: 4px;
    text-align: center
}

body .leftPanelContainer .actions .icon:before {
    display: inline-block;
    font-family: Agito;
    content: "\F106";
    font-style: normal;
    font-weight: 400;
    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
}

body .leftPanelContainer .regularPanel {
    height: auto;
    width: 215px;
    position: sticky;
    top: 0;
    background-color: #483342;
    -ms-overflow-style: none;
    scrollbar-width: none
}

body .leftPanelContainer .regularPanel.open {
    overflow-y: scroll;
    max-height: 100vh
}

body .leftPanelContainer .regularPanel::-webkit-scrollbar {
    display: none
}

body .leftPanelContainer .regularPanel .menuHeader {
    padding: 17px 0 16px 20px
}

body .leftPanelContainer .regularPanel .menuHeader a.logo {
    background-image: url(../7dccb1610b8fb799421e.svg);
    background-repeat: no-repeat;
    height: 23px;
    width: 146px;
    display: block
}

body .leftPanelContainer .regularPanel .navigationMenu .tooltip .tooltip-inner {
    white-space: nowrap
}

body .leftPanelContainer .regularPanel .headerSeparationLine {
    height: 2px;
    width: 100%;
    border-bottom: 5px solid #2b1e27
}

body .leftPanelContainer .regularPanel .feedbackifyContainer {
    height: 52px;
    padding: 10px
}

body .leftPanelContainer .regularPanel .feedbackifyContainer .feedbackify {
    display: block
}

body .leftPanelContainer .regularPanel .feedbackifyContainer .feedbackify:before {
    display: inline-block;
    font-family: Agito;
    content: "\F13B";
    font-style: normal;
    font-weight: 400;
    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
}

body .leftPanelContainer .footer {
    padding-bottom: 60px
}

body .leftPanelContainer .footer .support {
    height: 60px;
    padding: 17px 0 0 15px;
    background-color: #3c7179;
    color: #ddd;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none
}

body .leftPanelContainer .footer .support .title {
    font-weight: 700;
    margin-left: 34px;
    line-height: 14.25px
}

body .leftPanelContainer .footer .support .text {
    font-size: 13.3px;
    line-height: 14.25px;
    margin-left: 34px
}

body .leftPanelContainer .footer .support .imageContainer {
    background-color: #ddd;
    height: 26px;
    width: 26px;
    float: left;
    border-radius: 100px
}

body .leftPanelContainer .footer .support .imageContainer .image {
    background-image: url(../376468f326c9de6c0e9b.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 25px;
    margin-top: 1px;
    border-radius: 100px
}

body .leftPanelContainer.minified .actions .icon:before {
    display: inline-block;
    font-family: Agito;
    content: "\F107";
    font-style: normal;
    font-weight: 400;
    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
}

body .leftPanelContainer.minified:not(.tempExpand) .actions {
    left: 50px
}

body .leftPanelContainer.minified:not(.tempExpand) .regularPanel {
    width: 60px
}

body .leftPanelContainer.minified:not(.tempExpand) .regularPanel .menuHeader {
    padding: 0
}

body .leftPanelContainer.minified:not(.tempExpand) .regularPanel .menuHeader a.logo {
    background-image: url(../817dff43f7e1865f3e4f.png);
    background-repeat: no-repeat;
    height: 56px;
    width: auto;
    display: block;
    background-size: 60px 56px
}

body .leftPanelContainer.minified:not(.tempExpand) .regularPanel .feedbackifyContainer .feedbackify label {
    display: none
}

body .leftPanelContainer.minified:not(.tempExpand) .regularPanel .navigationMenu .mainmenu {
    position: relative
}

body .leftPanelContainer.minified:not(.tempExpand) .footer .support .text,
body .leftPanelContainer.minified:not(.tempExpand) .footer .support .title,
body .leftPanelContainer.minified:not(.tempExpand) .regularPanel .navigationMenu .mainmenu .text {
    display: none
}

mark {
    background-color: #faf100;
    border: 1px solid #fabd00;
    padding: 2px
}

.selected-jobs-count {
    margin-bottom: 16px
}

.tooltip-exlamation-orange {
    display: none
}

.tooltip-exlamation-orange:before {
    display: inline-block;
    font-family: Agito;
    content: "\F153";
    font-style: normal;
    font-weight: 400;
    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;
    color: #FE8523
}

.navigationMenu {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    height: auto
}

.navigationMenu .item.customer-profile-picker .select2-container {
    margin: 0 16px
}

.navigationMenu .item .mainmenu {
    text-align: left;
    width: 100%;
    height: 42px;
    line-height: 42px;
    
    font-weight: 700;
    vertical-align: middle;
    display: block;
    padding: 0 0 0 18px
}

.navigationMenu .item .mainmenu * {
    pointer-events: none
}

.navigationMenu .item .mainmenu.active,
.navigationMenu .item .mainmenu.open,
.navigationMenu .item .mainmenu:hover {
    text-decoration: none;
    background-color: #2b1e27
}

.navigationMenu .item .mainmenu .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 21.7px
}

.navigationMenu .item .mainmenu .icon.Search:before {
    content: "\F1B1"
}

.navigationMenu .item .mainmenu .icon.ProjectsAndQuotes:before,
.navigationMenu .item .mainmenu .icon.Search:before {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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
}

.navigationMenu .item .mainmenu .icon.ProjectsAndQuotes:before {
    content: "\F116"
}

.navigationMenu .item .mainmenu .icon.Profile:before {
    content: "\F163"
}

.navigationMenu .item .mainmenu .icon.Profile:before,
.navigationMenu .item .mainmenu .icon.Tools:before {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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
}

.navigationMenu .item .mainmenu .icon.Tools:before {
    content: "\F1CA"
}

.navigationMenu .item .mainmenu .icon.Finances:before {
    content: "\F139"
}

.navigationMenu .item .mainmenu .icon.Communication:before,
.navigationMenu .item .mainmenu .icon.Finances:before {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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
}

.navigationMenu .item .mainmenu .icon.Communication:before {
    content: "\F13C"
}

.navigationMenu .item .mainmenu .icon.Administration:before {
    content: "\F1B6"
}

.navigationMenu .item .mainmenu .icon.Administration:before,
.navigationMenu .item .mainmenu .icon.RolesAndPermissions:before {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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
}

.navigationMenu .item .mainmenu .icon.RolesAndPermissions:before {
    content: "\F17E"
}

.navigationMenu .item .mainmenu .icon.Dashboard:before {
    content: "\F141"
}

.navigationMenu .item .mainmenu .icon.Dashboard:before,
.navigationMenu .item .mainmenu .icon.Projects:before {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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
}

.navigationMenu .item .mainmenu .icon.Projects:before {
    content: "\F116"
}

.navigationMenu .item .mainmenu .icon.LanguageTools:before {
    content: "\F1CA"
}

.navigationMenu .item .mainmenu .icon.LanguageTools:before,
.navigationMenu .item .mainmenu .icon.Teams:before {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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
}

.navigationMenu .item .mainmenu .icon.Teams:before {
    content: "\F13E"
}

.navigationMenu .item .mainmenu .icon.CreateProject:before {
    content: "\F1A3"
}

.navigationMenu .item .mainmenu .icon.Conversations:before,
.navigationMenu .item .mainmenu .icon.CreateProject:before {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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
}

.navigationMenu .item .mainmenu .icon.Conversations:before {
    content: "\F146"
}

.navigationMenu .item .mainmenu .icon.LwContacts:before {
    display: inline-block;
    font-family: Agito;
    content: "\F173";
    font-style: normal;
    font-weight: 400;
    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
}

.navigationMenu .item .mainmenu .text {
    display: inline-block;
    padding: 0 0 0 9px;
    line-height: 1.2;
    vertical-align: middle;
    max-width: 140px
}

.navigationMenu .item .mainmenu .switcher {
    display: inline-block;
    vertical-align: sub;
    font-size: 12px
}

.navigationMenu .item .mainmenu .switcher:before {
    content: "\F122"
}

.navigationMenu .item .mainmenu.open .switcher:before,
.navigationMenu .item .mainmenu .switcher:before {
    display: inline-block;
    font-family: Agito;
    font-style: normal;
    font-weight: 400;
    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
}

.navigationMenu .item .mainmenu.open .switcher:before {
    content: "\F124"
}

.navigationMenu .item .mainmenu.new-project-item {
    width: 85% !important;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #FE8523;
    color: #FE8523;
    margin: auto;
    padding: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 15px
}

.navigationMenu .item .mainmenu.new-project-item.active {
    background-color: transparent
}

.navigationMenu .item .mainmenu.new-project-item:hover {
    background-color: #FE8523;
    color: #fff
}

.navigationMenu .item .mainmenu.new-project-item .text {
    padding: 0
}

.navigationMenu .item .mainmenu.new-project-item .icon {
    display: none
}

.navigationMenu .item .mainmenu.new-project-item.disabled {
    color: var(--font-default-color);
    background-color: #b7b7b7;
    border-color: #b7b7b7;
    pointer-events: none
}

.navigationMenu .item .mainmenu.new-project-item.disabled.focus,
.navigationMenu .item .mainmenu.new-project-item.disabled:focus {
    color: var(--font-default-color);
    background-color: #9d9d9d;
    border-color: #777
}

.navigationMenu .item .mainmenu.new-project-item.disabled:hover {
    color: var(--font-default-color);
    background-color: #9d9d9d;
    border-color: #989898
}

.navigationMenu .item .mainmenu.new-project-item.disabled.active,
.navigationMenu .item .mainmenu.new-project-item.disabled:active,
.open>.dropdown-toggle.navigationMenu .item .mainmenu.new-project-item.disabled {
    color: var(--font-default-color);
    background-color: #9d9d9d;
    background-image: none;
    border-color: #989898
}

.navigationMenu .item .mainmenu.new-project-item.disabled.active.focus,
.navigationMenu .item .mainmenu.new-project-item.disabled.active:focus,
.navigationMenu .item .mainmenu.new-project-item.disabled.active:hover,
.navigationMenu .item .mainmenu.new-project-item.disabled:active.focus,
.navigationMenu .item .mainmenu.new-project-item.disabled:active:focus,
.navigationMenu .item .mainmenu.new-project-item.disabled:active:hover,
.open>.dropdown-toggle.navigationMenu .item .mainmenu.new-project-item.disabled.focus,
.open>.dropdown-toggle.navigationMenu .item .mainmenu.new-project-item.disabled:focus,
.open>.dropdown-toggle.navigationMenu .item .mainmenu.new-project-item.disabled:hover {
    color: var(--font-default-color);
    background-color: #8b8b8b;
    border-color: #777
}

.navigationMenu .item .mainmenu.new-project-item.disabled.disabled.focus,
.navigationMenu .item .mainmenu.new-project-item.disabled.disabled:focus,
.navigationMenu .item .mainmenu.new-project-item.disabled.disabled:hover,
.navigationMenu .item .mainmenu.new-project-item.disabled[disabled].focus,
.navigationMenu .item .mainmenu.new-project-item.disabled[disabled]:focus,
.navigationMenu .item .mainmenu.new-project-item.disabled[disabled]:hover,
fieldset[disabled] .navigationMenu .item .mainmenu.new-project-item.disabled.focus,
fieldset[disabled] .navigationMenu .item .mainmenu.new-project-item.disabled:focus,
fieldset[disabled] .navigationMenu .item .mainmenu.new-project-item.disabled:hover {
    background-color: #b7b7b7;
    border-color: #b7b7b7
}

.navigationMenu .item .mainmenu.new-project-item.disabled .badge {
    color: #b7b7b7;
    background-color: var(--font-default-color)
}

.navigationMenu .item .mainmenu.new-project-item.disabled:hover {
    background-color: #b7b7b7;
    border-color: #b7b7b7;
    cursor: default
}

.navigationMenu .item .mainmenu.company-with-logo-item {
    margin-top: 20px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    margin-left: -7px
}

.navigationMenu .item .mainmenu.company-with-logo-item .icon {
    width: 36px;
    height: 36px;
    display: inherit;
    vertical-align: middle;
    background-color: #fff
}

.navigationMenu .item .mainmenu.company-with-logo-item .icon.None {
    background-image: url(../c799016773ea6d4b53c7.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.navigationMenu .item .mainmenu.company-with-logo-item.test-company .icon.None {
    background-image: url(../dab4a5c39db540760137.svg)
}

.navigationMenu .item .mainmenu.company-with-logo-item .text {
    font-size: 16px;
    font-weight: 400;
    color: #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 12px
}

.navigationMenu .item .submenu {
    list-style: none outside none;
    margin-left: 0;
    display: none;
    font-size: 14px;
    font-weight: 400
}

.navigationMenu .item .submenu li {
    line-height: 30px
}

.navigationMenu .item .submenu li.searchSubItem {
    clear: both;
    padding: 0 0 0 30px
}

.navigationMenu .item .submenu li.searchSubItem span {
    display: inline-block;
    color: #ddd
}

.navigationMenu .item .submenu li.searchSubItem input {
    width: 91px;
    height: 22px;
    margin-top: 3px;
    float: right;
    margin-right: 7px
}

.navigationMenu .item .submenu li.active,
.navigationMenu .item .submenu li:hover {
    background-color: #232323
}

.navigationMenu .item .submenu li a {
    line-height: 20px;
    display: block;
    padding: 3px 0
}

.navigationMenu .item .submenu li a span {
    margin: 0 0 0 51px;
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.leftPanelContainer {
    min-height: 100vh;
    z-index: 10
}

.leftPanelContainer.minified .navigationMenu .item .mainmenu.new-project-item {
    width: 60%
}

.leftPanelContainer.minified .navigationMenu .item .mainmenu.new-project-item .text {
    display: none
}

.leftPanelContainer.minified .navigationMenu .item .mainmenu.new-project-item .icon {
    display: block
}

.leftPanelContainer .myTeam {
    list-style: none;
    margin: 0;
    margin-top: 20px;
    color: #ddd
}

.leftPanelContainer .myTeam .tooltip .tooltip-inner {
    text-align: left
}

.leftPanelContainer .myTeam .header {
    padding-left: 11px;
    margin-bottom: 7px;
    text-transform: uppercase;
    font-weight: 700
}

.leftPanelContainer .myTeam .header.short {
    display: none
}

.leftPanelContainer .myTeam .person {
    padding: 10px 0 7px 15px;
    min-height: 45px;
    position: relative
}

.leftPanelContainer .myTeam .person:hover {
    background-color: #232323;
    cursor: pointer
}

.leftPanelContainer .myTeam .person .name {
    font-weight: 700;
    margin-left: 34px;
    line-height: 14.25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.leftPanelContainer .myTeam .person .position {
    line-height: 15.2px;
    margin-left: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.leftPanelContainer .myTeam .person .email,
.leftPanelContainer .myTeam .person .phone {
    display: none
}

.leftPanelContainer .myTeam .person .imageContainer {
    background-color: #fff;
    border-radius: 0;
    float: left;
    margin-left: 2px
}

.leftPanelContainer .myTeam .person .imageContainer .image {
    height: 26px;
    width: 26px;
    background-image: url(../5e037a4ab3213718a133.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.leftPanelContainer .myTeam .person .imageContainer img {
    height: 26px;
    width: 26px;
    border-radius: 0
}

.leftPanelContainer.minified:not(.tempExpand) .regularPanel .myTeam .header {
    display: none
}

.leftPanelContainer.minified:not(.tempExpand) .regularPanel .myTeam .header.short {
    display: inherit
}

.leftPanelContainer.minified:not(.tempExpand) .regularPanel .myTeam .person .name,
.leftPanelContainer.minified:not(.tempExpand) .regularPanel .myTeam .person .position {
    display: none
}

.error .errorStackTrace {
    white-space: pre-wrap
}

.error .errorSource {
    font-weight: 700
}

.error-icon:after {
    display: inline-block;
    font-family: Agito;
    content: "\F153";
    font-style: normal;
    font-weight: 400;
    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;
    color: #9d261d;
    margin: 0 5px 0 0
}

.group-explanation .modal-dialog {
    margin: 100px auto 0;
    width: 892px
}

.group-explanation .modal-dialog .modal-content {
    width: 840px;
    height: 550px
}

.group-explanation .modal-dialog .modal-content .modal-header .description {
    color: #777;
    line-height: 23px
}

.group-explanation .modal-dialog .modal-content .modal-body {
    padding: 0 30px 15px;
    height: 380px;
    overflow-y: auto;
    white-space: pre-line
}

.header-container .warning-container {
    background-color: transparent;
    padding: 10px 20px;
    display: none
}

.header-container .warning-container #not-supported-browser-message,
.header-container .warning-container #warning-message {
    display: none
}

.header-container .warning-container .warning {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    border-radius: 6px;
    position: relative;
    padding: 8px;
    color: var(--font-default-color);
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    line-height: 24px
}

.header-container .warning-container .warning .text {
    display: inline-block;
    margin-right: 30px
}

.header-container .warning-container .warning .text a {
    color: #1e90bf;
    text-decoration: none
}

.header-container .warning-container .warning .text a:hover {
    color: #1b7fa9
}

.header-container .warning-container .warning .icon {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #FE8523
}

.header-container .warning-container .warning .icon:hover {
    color: #FE8523;
    cursor: pointer
}

.warning-icon:after {
    display: inline-block;
    font-family: Agito;
    content: "\F153";
    font-style: normal;
    font-weight: 400;
    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;
    color: #FE8523;
    margin: 0 5px 0 0
}