@charset "UTF-8";

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Light'), local('OpenSans-Light'), url(opensanslight.aac07fc6db99e7eb977e.woff2) format('woff2'), url(opensanslight.9a0cfeda5ce5de167410.woff) format('woff'), url(opensanslight.25ad8d1b471db8cc26d8.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(opensanslightitalic.3b472a011c149d4e3e20.woff2) format('woff2'), url(opensanslightitalic.03fa0fb46f93a7cd5fba.woff) format('woff'), url(opensanslightitalic.161f7fcb431023d65bbd.ttf) format('truetype');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans'), local('OpenSans'), url(opensans.48aa7ad98beedc63d829.woff2) format('woff2'), url(opensans.811c8baeca3bb3329488.woff) format('woff'), url(opensans.d2a705b59e370eaa5d14.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(opensansitalic.fbf7f082bb8abfeef11c.woff2) format('woff2'), url(opensansitalic.576f55c34a35e2d1e8d4.woff) format('woff'), url(opensansitalic.bf2f6b57cd6438b1e1ca.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(opensanssemibold.86dd4197bc664e69cc2d.woff2) format('woff2'), url(opensanssemibold.299b3be898e809232985.woff) format('woff'), url(opensanssemibold.483351b66d7f49ef56b8.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(opensanssemibolditalic.1e7892227286bddc889e.woff2) format('woff2'), url(opensanssemibolditalic.09c3b5a4acf6c0c8acdb.woff) format('woff'), url(opensanssemibolditalic.9e4f913fb70d77b2898d.ttf) format('truetype');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(opensansbold.313824e85557a721d326.woff2) format('woff2'), url(opensansbold.6f05808b4f6a11d3feb1.woff) format('woff'), url(opensansbold.b87efff09ad1fd0e8da7.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(opensansbolditalic.5f80e2b1fe2352fbe3f7.woff2) format('woff2'), url(opensansbolditalic.90b8cd144632dbd7c51c.woff) format('woff'), url(opensansbolditalic.47cf698e57af06519622.ttf) format('truetype');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(opensansextrabold.0f5ecd4c02213b058c52.woff2) format('woff2'), url(opensansextrabold.6794db0115fe57ff032c.woff) format('woff'), url(opensansextrabold.a4e0d32f8d8cb67da4af.ttf) format('truetype');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(opensansextrabolditalic.51d4b21e8b8a03b7b5b6.woff2) format('woff2'), url(opensansextrabolditalic.cb00b819da6093c52289.woff) format('woff'), url(opensansextrabolditalic.41274fc221d9fe727256.ttf) format('truetype');
    font-weight: 800;
    font-style: italic
}

.sum-container .note-editable kbd,
.sum-container .note-frame * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.sum-container .note-editor.note-frame .note-editing-area,
.sum-container .note-modal {
    overflow: hidden
}

.sum-container .note-editable p {
    margin: 0 0 10px
}

.sum-container .note-editable kbd {
    padding: 3px 5px;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    border-radius: 2px;
    box-sizing: border-box
}

.sum-container .note-toolbar {
    border-bottom: unset;
    z-index: 500
}

.sum-container .note-btn-group {
    display: inline-block;
    vertical-align: middle
}

.sum-container .note-btn-group>.note-btn-group {
    margin-right: 0
}

.sum-container .note-btn-group>.note-btn,
.sum-container .note-btn-group>.note-btn-group {
    margin-left: -1px;
    border-radius: 0
}

.sum-container .note-btn-group>.note-btn {
    float: left
}

.sum-container .note-btn-group>.note-btn-group.active,
.sum-container .note-btn-group>.note-btn-group.focus,
.sum-container .note-btn-group>.note-btn.active,
.sum-container .note-btn-group>.note-btn.focus {
    border-radius: 0
}

.sum-container .note-btn-group>.note-btn-group:first-child,
.sum-container .note-btn-group>.note-btn:first-child {
    margin-left: 0;
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px
}

.sum-container .note-btn-group>.note-btn-group:first-child.active,
.sum-container .note-btn-group>.note-btn-group:first-child.focus,
.sum-container .note-btn-group>.note-btn:first-child.active,
.sum-container .note-btn-group>.note-btn:first-child.focus {
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px
}

.sum-container .note-btn-group>.note-btn-group:last-child:not(.note-dropdown),
.sum-container .note-btn-group>.note-btn-group:last-child:not(.note-dropdown).active,
.sum-container .note-btn-group>.note-btn-group:last-child:not(.note-dropdown).focus,
.sum-container .note-btn-group>.note-btn:last-child:not(.note-dropdown),
.sum-container .note-btn-group>.note-btn:last-child:not(.note-dropdown).active,
.sum-container .note-btn-group>.note-btn:last-child:not(.note-dropdown).focus {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.sum-container .note-btn-group.open>.note-dropdown {
    display: block
}

.sum-container .note-btn.disabled.focus,
.sum-container .note-btn.disabled:focus,
.sum-container .note-btn[disabled].focus,
.sum-container .note-btn[disabled]:focus,
.sum-container fieldset[disabled] .note-btn.focus,
.sum-container fieldset[disabled] .note-btn:focus {
    background-color: transparent;
    border-color: transparent
}

.sum-container .note-btn.focus,
.sum-container .note-btn:focus,
.sum-container .note-btn:hover {
    color: #0366d6 !important;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    outline: 0
}

.sum-container .note-btn.active,
.sum-container .note-btn:active {
    color: #0366d6;
    background-image: none;
    outline: 0
}

.sum-container .note-btn.disabled,
.sum-container .note-btn[disabled],
.sum-container fieldset[disabled] .note-btn {
    color: #ddd;
    cursor: not-allowed;
    -webkit-opacity: .65;
    -khtml-opacity: .65;
    -moz-opacity: .65;
    -ms-filter: alpha(opacity=65);
    filter: alpha(opacity=65);
    opacity: .65;
    box-shadow: none
}

.sum-container .note-btn-primary {
    padding: 0 9px;
    font-size: 11px;
    font-weight: 600;
    line-height: 26px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    background-image: linear-gradient(#fafafa, #eaeaea);
    border: 1px solid #aaa
}

.sum-container .note-btn-primary.focus,
.sum-container .note-btn-primary:focus,
.sum-container .note-btn-primary:hover {
    color: #333;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #aaa;
    background-image: linear-gradient(#fcfcfc, #ececec)
}

.sum-container .note-btn-large {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.sum-container .note-btn-block {
    display: block;
    width: 100%
}

.sum-container .note-btn-block+.note-btn-block {
    margin-top: 5px
}

.sum-container input[type=button].note-btn-block,
.sum-container input[type=reset].note-btn-block,
.sum-container input[type=submit].note-btn-block {
    width: 100%
}

.sum-container button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.sum-container .close {
    float: right;
    margin: 20px 0;
    font-size: 21px;
    line-height: 1;
    color: #000;
    opacity: .2
}

.sum-container .close:hover {
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    opacity: 1
}

.sum-container .note-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100px;
    padding: 5px;
    text-align: left;
    background: padding-box #fff;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06)
}

.sum-container .note-btn-group.open .note-dropdown-menu,
.sum-container .note-dropdown-item {
    display: block
}

.sum-container .note-dropdown-item:hover {
    color: #0366d6;
    background-color: transparent
}

.sum-container a.note-dropdown-item,
.sum-container a.note-dropdown-item:hover {
    margin: 2px 0;
    color: #0366d6;
    text-decoration: none
}

.sum-container a.note-dropdown-item {
    color: #333
}

.sum-container .note-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    opacity: 1
}

.sum-container .note-modal.open {
    display: block
}

.sum-container .note-modal-content {
    position: relative;
    width: auto;
    background-color: #fff;
    border: 1px solid rgba(27, 31, 35, .25);
    outline: 0;
    border-radius: 5px;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    box-shadow: 0 0 18px rgba(27, 31, 35, .4)
}

.sum-container .note-modal-header {
    padding: 15px;
    border-bottom: 1px solid #e1e4e8
}

.sum-container .note-modal-header:focus {
    outline: 0
}

.sum-container .note-modal-header .close {
    margin: 5px 0
}

.sum-container .note-modal-title {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
    color: #000;
    text-align: left
}

.sum-container .note-modal-body {
    position: relative;
    padding: 20px
}

.sum-container .note-modal-footer {
    padding: 10px 15px;
    background: #fafbfc;
    text-align: center;
    min-height: 36px;
    border-top: 1px solid #e1e4e8;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.sum-container .note-modal-footer .note-btn {
    float: right
}

.sum-container .note-modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    background-color: rgba(0, 0, 0, .5)
}

.sum-container .note-input,
.sum-container .note-modal-backdrop.open,
.sum-container .note-popover,
.sum-container .note-tooltip {
    display: block
}

@media (min-width:768px) {
    .sum-container .note-modal-content {
        width: 600px;
        margin: 30px auto
    }

    .container .main .table .table__body tr:nth-child(even) {
        background: #f8f8f8
    }
}

@media (min-width:992px) {
    .sum-container .note-modal-content-large {
        width: 900px
    }
}

.sum-container .note-form-group {
    padding-bottom: 20px
}

.sum-container .note-form-group:last-child {
    padding-bottom: 0
}

.sum-container .note-form-label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #42515f
}

.sum-container .note-input {
    width: 100%;
    padding: 6px 4px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #dfe2e5;
    outline: 0;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.sum-container .note-popover-arrow,
.sum-container .note-popover-arrow::after,
.sum-container .note-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}

.sum-container .note-input::-webkit-input-placeholder {
    color: #a3aab1
}

.sum-container .note-input:-moz-placeholder {
    color: #a3aab1
}

.sum-container .note-input::-moz-placeholder {
    color: #a3aab1
}

.sum-container .note-input:-ms-input-placeholder {
    color: #a3aab1
}

.sum-container .note-tooltip {
    position: absolute;
    z-index: 1070;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: .05px;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0
}

.sum-container .note-tooltip.in {
    -webkit-opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
    opacity: .9
}

.sum-container .note-tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.sum-container .note-tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.sum-container .note-tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.sum-container .note-tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.sum-container .note-tooltip.bottom .note-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.sum-container .note-tooltip.top .note-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.sum-container .note-tooltip.right .note-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000;
    border-width: 5px 5px 5px 0
}

.sum-container .note-tooltip.left .note-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000;
    border-width: 5px 0 5px 5px
}

.sum-container .note-tooltip-arrow {
    border-color: transparent;
    border-style: solid
}

.sum-container .note-tooltip-content {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.sum-container .note-popover {
    position: absolute;
    z-index: 1060;
    display: none;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border-radius: 6px;
    max-width: none
}

.sum-container .note-popover.in {
    display: block
}

.sum-container .note-popover.top {
    padding: 5px 0;
    margin-top: -3px
}

.sum-container .note-popover.right {
    padding: 0 5px;
    margin-left: 3px
}

.sum-container .note-popover.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.sum-container .note-popover.left {
    padding: 0 5px;
    margin-left: -3px
}

.sum-container .note-popover.bottom .note-popover-arrow {
    top: -11px;
    left: 50%;
    margin-left: -10px;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-top-width: 0
}

.sum-container .note-popover.bottom .note-popover-arrow::after {
    content: '';
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}

.sum-container .note-popover.top .note-popover-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -10px;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.sum-container .note-popover.top .note-popover-arrow::after {
    content: '';
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.sum-container .note-popover.right .note-popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -10px;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.sum-container .note-popover.right .note-popover-arrow::after {
    content: '';
    left: 1px;
    margin-top: -10px;
    border-right-color: #fff;
    border-left-width: 0
}

.sum-container .note-popover.left .note-popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -10px;
    border-left-color: rgba(0, 0, 0, .25);
    border-right-width: 0
}

.sum-container .note-popover.left .note-popover-arrow::after {
    content: '';
    right: 1px;
    margin-top: -10px;
    border-left-color: #fff;
    border-right-width: 0
}

.sum-container .note-popover-arrow {
    border: 11px solid transparent
}

.sum-container .note-popover-arrow::after {
    content: '';
    display: block;
    border: 10px solid transparent
}

.sum-container .note-popover-content {
    min-width: 100px;
    min-height: 30px;
    padding: 3px 8px;
    color: #000;
    text-align: center;
    background-color: #fff
}

.sum-container .note-editor {
    position: relative
}

.sum-container .note-editor .note-dropzone {
    position: absolute;
    z-index: 100;
    display: none;
    color: #87cefa;
    background-color: #fff;
    opacity: .95;
    pointer-event: none
}

.sum-container .note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle
}

.sum-container .note-editor .note-dropzone.hover {
    color: #098ddf
}

.sum-container .note-editor.dragover .note-dropzone {
    display: table
}

.sum-container .note-editor .note-editing-area {
    position: relative
}

.sum-container .note-editor .note-editing-area p {
    margin: 0 0 10px
}

.sum-container .note-editor .note-editing-area .note-editable {
    outline: 0
}

.sum-container .note-editor .note-editing-area .note-editable table {
    width: 100%;
    border-collapse: collapse
}

.sum-container .note-editor .note-editing-area .note-editable table td,
.sum-container .note-editor .note-editing-area .note-editable table th {
    padding: 5px 3px;
    border: 1px solid #ececec
}

.sum-container .note-editor .note-editing-area .note-editable sup {
    vertical-align: super
}

.sum-container .note-editor .note-editing-area .note-editable sub {
    vertical-align: sub
}

.sum-container .note-editor.note-frame {
    border: unset;
    border-radius: 3px;
    -mox-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.sum-container .note-editor.note-frame.codeview .note-editing-area .note-editable {
    display: none
}

.sum-container .note-editor.note-frame.codeview .note-editing-area .note-codable {
    display: block
}

.sum-container .note-editor.note-frame .note-editing-area .note-editable {
    padding: 10px;
    overflow: auto;
    color: #000;
    word-wrap: break-word;
    background-color: #fff
}

.sum-container .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
    background-color: #e5e5e5
}

.sum-container .note-editor.note-frame .note-editing-area .note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize: none
}

.sum-container .note-editor.note-frame.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100% !important
}

.sum-container .note-editor.note-frame.fullscreen .note-editable {
    background-color: #fff
}

.sum-container .note-editor.note-frame.fullscreen .note-resizebar {
    display: none
}

.sum-container .note-status-output {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    height: 20px;
    margin-bottom: 0;
    color: #000;
    border: 0;
    border-top: 1px solid #e2e2e2
}

.sum-container .note-status-output:empty {
    height: 0;
    border-top: 0 solid transparent
}

.sum-container .note-status-output .pull-right {
    float: right !important
}

.sum-container .note-status-output .text-muted {
    color: #777
}

.sum-container .note-status-output .text-primary {
    color: #286090
}

.sum-container .note-status-output .text-success {
    color: #3c763d
}

.sum-container .note-status-output .text-info {
    color: #31708f
}

.sum-container .note-status-output .text-warning {
    color: #8a6d3b
}

.sum-container .note-status-output .text-danger {
    color: #a94442
}

.sum-container .note-status-output .alert {
    margin: -7px 0 0;
    padding: 7px 10px 2px;
    border-radius: 0;
    color: #000;
    background-color: #f5f5f5
}

.sum-container .note-status-output .alert .note-icon {
    margin-right: 5px
}

.sum-container .note-status-output .alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important
}

.sum-container .note-status-output .alert-info {
    color: #31708f !important;
    background-color: #d9edf7 !important
}

.sum-container .note-status-output .alert-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important
}

.sum-container .note-status-output .alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important
}

.sum-container .note-editor .note-editing-area .note-editable ol,
.sum-container .note-editor .note-editing-area .note-editable ul {
    padding: 0 0 0 20px
}

.sum-container .note-editor .note-editing-area .note-editable ol li,
.sum-container .note-editor .note-editing-area .note-editable ul li {
    padding: 5px
}

.sum-container .note-editor .note-editing-area .note-editable ol {
    list-style: decimal
}

.sum-container .note-editor .note-editing-area .note-editable ul {
    list-style: disc
}

.sum-container .note-editor.note-frame .note-placeholder {
    padding: 10px
}

.sum-container .note-popover .note-popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.sum-container .note-popover .note-popover-arrow {
    left: 20px !important
}

.sum-container .note-popover .note-popover-content,
.sum-container .note-toolbar {
    padding: 0 0 5px 5px;
    margin: 0;
    background-color: #fff
}

.sum-container .note-popover .note-popover-content>.note-btn-group,
.sum-container .note-toolbar>.note-btn-group {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 0
}

.sum-container .note-toolbar>.note-btn-group .note-btn-group .note-btn {
    padding-top: 2px
}

.sum-container .note-popover .note-popover-content .note-btn-group .note-table,
.sum-container .note-toolbar .note-btn-group .note-table {
    min-width: 0;
    padding: 5px
}

.sum-container .note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker,
.sum-container .note-toolbar .note-btn-group .note-table .note-dimension-picker {
    font-size: 18px
}

.sum-container .note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.sum-container .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute !important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer
}

.sum-container .note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.sum-container .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative !important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
}

.sum-container .note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.sum-container .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute !important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
}

.sum-container .note-handle .note-control-selection>div,
.sum-container .note-placeholder {
    position: absolute
}

.sum-container .note-popover .note-popover-content .note-style blockquote,
.sum-container .note-popover .note-popover-content .note-style h1,
.sum-container .note-popover .note-popover-content .note-style h2,
.sum-container .note-popover .note-popover-content .note-style h3,
.sum-container .note-popover .note-popover-content .note-style h4,
.sum-container .note-popover .note-popover-content .note-style h5,
.sum-container .note-popover .note-popover-content .note-style h6,
.sum-container .note-toolbar .note-style blockquote,
.sum-container .note-toolbar .note-style h1,
.sum-container .note-toolbar .note-style h2,
.sum-container .note-toolbar .note-style h3,
.sum-container .note-toolbar .note-style h4,
.sum-container .note-toolbar .note-style h5,
.sum-container .note-toolbar .note-style h6 {
    margin: 0
}

.sum-container .note-popover .note-popover-content .note-color .dropdown-toggle,
.sum-container .note-toolbar .note-color .dropdown-toggle {
    width: 20px;
    padding-left: 5px
}

.sum-container .note-popover .note-popover-content .note-color .note-dropdown-menu,
.sum-container .note-toolbar .note-color .note-dropdown-menu {
    box-sizing: content-box;
    min-width: 346px
}

.sum-container .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette,
.sum-container .note-toolbar .note-color .note-dropdown-menu .note-palette {
    display: inline-block;
    width: 160px;
    margin: 0
}

.sum-container .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette:first-child,
.sum-container .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
    margin: 0 15px 0 5px
}

.sum-container .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,
.sum-container .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
    margin: 2px 7px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #eee
}

.sum-container .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.sum-container .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset {
    width: 100%;
    margin: 3px;
    padding: 2px 3px;
    cursor: pointer;
    border: 0;
    border-radius: 5px;
    background-color: #fff
}

.sum-container .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,
.sum-container .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
    height: 20px
}

.sum-container .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.sum-container .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover {
    background: #eee
}

.sum-container .note-popover .note-popover-content .note-para .note-dropdown-menu,
.sum-container .note-toolbar .note-para .note-dropdown-menu {
    min-width: 216px;
    padding: 5px
}

.sum-container .note-popover .note-popover-content .note-para .note-dropdown-menu>div:first-child,
.sum-container .note-toolbar .note-para .note-dropdown-menu>div:first-child {
    margin-right: 5px
}

.sum-container .note-popover .note-popover-content .note-btn-fontname .note-dropdown-menu,
.sum-container .note-toolbar .note-btn-fontname .note-dropdown-menu {
    min-width: 200px
}

.sum-container .note-popover .note-popover-content .note-dropdown-menu,
.sum-container .note-toolbar .note-dropdown-menu {
    min-width: 160px
}

.sum-container .note-popover .note-popover-content .note-dropdown-menu.right,
.sum-container .note-toolbar .note-dropdown-menu.right {
    right: 0;
    left: auto
}

.sum-container .note-popover .note-popover-content .note-dropdown-menu.right::after,
.sum-container .note-popover .note-popover-content .note-dropdown-menu.right::before,
.sum-container .note-toolbar .note-dropdown-menu.right::after,
.sum-container .note-toolbar .note-dropdown-menu.right::before {
    right: 10px;
    left: auto !important
}

.sum-container .note-popover .note-popover-content .note-dropdown-menu.note-check .note-dropdown-item i,
.sum-container .note-toolbar .note-dropdown-menu.note-check .note-dropdown-item i {
    color: #000;
    visibility: hidden
}

.sum-container .note-popover .note-popover-content .note-dropdown-menu.note-check .note-dropdown-item.checked i,
.sum-container .note-toolbar .note-dropdown-menu.note-check .note-dropdown-item.checked i {
    visibility: visible
}

.sum-container .note-popover .note-popover-content .note-dropdown-menu .note-dropdown-item>*,
.sum-container .note-toolbar .note-dropdown-menu .note-dropdown-item>* {
    margin: 0
}

.sum-container .note-popover .note-popover-content .note-fontsize-10,
.sum-container .note-toolbar .note-fontsize-10 {
    font-size: 10px
}

.sum-container .note-popover .note-popover-content .note-color-palette,
.sum-container .note-toolbar .note-color-palette {
    line-height: 1
}

.sum-container .note-popover .note-popover-content .note-color-palette div .note-color-btn,
.sum-container .note-toolbar .note-color-palette div .note-color-btn {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff
}

.sum-container .note-popover .note-popover-content .note-color-palette div .note-color-btn:hover,
.sum-container .note-toolbar .note-color-palette div .note-color-btn:hover {
    border: 1px solid #000
}

.sum-container .note-modal .note-modal-body label {
    display: inline-block;
    padding: 2px 5px;
    margin-bottom: 2px
}

.sum-container .note-modal .note-modal-body .help-list-item:hover {
    background-color: #e0e0e0
}

@-moz-document url-prefix() {
    .sum-container .note-image-input {
        height: auto
    }
}

.sum-container .note-placeholder {
    display: none;
    color: #ccc
}

.sum-container .note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid #000
}

.sum-container .note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-opacity: .3;
    -khtml-opacity: .3;
    -moz-opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
    opacity: .3
}

.sum-container .note-handle .note-control-selection .note-control-handle,
.sum-container .note-handle .note-control-selection .note-control-holder {
    width: 7px;
    height: 7px;
    border: 1px solid #000
}

.sum-container .note-handle .note-control-selection .note-control-sizing {
    width: 7px;
    height: 7px;
    background-color: #fff;
    border: 1px solid #000
}

.sum-container .note-handle .note-control-selection .note-control-nw {
    top: -5px;
    left: -5px;
    border-right: 0;
    border-bottom: 0
}

.sum-container .note-handle .note-control-selection .note-control-ne {
    top: -5px;
    right: -5px;
    border-bottom: 0;
    border-left: none
}

.sum-container .note-handle .note-control-selection .note-control-sw {
    bottom: -5px;
    left: -5px;
    border-top: 0;
    border-right: 0
}

.sum-container .note-handle .note-control-selection .note-control-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize
}

.sum-container .note-handle .note-control-selection .note-control-se.note-control-holder {
    cursor: default;
    border-top: 0;
    border-left: none
}

.sum-container .note-handle .note-control-selection .note-control-selection-info {
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    font-size: 12px;
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    -webkit-opacity: .7;
    -khtml-opacity: .7;
    -moz-opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70);
    opacity: .7
}

.sum-container .note-hint-popover {
    min-width: 100px;
    padding: 2px
}

.sum-container .note-hint-popover .note-popover-content {
    max-height: 150px;
    padding: 3px;
    overflow: auto
}

.sum-container .note-hint-popover .note-popover-content .note-hint-group .note-hint-item {
    display: block !important;
    padding: 3px
}

.sum-container .note-hint-popover .note-popover-content .note-hint-group .note-hint-item.active,
.sum-container .note-hint-popover .note-popover-content .note-hint-group .note-hint-item:hover {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    background-color: #428bca;
    outline: 0
}

.sum-container .help-list-item label {
    display: inline-block;
    margin-bottom: 5px
}

.sum-container .note-icon-font.note-recent-color {
    background: unset !important
}

.sum-container .note-editor.note-frame .note-statusbar {
    background-color: #eee;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 10px
}

.sum-container .note-editor.note-frame .note-statusbar .note-resizebar {
    width: 100%;
    height: 8px;
    padding-top: 1px;
    cursor: ns-resize
}

.sum-container .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: unset
}

.sum-container .note-toolbar {
    background-color: #eee;
    position: relative !important
}

.sum-container .note-btn {
    display: inline-block;
    height: 32px;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.4285743;
    color: #333;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    outline: 0;
    font-size: 12px !important;
    font-family: "Open Sans", sans-serif
}

.note-editable {
    font-family: Calibri, sans-serif !important
}

.note-modal.open .note-modal-footer {
    padding: 0 30px;
    height: 55px
}

.note-modal.open .note-modal-footer .note-btn {
    width: 137px;
    background: #94c817;
    border-radius: 6px;
    opacity: 1
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(noto-sans-v7-latin-regular.8e89b7d5a1c0a024e94e.eot);
    src: local("Noto Sans"), local("NotoSans"), url(noto-sans-v7-latin-regular.8e89b7d5a1c0a024e94e.eot?#iefix) format("embedded-opentype"), url(noto-sans-v7-latin-regular.abc24b0f77dd16d0b4ea.woff2) format("woff2"), url(noto-sans-v7-latin-regular.4bdffaaa646258ee12f4.woff) format("woff"), url(noto-sans-v7-latin-regular.4cd101b120e15f4d64f7.ttf) format("truetype"), url(noto-sans-v7-latin-regular.8fc7779de799b69e4040.svg#NotoSans) format("svg"), url(NotoSans-Bold.a165a42685795361b255.ttf) format("truetype"), url(NotoSans-BoldItalic.4f6ff3639c1e5728b905.ttf) format("truetype"), url(NotoSans-Italic.154da4697acc779b55af.ttf) format("truetype"), url(NotoSans-Regular.2fd9c16b805724d590c0.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeueCyr-Thin;
    src: url(HelveticaNeueCyr-Thin.33551249f7a04d093465.eot);
    src: local("☺"), url(HelveticaNeueCyr-Thin.7477093b362e7d0cfcf0.woff) format("woff"), url(HelveticaNeueCyr-Thin.a6be0a6632efc43beebb.ttf) format("truetype"), url(HelveticaNeueCyr-Thin.3036ae86f3e196e33d3b.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Icon;
    font-style: normal;
    font-weight: 400;
    src: local("Icon"), url(icon.145d008287ec654afb38.ttf) format("truetype")
}

*,
::after,
::before {
    box-sizing: border-box
}

* {
    outline: 0
}

body,
html {
    min-height: 100vh
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px
}

body .main-container {
    width: calc(100% - 200px)
}

@media (min-width:1191px) and (max-width:1366px) {
    body .main-container {
        width: calc(100% - 250px)
    }
}

@media (min-width:1367px) {
    body .main-container {
        width: calc(100% - 300px)
    }
}

@media (max-width:768px) {
    body .main-container {
        width: 100%
    }
}

body .main-container .content {
    margin: 80px 0 60px;
    padding: 0 60px 0 30px
}

body .main-container .content .content {
    padding: 0 !important;
    max-width: 663px
}

@media (min-width:1680px) {
    body .main-container .content {
        padding: 0 80px
    }
}

@media (max-width:1679px) {
    body .main-container .content {
        padding: 0 60px
    }
}

@media (max-width:1399px) {
    body .main-container .content {
        padding: 0 30px
    }
}

@media (max-width:1280px) {
    body .main-container .content {
        margin: 70px 0 60px
    }
}

@media (max-width:1191px) {
    body .main-container .content {
        margin: 60px 0
    }
}

@media (max-width:767px) {
    body .main-container .content {
        padding: 0 20px;
        margin: 30px 0 60px
    }
}

ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

a {
    color: #000;
    text-decoration: inherit
}

h1 {
    margin: 0;
    font-size: 24px;
    color: #5b5b5b;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .5px;
    text-align: center
}

label:focus {
    outline: 0
}

table,
tbody,
td,
tfoot,
th,
thead,
tr {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
    text-align: center;
    font-weight: inherit;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none
}

input {
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px
}

@media screen and (max-width:380px) {
    h1 {
        font-size: 20px !important
    }
}

.text-editor-output p,
.text-editor-output span {
    overflow-wrap: break-word
}

.text-editor-output p span,
.text-editor-output span span {
    display: inline-block
}

.text-editor-output ol,
.text-editor-output ul {
    padding: 0 0 0 20px
}

.text-editor-output ol>li,
.text-editor-output ul>li {
    padding: 5px
}

.text-editor-output ol {
    list-style: decimal
}

.text-editor-output ul {
    list-style: disc
}

.native-input {
    height: 44px;
    padding: 11px 20px;
    font-size: 14px;
    color: #5b5b5b;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: .5s;
    line-height: 44px !important
}

.native-input.immutable {
    background-color: #f5f5f5
}

.native-input.searchable {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4My4wODMgNDgzLjA4MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDgzLjA4MyA0ODMuMDgzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTMzMi43NCwzMTUuMzVjMzAuODgzLTMzLjQzMyw1MC4xNS03OC4yLDUwLjE1LTEyNy41QzM4Mi44OSw4NC40MzMsMjk4Ljc0LDAsMTk1LjA0LDBTNy4xOSw4NC40MzMsNy4xOSwxODcuODUgICAgUzkxLjM0LDM3NS43LDE5NS4wNCwzNzUuN2M0Mi4yMTcsMCw4MS4wMzMtMTMuODgzLDExMi40ODMtMzcuNGwxMzkuNjgzLDEzOS42ODNjMy40LDMuNCw3LjY1LDUuMSwxMS45LDUuMXM4Ljc4My0xLjcsMTEuOS01LjEgICAgYzYuNTE3LTYuNTE3LDYuNTE3LTE3LjI4MywwLTI0LjA4M0wzMzIuNzQsMzE1LjM1eiBNNDEuMTksMTg3Ljg1QzQxLjE5LDEwMy4xMzMsMTEwLjA0LDM0LDE5NS4wNCwzNCAgICBjODQuNzE3LDAsMTUzLjg1LDY4Ljg1LDE1My44NSwxNTMuODVTMjgwLjA0LDM0MS43LDE5NS4wNCwzNDEuN1M0MS4xOSwyNzIuNTY3LDQxLjE5LDE4Ny44NXoiIGZpbGw9IiM1YjViNWIiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) calc(100% - 30px) 50% no-repeat #fff;
    background-size: 16px 16px;
    padding-right: 50px
}

.native-text-area {
    height: 150px;
    width: 100%;
    padding: 16px 20px;
    font-size: 14px;
    color: #5b5b5b;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: .5s;
    resize: none;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px
}

.native-select {
    width: 100%;
    height: 44px;
    flex: 1;
    font-size: 14px;
    color: #5b5b5b;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: .5s;
    cursor: pointer
}

@media screen and (max-width:510px) {
    .native-select.to-long .ng-value {
        max-width: 300px
    }
}

.native-input:focus,
.native-select:focus,
.native-text-area:focus {
    outline: 0
}

.native-input::-webkit-input-placeholder,
.native-text-area::-webkit-input-placeholder {
    color: #b6b6b6
}

.native-input::-ms-input-placeholder,
.native-text-area::-ms-input-placeholder {
    color: #b6b6b6
}

.native-input::placeholder,
.native-text-area::placeholder {
    color: #b6b6b6
}

.hide-block.hint-message {
    font-size: 12px
}

.field-border {
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: .5s
}

.error-checkbox-border,
.error-field-border {
    border-color: #c94b4b !important;
    transition: .5s
}

.error-label {
    padding: 14px 0 0;
    font-size: 14px;
    color: #c94b4b;
    display: none
}

.error-label.error {
    display: block
}

.error-link {
    cursor: pointer;
    text-decoration: underline;
    color: #c94b4b
}

button {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .3px;
    transition: .3s ease;
    padding: 0 20px;
    height: 40px;
    line-height: 38px
}

button.btn-long {
    width: auto !important
}

button.def-btn-success:hover {
    transition: .3s ease;
    background: #7cb000
}

.def-btn-success {
    min-width: 137px;
    color: #fff;
    background-color: #94c817;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer
}

.def-btn-success.main_color[disabled] {
    background-color: #7a7a7a !important;
    cursor: not-allowed
}

.def-btn-success.main_color[disabled]:hover {
    background-color: unset
}

.def-btn-cancel {
    margin: 13px 30px;
    font-size: 14px;
    color: #b6b6b6;
    border: none;
    cursor: pointer
}

.def-btn-cancel:hover {
    text-decoration: underline
}

.def-btn-delete {
    background: 0 0;
    color: #c94b4b;
    font-size: 14px !important;
    padding: 12px 0;
    border: none;
    cursor: pointer
}

.def-btn-delete:hover {
    text-decoration: underline
}

.def-btn-cancel:focus,
.def-btn-success:focus {
    outline: 0
}

.disabled {
    display: none !important
}

.enabled {
    display: block !important
}

.pending {
    background: #f5f5f5 !important
}

.required::after {
    content: '*';
    margin-left: 5px;
    color: #a3a3a3
}

.ngx-datepicker-container .ngx-datepicker-calendar-container {
    z-index: 1
}

.day-unit {
    width: calc(99% / 7) !important
}

.day-unit.is-selected {
    background: #94c817 !important;
    color: #fff !important
}

.day-unit.is-today {
    color: #fff !important
}

.day-unit.is-today:hover {
    background: #9b9b9b !important;
    color: #fff !important
}

.right-align-datepicker .ngx-datepicker-calendar-container.ngx-datepicker-position-bottom-right {
    left: unset;
    right: 0;
    z-index: 9999
}

.container .one-elem .date-term-container__datepicker {
    width: 100%
}

.success-popup {
    width: 100%;
    max-width: 650px;
    margin: 150px auto 0;
    display: flex;
    justify-content: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #5b5b5b
}

.success-popup .content {
    display: flex;
    flex-flow: column wrap;
    padding-top: 65px;
    padding-bottom: 35px !important
}

.success-popup .content .icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #5b5b5b;
    position: relative;
    margin: 0 auto 30px
}

.success-popup .content .icon.success {
    background: #94c817
}

.success-popup .content .icon.success:after {
    content: "";
    position: absolute;
    left: 13px;
    top: 4px;
    width: 14px;
    height: 24px;
    border: solid #fff;
    border-width: 0 5px 5px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.success-popup .content .popup-message {
    text-align: center;
    font-size: 18px;
    line-height: 1.56;
    padding: 0 60px
}

.success-popup .content .popup-message .popup-link {
    margin-top: 40px
}

.success-popup .content .popup-message a {
    color: #94c817;
    cursor: pointer
}

.success-popup .content .popup-message a:hover {
    text-decoration: underline
}

.content {
    color: #5b5b5b;
    margin: 60px 80px
}

.content .filter-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: #f5f5f5;
    display: flex
}

.content .filter-container a {
    margin-right: 30px
}

@media (max-width:1670px) {
    .content .filter-container a {
        margin-right: 15px
    }
}

@media (max-width:1425px) {
    .content .filter-container a {
        margin-right: 10px
    }
}

@media (min-width:1780px) {
    .content .filter-container {
        padding: 0 80px
    }
}

@media (max-width:1779px) {
    .content .filter-container {
        padding: 0 60px
    }
}

@media (max-width:1399px) {
    .content .filter-container {
        padding: 0 30px
    }
}

@media (max-width:1280px) {
    .content .filter-container {
        height: 70px
    }
}

.content .filter-container .sub-menu {
    position: absolute;
    z-index: 500;
    background: #fff;
    border: 1px solid #94c817
}

.content .filter-container .sub-menu li:hover {
    background: #f9f9f9
}

.content .filter-container .sub-menu li a {
    font-size: 14px;
    color: #5b5b5b;
    display: block;
    padding: 10px 15px;
    cursor: pointer
}

.content .filter-container .sub-menu li:last-child a {
    margin-bottom: 0
}

@media (max-width:767px) {
    .content .filter-container a {
        margin-right: 0
    }

    .content .filter-container {
        padding: 0;
        height: unset;
        background: unset;
        position: relative;
        border-bottom: none;
        display: block;
        z-index: 1
    }

    .content .filter-container:not(.filter-container-with-sub-menu) a {
        border-bottom: none
    }

    .content .filter-container:not(.filter-container-with-sub-menu) a+a {
        display: block;
        margin-top: 2px
    }

    .content .filter-container:not(.filter-container-with-sub-menu) a .filter-container__term {
        margin-bottom: 0
    }

    .content .filter-container:not(.filter-container-with-sub-menu) a.selected .filter-container__term span {
        color: #fff
    }
}

.content .filter-container__term {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #5b5b5b;
    cursor: pointer;
    border-bottom: 2px solid transparent
}

.content .filter-container__term i {
    display: none
}

.content .filter-container__term span {
    font-size: 16px
}

@media (max-width:1520px) {
    .content .filter-container__term span {
        font-size: 15px
    }
}

@media (max-width:1310px) {
    .content .filter-container__term span {
        font-size: 13px
    }
}

@media (max-width:767px) {
    .content .filter-container__term {
        vertical-align: middle;
        background: #eee;
        border-bottom: none;
        border-radius: 1px;
        display: block;
        width: 100%;
        margin-bottom: .5%;
        position: relative;
        padding: 10px
    }

    .content .filter-container__term i {
        display: inline-block;
        width: 20px;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        right: 10px;
        left: auto;
        top: 10px;
        cursor: pointer
    }

    .content .filter-container__term i:before {
        font-size: 18px
    }

    .content .filter-container__term:not(.selected) i {
        display: none
    }

    .content .filter-container__term.selected i {
        display: inline-block
    }

    .content .filter-container__term span {
        font-size: 13px !important;
        display: block
    }

    .content .filter-container__term+.filter-container__term,
    .content .filter-container__term:first-child {
        margin-right: 1%
    }

    .content .filter-container__term+.sub-menu {
        position: relative;
        z-index: 500;
        background: #eee;
        border: none;
        top: -5px;
        margin-bottom: 5px
    }
}

.content .filter-container__term:not(.selected):hover span {
    transition: .3s ease;
    color: #94c817
}

.content .filter-container .selected {
    border-bottom: 2px solid #94c817;
    cursor: unset
}

.content .filter-container .selected span {
    color: #94c817
}

.sort-bar {
    font-size: 15px
}

@media (max-width:991px) {
    .success-popup .content .popup-message {
        padding: 0 20px
    }

    .sort-bar {
        font-size: 14px !important
    }
}

.sort-bar .ng-select input {
    color: #5b5b5b
}

.sort-bar .ng-select .ng-select-container {
    min-height: 25px !important
}

.sort-bar .search-container__input {
    width: 100% !important;
    border-right-color: #dbdcdb !important;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px
}

.sort-bar .search-container__input.first-elem {
    padding-left: 0
}

.sort-bar .search-container__input::-webkit-input-placeholder {
    color: #5b5b5b
}

.sort-bar .search-container__input::-ms-input-placeholder {
    color: #5b5b5b
}

.sort-bar .search-container__input::placeholder {
    color: #5b5b5b
}

.sort-bar .search-container__select {
    border-right-color: #dbdcdb !important
}

.sort-bar .ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    border-width: 0 4px 5px !important
}

.sort-bar .ngx-datepicker-container .ngx-datepicker-input {
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    font-size: 14px !important;
    line-height: 25px;
    color: #5b5b5b
}

.sort-bar .ngx-datepicker-container .ngx-datepicker-input::-webkit-input-placeholder {
    color: #5b5b5b
}

.sort-bar .ngx-datepicker-container .ngx-datepicker-input::-ms-input-placeholder {
    color: #5b5b5b
}

.sort-bar .ngx-datepicker-container .ngx-datepicker-input::placeholder {
    color: #5b5b5b
}

.sort-bar .date-term-container {
    display: flex;
    align-items: center;
    width: 100%
}

.sort-bar .date-term-container__datepicker {
    position: relative;
    width: 33.3%;
    padding-left: 9px
}

.sort-bar .date-term-container__datepicker__arrow {
    position: absolute;
    top: calc(50% - 2px);
    right: 10px !important;
    width: 0;
    height: 0;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid #5b5b5b;
    border-radius: 0 !important
}

@media (max-width:1191px) {
    .sort-bar .date-term-container__datepicker__arrow {
        top: calc(50% - 6px) !important
    }
}

@media (max-width:1280px) {
    .sort-bar .ngx-datepicker-container .ngx-datepicker-input {
        font-size: 13px !important
    }

    .sort-bar .search-container__select.sort-select-container {
        font-size: 13px
    }

    .sort-bar .date-term-container .search-container__input,
    .sort-bar .date-term-container .search-container__select {
        border-bottom: 1px dotted #ddd;
        margin-bottom: 10px;
        height: 35px
    }

    .sort-bar .date-term-container .date-term-container__datepicker {
        position: relative;
        padding-left: 0;
        padding-bottom: 10px;
        border-bottom: 1px dotted #ddd;
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .sort-bar .date-term-container {
        display: block;
        align-items: unset;
        width: 100%;
        padding: 0
    }

    .sort-bar .date-term-container .search-container__input {
        margin-top: 20px
    }

    .sort-bar .date-term-container .search-container__input,
    .sort-bar .date-term-container .search-container__select {
        width: 100% !important;
        border-right: none;
        padding: 0 35px 0 10px;
        height: 35px;
        margin-bottom: 10px;
        border-bottom: 1px dotted #ddd
    }

    .sort-bar .date-term-container .date-term-container__datepicker {
        width: 100%
    }
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-width: 5px 4px 2.5px !important;
    position: relative !important;
    top: 2px
}

.table {
    width: 100%;
    color: #5b5b5b;
    margin-bottom: 30px;
    font-size: 14px
}

.table.user-profile .table__body tr td .cut-text-box {
    max-width: 200px
}

.table__heading {
    font-weight: 700
}

.table__heading tr {
    height: 50px;
    background-color: #f5f5f5;
    transition: .2s ease
}

.table__heading tr th {
    text-align: left;
    padding-left: 25px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    font-weight: 600;
    position: relative
}

.table__heading tr th .arrows {
    margin-left: 15px;
    position: relative;
    top: 4px
}

.table__heading tr th .arrows .fas {
    position: absolute;
    left: 0;
    font-size: 12px
}

.table__heading tr th .arrows .fas.fa-caret-up {
    bottom: 10px
}

.table__heading tr th .arrows .fas.fa-caret-down {
    top: 2px
}

.table__heading tr th.sortable-header {
    cursor: pointer
}

.table__body {
    box-sizing: border-box
}

.table__body td {
    text-align: left;
    padding: 18px 15px
}

.table__body td .with-hover:hover {
    text-decoration: underline;
    cursor: pointer
}

.table__body td a:not(:first-child) {
    margin-left: 14px
}

.table__body tr {
    background-color: #fff;
    font-weight: 500;
    transition: .3s ease
}

.table__body.pointer tr {
    cursor: pointer
}

.table__body.pointer tr:hover {
    background: #f9f9f9 !important;
    transition: .3s ease
}

.green {
    color: #9b9b9b
}

.green-green {
    color: #94c817
}

.gray-primary {
    color: #5b5b5b
}

.date-term-container__datepicker {
    position: relative
}

.date-term-container__datepicker .fas.fa-times {
    position: absolute;
    right: 15%;
    top: 7px;
    font-size: 11px;
    color: #999;
    cursor: pointer
}

.date-term-container__datepicker .fas.fa-times:hover {
    color: #c94b4b
}

::-webkit-scrollbar {
    width: 6px !important
}

::-webkit-scrollbar-thumb {
    background: rgba(187, 187, 187, .6);
    border-radius: 2px
}

::-webkit-scrollbar-track {
    background: rgba(187, 187, 187, .15);
    margin: 15px
}

.form .nav-menu {
    margin-top: 40px
}

.form .cancel-btn {
    font-size: 14px !important;
    transition: .2s ease
}

.form .cancel-btn:hover {
    color: #5b5b5b !important;
    transition: .2s ease
}

.form .form__row {
    margin-top: 24px !important
}

.form .form__row .checkbox-container+.checkbox-text {
    position: relative;
    top: 1px
}

.form .form__row.title {
    flex-flow: row wrap;
    align-items: center;
    margin-top: 40px !important;
    margin-bottom: 4px;
    font-size: 16px !important;
    font-weight: 600
}

.form .row ::-webkit-input-placeholder {
    font-weight: 300;
    letter-spacing: normal
}

.form .row ::-moz-placeholder {
    font-weight: 300;
    letter-spacing: normal
}

.form .row :-ms-input-placeholder {
    font-weight: 300;
    letter-spacing: normal
}

.form .row :-moz-placeholder {
    font-weight: 300;
    letter-spacing: normal
}

.form .row .two-in-row .native-input.amount,
.form .row .two-in-row__input-field .native-input.amount {
    padding-left: 20px;
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    padding-top: 12px
}

@-moz-document url-prefix() {

    .form .row .two-in-row .native-input.amount,
    .form .row .two-in-row__input-field .native-input.amount {
        padding-top: 13px
    }
}

.form .row .two-in-row .native-input.amount.with-currency,
.form .row .two-in-row__input-field .native-input.amount.with-currency {
    padding-left: 80px
}

.form .row .two-in-row__tip {
    padding-top: 0 !important;
    line-height: 44px;
    padding-left: 27px
}

.form .row .two-in-row__tip.no-left-padding {
    padding-left: 0
}

@media (max-width:991px) {
    .form .select-container-large {
        width: 100%
    }

    .form .row .two-in-row,
    .form .row .two-in-row__input-field {
        max-width: unset !important;
        display: block !important
    }

    .form .row .two-in-row .account-select+.account-select,
    .form .row .two-in-row__input-field .account-select+.account-select {
        margin-top: 24px;
        display: block
    }

    .form .row .two-in-row__tip {
        padding-left: 0;
        line-height: normal;
        padding-top: 24px
    }

    .form .row .two-in-row__tip.mobile-margin {
        margin-top: 16px
    }

    .form .row .two-in-row .account-select {
        max-width: 100%;
        width: 100%;
        min-width: 100px !important
    }

    .form .row .two-in-row .account-select+.account-select {
        margin-top: 24px
    }
}

.form .input-container__label,
.form .row__title {
    font-size: 14px !important;
    display: block;
    margin-bottom: 16px !important;
    color: #5b5b5b
}

.form .sub-heading,
.form .title-input {
    font-size: 16px;
    font-weight: 600
}

.form .sub-heading {
    margin-top: 28px !important;
    margin-bottom: 24px !important
}

.form .two-small-check {
    display: flex;
    font-size: 15px !important;
    letter-spacing: 0 !important
}

.form .two-small-check .check-line:first-child {
    margin-right: 23px
}

.form .ngx-datepicker-container .ngx-datepicker-input {
    width: 100% !important;
    font-size: 14px !important;
    padding-left: 20px !important
}

.form .ngx-datepicker-container .ngx-datepicker-calendar-container {
    width: 318px !important;
    border-radius: 0 !important
}

.form .ngx-datepicker-container .ngx-datepicker-calendar-container .topbar-container .topbar-title {
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    font-size: 15px !important;
    color: #5b5b5b !important
}

.form .ngx-datepicker-container .ngx-datepicker-position-bottom-right {
    top: 48px !important
}

.content .form[_ngcontent-c6] .fields-container .input-column .def-btn-success {
    margin-top: 31px !important;
    letter-spacing: -.3px
}

.extra {
    min-height: 10px !important
}

.pagination {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    cursor: pointer
}

@media (max-width:767px) {
    .table__body td a:not(:first-child) {
        margin-left: 12px
    }

    .form .two-small-check {
        display: block !important
    }

    .pagination {
        justify-content: center
    }
}

.pagination:hover {
    background: 0 0
}

.pagination__arrow i {
    font-weight: 600;
    font-size: 10px;
    position: relative;
    top: -3px;
    color: #666
}

.pagination__arrow.disabled+.pagination__page {
    border-radius: 6px 0 0 6px !important
}

.pagination__page span {
    position: relative;
    top: 0;
    font-size: 12px;
    font-weight: 600
}

.pagination__page:first-child {
    border-radius: 6px 0 0 6px !important
}

.pagination__arrow,
.pagination__page {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    background-color: #fff;
    border-right: none !important;
    border-left: 1px solid #ddd;
    transition: .2s ease
}

.pagination__arrow:hover,
.pagination__page:hover {
    transition: .2s ease;
    background-color: #f9f9f9 !important
}

.pagination__arrow:last-child,
.pagination__page:last-child {
    border-right: 1px solid #ddd !important
}

.pagination__page.active {
    color: #fff;
    background-color: #94c817;
    border: 1px solid #94c817 !important
}

.pagination__page.active:hover {
    background-color: #94c817 !important
}

.pagination__page.active+.pagination__page {
    border-left: 1px solid #94c817 !important
}

.pagination__arrow:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination__arrow:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.def-btn-success,
button {
    font-size: 14px !important;
    font-weight: 400
}

.container {
    position: relative
}

.container .def-btn-success,
.container button {
    font-size: 14px !important;
    font-weight: 400
}

.container .action-icons {
    margin-right: 30px
}

.container .button-container {
    position: absolute;
    right: 0;
    top: -60px;
    display: flex;
    justify-content: flex-end
}

@media (max-width:767px) {
    .container .button-container {
        position: unset;
        padding-top: 30px
    }

    .container .button-container .hide-word {
        display: none
    }

    .container .button-container .action-icons {
        margin-right: 20px
    }
}

.container .button-container.only-icon {
    top: -50px
}

.container .button-container.only-icon .action-icons {
    margin-right: unset
}

.container .button-container .def-btn-success,
.container .button-container button {
    font-size: 14px !important;
    font-weight: 400
}

.container .def-btn-success.with-icon {
    width: unset;
    padding-left: 58px;
    position: relative
}

.container .def-btn-success.with-icon.plus:after {
    background-image: url(plus.4954f58b03485006c777.svg)
}

.container .def-btn-success.with-icon.rocket:after {
    background-image: url(rocket.d588bff07b67b93ee2e5.svg);
    background-size: 13px 13px
}

.container .def-btn-success.with-icon:after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, .07);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: center;
    position: absolute;
    left: -1px;
    top: -1px;
    border-radius: 6px 0 0 6px
}

.container .sort-bar {
    min-height: 50px;
    margin-bottom: 30px;
    padding-top: 40px;
    display: flex;
    align-items: center
}

@media (max-width:767px) {
    .container .sort-bar {
        padding-top: 0
    }

    .container .sort-bar .search-container__input {
        margin-left: 0
    }
}

.container .main .table .table__heading tr th {
    padding: 10px 10px 15px !important;
    font-size: 14px;
    min-width: 60px
}

.container .main .table .table__heading tr th.clickable {
    cursor: pointer
}

.container .main .table .table__heading tr th:first-child {
    padding-left: 25px !important
}

.container .main .table .table__heading tr th:last-child {
    padding-right: 10px !important
}

@media (max-width:1280px) {
    .table__heading tr th .arrows .fas {
        font-size: 11px
    }

    .container .button-container {
        top: -55px
    }

    .container .button-container.only-icon {
        top: -45px
    }

    .container .button-container .def-btn-success,
    .container .button-container button {
        font-size: 13px !important;
        font-family: "Open Sans", sans-serif;
        font-weight: 400
    }

    .container .sort-bar .search-container__input {
        font-size: 13px !important;
        width: 100% !important;
        padding-left: 10px;
        padding-bottom: 8px
    }

    .container .main .table .table__heading tr th {
        padding: 8px 10px !important;
        font-size: 13px !important
    }

    .container .main .table .table__heading tr th .arrows {
        margin-left: 8px
    }
}

@media (max-width:1191px) {
    .container .button-container {
        top: -45px
    }

    .container .button-container.only-icon {
        top: -35px
    }

    .container .main .table .table__heading tr th:first-child {
        padding-left: 10px !important
    }

    .container .main .table .table__heading tr th {
        padding: 8px 5px !important
    }
}

.container .main .table .table__body tr td {
    padding: 20px 10px !important
}

.container .main .table .table__body tr td .drop-arrow,
.container .main .table .table__body tr td.mobile-version {
    display: none
}

@media (min-width:992px) {
    .container .main .table .table__body tr td:first-child {
        padding-left: 25px !important
    }
}

.container .main .table .table__body tr td:last-child {
    padding-right: 10px !important
}

.container .main .table .table__body tr td .cut-text-box {
    word-wrap: break-word;
    width: 100%;
    display: block;
    font-style: normal;
    line-height: 18px;
    max-width: 240px
}

@media (max-width:1191px) {
    .container .main .table .table__body tr td .cut-text-box {
        max-width: 130px
    }
}

@media (max-width:891px) {
    .container .main .table .table__body tr td .cut-text-box {
        max-width: 70px
    }
}

@media (max-width:1280px) {
    .container .main .table .table__body tr td {
        padding: 12px 10px !important;
        font-size: 12px !important
    }
}

.container .search-container {
    display: flex
}

.container .search-container__input,
.container .search-container__select {
    color: #5b5b5b;
    background-color: unset;
    border-radius: unset;
    border: unset;
    font-size: 14px;
    line-height: 25px;
    height: 25px;
    padding: 0 35px 0 20px;
    min-width: 124px;
    flex: unset
}

.container .search-container__input {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ1MSA0NTEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MSA0NTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDQ3LjA1LDQyOGwtMTA5LjYtMTA5LjZjMjkuNC0zMy44LDQ3LjItNzcuOSw0Ny4yLTEyNi4xQzM4NC42NSw4Ni4yLDI5OC4zNSwwLDE5Mi4zNSwwQzg2LjI1LDAsMC4wNSw4Ni4zLDAuMDUsMTkyLjMgICBzODYuMywxOTIuMywxOTIuMywxOTIuM2M0OC4yLDAsOTIuMy0xNy44LDEyNi4xLTQ3LjJMNDI4LjA1LDQ0N2MyLjYsMi42LDYuMSw0LDkuNSw0czYuOS0xLjMsOS41LTQgICBDNDUyLjI1LDQ0MS44LDQ1Mi4yNSw0MzMuMiw0NDcuMDUsNDI4eiBNMjYuOTUsMTkyLjNjMC05MS4yLDc0LjItMTY1LjMsMTY1LjMtMTY1LjNjOTEuMiwwLDE2NS4zLDc0LjIsMTY1LjMsMTY1LjMgICBzLTc0LjEsMTY1LjQtMTY1LjMsMTY1LjRDMTAxLjE1LDM1Ny43LDI2Ljk1LDI4My41LDI2Ljk1LDE5Mi4zeiIgZmlsbD0iIzhjOGM4YyIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) calc(100% - 10px) 50% no-repeat;
    background-size: 13px 13px;
    width: 33.3%
}

@media (max-width:1191px) {
    .container .main .table .table__body tr td {
        padding: 12px 5px !important
    }

    .container .main .table .table__body tr td:first-child {
        padding-left: 10px !important
    }

    .container .search-container__input {
        background-position: calc(100% - 10px) 35%
    }
}

.container .search-container__input::-webkit-input-placeholder {
    color: #8c8c8c;
    line-height: unset
}

.container .search-container__input::-ms-input-placeholder {
    color: #8c8c8c;
    line-height: unset
}

.container .search-container__input::placeholder {
    color: #8c8c8c;
    line-height: unset
}

.container .search-container__select {
    width: 33.3%
}

.container .search-container__select.sort-select-container {
    padding: 0
}

.container .search-container__select.sort-select-container .sort-select {
    min-width: 100%;
    width: auto
}

.container .two-datepicker {
    width: 66.6%;
    display: flex
}

.container .two-datepicker .date-term-container__datepicker {
    width: 50%
}

@media only screen and (max-width:767px) {
    .container .two-datepicker {
        width: 100%;
        display: block
    }

    .container .two-datepicker .date-term-container__datepicker {
        width: 100%
    }
}

.container .date-term-container {
    display: flex;
    width: 100%
}

.container .date-term-container .sort-line {
    display: flex;
    width: 50%
}

.container .date-term-container .sort-line .input-block {
    width: 100%
}

.container .date-term-container .sort-line .input-block.part-of-3 {
    min-width: 180px
}

@media (min-width:768px) {
    .container .date-term-container .sort-line .input-block.part-of-3 {
        width: 33.3%
    }
}

@media (max-width:1280px) {
    .container .date-term-container {
        display: block
    }

    .container .date-term-container .sort-line .input-block.part-of-3 {
        min-width: 160px
    }

    .container .date-term-container .sort-line {
        width: 100%
    }
}

@media (max-width:1280px) and (min-width:768px) {
    .container .date-term-container .sort-line .input-block {
        width: 33.3%
    }
}

.container .date-term-container__datepicker {
    position: relative;
    width: 33.3%;
    padding-left: 0
}

.container .date-term-container__datepicker__arrow {
    position: absolute;
    top: calc(50% - 1px);
    right: 15px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #5b5b5b;
    border-radius: 0 !important
}

.container .bottom {
    display: flex;
    justify-content: space-between
}

.container .bottom.bottom_flex_end {
    justify-content: flex-end
}

.container .bottom .icons {
    color: #b6b6b6;
    margin-top: 18px
}

.container .bottom .icons span {
    margin: 0 10px;
    cursor: pointer;
    font-size: 13px !important
}

.container .bottom .icons span:hover {
    color: #5b5b5b
}

@media screen and (max-width:767px) {
    .container {
        margin-bottom: 70px
    }

    .container .main .table.revenue {
        margin-top: 30px
    }

    .container .main .table.revenue .table__body tr td {
        padding: 12px 10px !important
    }

    .container .main .table.revenue .table__heading tr th {
        padding: 8px 10px !important
    }

    .container .main .table:not(.revenue) {
        font-size: 13px;
        width: 100%
    }

    .container .main .table:not(.revenue) .table__heading {
        display: none
    }

    .container .main .table:not(.revenue),
    .container .main .table:not(.revenue) tbody,
    .container .main .table:not(.revenue) td,
    .container .main .table:not(.revenue) tr {
        display: block
    }

    .container .main .table:not(.revenue) .table__body tr {
        padding: 10px 0;
        text-align: -webkit-left;
        margin-bottom: 20px
    }

    .container .main .table:not(.revenue) .table__body tr td {
        display: inline-block;
        width: 50%;
        padding: 13px 25px !important;
        border-bottom: 1px dashed #ddd;
        border-top: 1px solid transparent;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 2
    }

    .container .main .table:not(.revenue) .table__body tr td:before {
        width: 50%;
        display: inline-block;
        color: #5b5b5b;
        vertical-align: middle;
        font-family: "Open Sans", sans-serif;
        letter-spacing: .05px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 5px
    }
}

@media screen and (max-width:767px) and (max-width:375px) {
    .container .main .table:not(.revenue) .table__body tr td {
        padding: 13px 10px 13px 18px !important
    }

    .container .main .table:not(.revenue) .table__body tr td:before {
        line-height: 25px
    }
}

@media screen and (max-width:767px) {
    .container .main .table:not(.revenue) .table__body tr td .cut-text-box {
        width: 50%;
        display: inline-block;
        vertical-align: middle
    }

    .container .main .table:not(.revenue) .table__body td:before {
        content: attr(data-title)
    }

    .container .main .table:not(.revenue) .table__body tr td {
        max-width: calc(100vw - 40px);
        width: 100%;
        padding: 13px 10px !important
    }

    .container .main .table:not(.revenue) .table__body tr td:first-child {
        padding-left: 10px
    }
}

@media screen and (max-width:767px) and (max-width:375px) {
    .container .main .table:not(.revenue) .table__body tr td .cut-text-box {
        width: 100%;
        line-height: 25px
    }
}

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

    .search-container__input,
    .search-container__select {
        width: 100% !important
    }
}

.block-menu {
    margin-bottom: 28px;
    padding-top: 26px;
    border-bottom: 1px solid #d8d8d8
}

.block-menu.short ul {
    max-width: 50%
}

.block-menu ul {
    display: flex
}

.block-menu ul li a {
    padding: 12px 20px;
    color: #5b5b5b;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .05px;
    transition: .2s ease;
    display: block;
    text-align: center !important
}

@media (max-width:1650px) {
    .block-menu ul li a {
        font-size: 13px;
        padding: 12px 15px
    }
}

.block-menu ul li a.link-active {
    color: #94c817;
    border-bottom: 2px solid #94c817;
    font-weight: 500;
    transition: .2s ease;
    margin-bottom: -1px
}

.block-menu ul li a:hover {
    color: #94c817
}

.top-btn-absolute {
    position: absolute;
    right: 0;
    top: -83px;
    width: unset;
    padding: 0 20px
}

.top-btn-absolute.def-btn-success.with-icon {
    position: absolute
}

@media (max-width:1250px) {
    .block-menu ul li a {
        font-size: 12px
    }

    .top-btn-absolute.def-btn-success.with-icon {
        padding: 0 10px 0 50px
    }
}

@media (max-width:1191px) {
    .top-btn-absolute.def-btn-success.with-icon {
        position: relative;
        top: unset;
        margin: 0 0 28px;
        float: right
    }
}

@media (min-width:1192px) and (max-width:1620px) {
    .top-btn-absolute .hide-on-tablet {
        display: none
    }
}

.main:before {
    display: table;
    clear: both;
    content: " "
}

.search-box .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 44px;
    font-size: 14px;
    position: relative;
    top: 1px;
    color: #5b5b5b;
    letter-spacing: normal
}

.search-box .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,
.search-box .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input {
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    font-weight: 400;
    top: -1px !important;
    left: 10px !important;
    font-size: 14px !important;
    color: #5b5b5b !important;
    overflow: visible;
    line-height: 44px
}

.search-box .select-container-searchable .loupe {
    right: 20px;
    opacity: .6
}

.search-box .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    letter-spacing: .05px;
    position: relative;
    top: 1px;
    font-size: 14px;
    color: #aaa !important
}

.search-box .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: .05px;
    position: relative;
    top: 1px;
    font-size: 14px;
    padding-left: 20px
}

.search-box .select-container-searchable {
    margin-top: 0 !important
}

.search-box .select-container-searchable .ng-select-container .ng-placeholder {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: .05px;
    position: relative;
    top: 0;
    font-size: 14px
}

.select-container-large .ng-select.large .ng-value-container,
.select-container-small .ng-select.large .ng-value-container,
.two-in-row .ng-select.large .ng-value-container {
    padding-left: 0
}

.select-container-large .ng-select.large+.select-container-large__tip,
.select-container-small .ng-select.large+.select-container-large__tip,
.two-in-row .ng-select.large+.select-container-large__tip {
    left: 20px !important
}

.select-container-large .ng-select .ng-arrow-wrapper .ng-arrow,
.select-container-small .ng-select .ng-arrow-wrapper .ng-arrow,
.two-in-row .ng-select .ng-arrow-wrapper .ng-arrow {
    transition: .2s ease
}

.select-container-large .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow,
.select-container-small .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow,
.two-in-row .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow {
    transition: .2s ease;
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

@media (max-width:1280px) {

    .select-container-large .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow,
    .select-container-small .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow,
    .two-in-row .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow {
        border-width: 0 3px 4px !important
    }
}

.select-container-large .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled,
.select-container-small .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled,
.two-in-row .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    letter-spacing: .05px;
    position: relative;
    top: 1px;
    font-size: 14px;
    color: #aaa !important
}

.select-container-large .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.select-container-small .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.two-in-row .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: .05px;
    position: relative;
    top: 1px;
    font-size: 14px;
    padding-left: 20px !important
}

.select-container-large .ng-select-container .ng-value-container,
.select-container-small .ng-select-container .ng-value-container,
.two-in-row .ng-select-container .ng-value-container {
    padding: 1px
}

.select-container-large .ng-select-container .ng-value-container .top-hint,
.select-container-small .ng-select-container .ng-value-container .top-hint,
.two-in-row .ng-select-container .ng-value-container .top-hint {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    position: relative;
    top: -4px;
    font-size: 14px !important;
    letter-spacing: .05px
}

.select-container-large .ng-select-container .ng-value-container .select-value,
.select-container-small .ng-select-container .ng-value-container .select-value,
.two-in-row .ng-select-container .ng-value-container .select-value {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: .05px;
    position: relative;
    top: 5px;
    color: #5b5b5b;
    font-size: 16px !important
}

.select-container-large .ng-select-container .ng-value-container .bottom-hint,
.select-container-small .ng-select-container .ng-value-container .bottom-hint,
.two-in-row .ng-select-container .ng-value-container .bottom-hint {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: .05px;
    margin-top: 15px !important;
    font-size: 14px !important
}

.select-container-large .ng-dropdown-panel.large,
.select-container-small .ng-dropdown-panel.large,
.two-in-row .ng-dropdown-panel.large {
    top: 105% !important
}

.select-container-large .ng-dropdown-panel.large .ng-option .select-value,
.select-container-small .ng-dropdown-panel.large .ng-option .select-value,
.two-in-row .ng-dropdown-panel.large .ng-option .select-value {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: .05px;
    position: relative;
    top: -2px;
    font-size: 16px !important;
    margin-bottom: 4px;
    color: #5b5b5b
}

.select-container-large .ng-dropdown-panel.large .ng-option .bottom-hint,
.select-container-small .ng-dropdown-panel.large .ng-option .bottom-hint,
.two-in-row .ng-dropdown-panel.large .ng-option .bottom-hint {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: .05px;
    font-size: 14px !important
}

.field-pair-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container,
.field-single-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container {
    overflow: visible !important
}

.field-pair-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value,
.field-single-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    white-space: nowrap;
    overflow: visible !important;
    text-overflow: ellipsis;
    line-height: 44px;
    font-size: 14px;
    position: relative;
    top: 1px;
    color: #5b5b5b;
    letter-spacing: normal
}

.field-pair-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,
.field-pair-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input,
.field-single-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,
.field-single-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input {
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    font-weight: 400;
    top: -1px !important;
    left: 10px !important;
    font-size: 14px !important;
    color: #5b5b5b !important;
    overflow: visible;
    line-height: 44px
}

.field-pair-in-row .ng-select-container .ng-placeholder,
.field-single-in-row .ng-select-container .ng-placeholder {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: .05px;
    position: relative;
    top: 0;
    font-size: 14px
}

@media (max-width:767px) {
    .container .date-term-container .sort-line {
        display: block
    }

    .container .bottom {
        text-align: center
    }

    .block-menu {
        display: none
    }

    .top-btn-absolute.def-btn-success.with-icon {
        margin: 28px 0;
        width: 100%
    }

    .top-btn-absolute {
        margin-top: 10px
    }

    body .content .nav-menu {
        display: block;
        background: 0 0
    }

    body .content .nav-menu .nav-menu__item {
        display: block;
        background: #eee;
        padding: 16px 16px 13px;
        margin-bottom: 5px;
        border-left: 4px solid #ccc
    }

    body .content .nav-menu .nav-menu__item.active {
        border-color: #94c817
    }

    body .content .nav-menu .nav-menu__item:before {
        display: none
    }
}

.hidden-md {
    display: none
}

.container .bottom.footnote {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    letter-spacing: .05px;
    font-size: 13px;
    color: #b6b6b6;
    margin-bottom: 30px;
    line-height: 1.7
}

.container .bottom button+.notification {
    display: block
}

.content .header-page,
.content .heading {
    font-size: 18px !important;
    color: #5b5b5b;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .5px !important
}

.content .header-page {
    margin-bottom: 28px
}

.line.sub-heading,
.row.sub-heading {
    margin-top: 28px;
    margin-bottom: 24px;
    font-size: 16px !important;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    font-weight: 600
}

.line.sub-heading.no-margin-bottom,
.row.sub-heading.no-margin-bottom {
    margin-bottom: 0
}

.line.sub-heading.no-margin-top,
.row.sub-heading.no-margin-top {
    margin-top: 0
}

.table-content {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 40px;
    margin-bottom: 30px
}

.table-content.transfer-pending {
    padding-bottom: 0;
    border-bottom: unset
}

.table-content.no-line {
    border-bottom: unset;
    padding-bottom: 0;
    margin-bottom: 0
}

.table-content label.field-name {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    display: block;
    margin-bottom: 15px !important;
    color: #5b5b5b;
    letter-spacing: .05px;
    position: relative
}

.table-content label.field-name .zmdi.zmdi-help {
    color: #5b5b5b;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    top: -4px;
    right: 3px
}

.table-content .line {
    display: flex;
    font-size: 14px;
    letter-spacing: normal;
    color: #5b5b5b;
    margin-bottom: 24px
}

.table-content .line.sub-title {
    font-size: 16px !important;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    font-weight: 600
}

.table-content .line.display-block {
    display: block
}

.table-content .line i {
    margin-left: 12px
}

.table-content .line .checkbox-container {
    position: relative;
    top: -4px
}

.table-content .line.no-margin {
    margin-bottom: 0
}

.table-content .line .check-line {
    display: flex;
    align-items: center
}

.table-content .line .single-elem {
    width: 100%
}

.table-content .line .elem {
    width: 100%;
    max-width: 318px
}

.table-content .line .elem:first-child {
    margin-right: 28px
}

.table-content .line .elem .select-container {
    padding-left: 0
}

.table-content .line .native-input {
    width: 100%
}

.table-content .line .lock-field {
    background: #f5f5f5
}

.table-content .line .native-text-area {
    margin-bottom: 16px;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px
}

.table-content .line .native-select.error-field-border {
    margin-bottom: 30px
}

.table-content .line .native-select.error-field-border.error-field-border {
    margin-bottom: unset
}

@media (max-width:991px) {
    .table-content .line .native-select.error-field-border {
        margin-bottom: 50px
    }
}

.table-content .other-text {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: .05px;
    font-size: 13px;
    color: #b6b6b6;
    line-height: 1.7;
    margin-top: 10px;
    display: block
}

.table-content .flex-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    font-size: 14px
}

.footnote {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: .05px;
    font-size: 13px;
    color: #b6b6b6;
    margin-top: 10px;
    line-height: 1.3;
    display: block
}

@media (max-width:767px) {
    .table-content .flex-line {
        font-size: 14px;
        line-height: 1.6
    }

    .table-content .flex-line .elem {
        margin-left: 50px
    }

    .footnote {
        text-align: left !important
    }
}

.status_executed,
.success {
    color: #94c817 !important
}

.status_executed:first-letter,
.success:first-letter {
    text-transform: uppercase
}

.status_active {
    color: #5b5b5b !important
}

.medium,
.status_pending {
    color: #a3a3a3 !important
}

.medium:first-letter,
.status_pending:first-letter {
    text-transform: uppercase
}

.error,
.status_canceled {
    color: #c96e4b !important
}

.status_blocked:first-letter {
    text-transform: uppercase
}

.amount_plus {
    color: #94c817 !important
}

.amount_minus,
.status_canceled {
    color: #c94b4b !important
}

.status_canceled:first-letter {
    text-transform: uppercase
}

.success-link {
    font-size: 15px;
    color: #94c817;
    cursor: pointer;
    transition: .2s ease
}

.success-link:hover {
    transition: .2s ease;
    text-decoration: underline
}

.back {
    color: #5b5b5b;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer
}

.back:hover {
    text-decoration: underline
}

.min-pass-length .bar-label {
    flex: 32% !important
}

.min-pass-length .points-container {
    flex: 40% !important
}

.container .table .table__body tr.no-search-results {
    cursor: unset
}

.container .table .table__body tr.no-search-results:hover {
    background: unset !important
}

.container .table .table__body tr.no-search-results td {
    text-align: -webkit-center;
    padding: 22px 10px !important;
    color: #b6b6b6;
    font-size: 14px
}

.container .table .table__body tr.no-search-results td .no-search-icon {
    display: inline-block;
    padding-left: 24px;
    background: url(no-search.0664309492529b8e891c.png) 0 20%/14px 14px no-repeat;
    height: 14px
}

.powered-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 1.3rem 0 1rem
}

.powered-wrapper .text-container {
    margin: 0 auto;
    text-align: right;
    font-size: 13px !important;
    color: #b6b6b6;
    padding: 0 60px
}

@media (min-width:1680px) {
    .powered-wrapper .text-container {
        padding: 0 80px
    }
}

@media (max-width:1679px) {
    .powered-wrapper .text-container {
        padding: 0 60px
    }
}

@media (max-width:1399px) {
    .powered-wrapper .text-container {
        padding: 0 30px
    }
}

.powered-wrapper .text-container i.far {
    font-size: 10px;
    position: relative;
    top: -7px;
    right: 2px
}

.title-line {
    height: 80px;
    background: #f5f5f5;
    color: #5b5b5b;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 0 60px 0 30px
}

@media (min-width:1680px) {
    .title-line {
        padding: 0 80px
    }
}

@media (min-width:1440px) and (max-width:1679px) {
    .title-line {
        padding: 0 60px
    }
}

@media (min-width:768px) and (max-width:1399px) {
    .title-line {
        padding: 0 30px
    }
}

@media (max-width:767px) {

    .powered-wrapper .text-container,
    .title-line {
        padding: 0 20px
    }
}

.title-line .page-name {
    font-size: 18px
}

.title-line .title-btn {
    cursor: pointer;
    color: #b6b6b6;
    font-size: 14px
}

.title-line .title-btn i {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle
}

.title-line .title-btn:hover {
    color: #5b5b5b
}

.relative-block {
    position: relative
}

.relative-block .absolute-btn {
    position: absolute;
    right: 0;
    top: -100px
}

.information-fields .block-line {
    display: flex;
    flex-flow: wrap
}

.information-fields .block-line .block {
    width: calc(50% - 30px);
    margin-bottom: 30px
}

.information-fields .block-line .block.single {
    width: 100%;
    margin-bottom: 0
}

.information-fields .block-line .block:nth-child(even) {
    margin-left: 60px
}

.information-fields .block-line .block .row.sub-heading {
    margin-top: 0;
    margin-bottom: 13px
}

.information-fields .block-line .block .row:not(.sub-heading) {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    padding: 13px 0;
    border-bottom: 1px dotted #dbdcdb;
    margin-top: unset
}

.information-fields .block-line .block .row:not(.sub-heading) .clip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.information-fields .block-line .block .row:not(.sub-heading).with-input {
    padding: 4px 0
}

.information-fields .block-line .block .row:not(.sub-heading) .fields-container__row {
    margin-left: 16px
}

.information-fields .block-line .block .row:not(.sub-heading) .title {
    color: #b6b6b6;
    display: block;
    width: 190px;
    margin-right: 10px;
    line-height: 1.4
}

.information-fields .block-line .block .row:not(.sub-heading) .title.checkbox-name {
    color: #5b5b5b
}

@media (max-width:1191px) {
    .information-fields .block-line {
        display: block
    }

    .information-fields .block-line .block {
        width: 100%;
        max-width: 450px
    }

    .information-fields .block-line .block:nth-child(even) {
        margin-left: 0
    }

    .information-fields .block-line .block:last-child {
        margin-left: unset
    }
}

.with-title {
    padding-top: 60px
}

@media (max-width:767px) {
    .with-title {
        padding-top: 80px
    }
}

.with-title-30 {
    padding-top: 30px
}

@media (max-width:767px) {
    .with-title-30 {
        padding-top: 50px
    }
}

.simple-notification-wrapper {
    bottom: unset !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 100001 !important
}

.simple-notification {
    box-shadow: 0 2px 18px 4px rgba(0, 0, 0, .15);
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    padding: unset !important;
    min-height: 50px !important
}

.simple-notification .sn-content.ng-star-inserted {
    padding: 0 !important
}

.simple-notification>div.ng-star-inserted {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.simple-notification.error .sn-content,
.simple-notification.error .sn-title,
.simple-notification.success .sn-content,
.simple-notification.success .sn-title,
.simple-notification.warn .sn-content,
.simple-notification.warn .sn-title {
    color: #fff !important
}

.simple-notification.error .icon svg,
.simple-notification.success .icon svg,
.simple-notification.warn .icon svg {
    fill: #fff !important
}

.simple-notification.success {
    background: #94c817 !important
}

.simple-notification.error {
    background: #c94b4b !important
}

.simple-notification.warn {
    background: #e89a0c !important
}

.simple-notification .sn-title {
    padding: 0 !important;
    text-align: -webkit-center !important;
    line-height: 50px !important;
    font-size: 14px !important
}

.simple-notification .sn-content {
    font-size: 12px !important;
    font-style: italic;
    margin: 0 10px -2px !important
}

.simple-notification .icon {
    margin-right: 20px !important;
    position: unset !important;
    width: unset !important;
    height: 20px !important;
    padding: unset !important
}

.simple-notification .icon svg {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important
}

.action-icons {
    display: flex;
    align-items: center
}

.action-icons .icon {
    color: #bebebe;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.action-icons .icon:hover {
    transition: .2s ease;
    color: #5b5b5b
}

.action-icons .icon:not(:first-child) {
    margin-left: 28px
}

@media (max-width:767px) {
    .action-icons .icon:not(:first-child) {
        margin-left: 20px
    }
}

.action-icons .icon .zmdi.zmdi-print {
    font-size: 19px
}

.card-input {
    background: url(card-transparent.ac8b747a52b7fb1c602a.svg) 16px 50%/20px 14px no-repeat;
    padding-left: 50px;
    text-align: -webkit-center
}

.advices .advice-container__image {
    border-color: #94c817 !important
}

.advices .advice-container__image svg g {
    stroke: #94c817 !important
}

.section {
    border-top-color: #94c817 !important
}

.section svg g,
.section svg path,
.section svg rect {
    stroke: #94c817 !important
}

.per-page-select {
    display: flex;
    align-items: center;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    font-size: 14px;
    color: #a3a3a3
}

.per-page-select .page-select-container {
    width: 57px;
    margin: 0 2px
}

@media (max-width:1191px) {
    .per-page-select .mobile-hide {
        display: none
    }

    .per-page-select .page-select-container {
        border: 1px solid #ddd;
        border-radius: 6px
    }
}

.news-text a {
    color: #94c817;
    text-decoration: underline
}

.news-text a:hover {
    text-decoration: unset
}

.news-text table td {
    border: 1px solid #e3e3e3;
    padding: 12px 0 12px 15px
}

@media (max-width:1280px) {
    .title-line {
        height: 70px
    }

    .news-text table td {
        padding: 12px 15px;
        font-size: 12px
    }
}

.news-text h1 {
    font-size: 24px
}

.news-text h2 {
    font-size: 22px
}

.news-text h3 {
    font-size: 20px
}

.news-text h4 {
    font-size: 18px
}

.news-text b {
    font-weight: 700
}

.transfer-with-angle {
    position: relative
}

.transfer-with-angle:after {
    content: '';
    display: block;
    width: 9px;
    height: 22px;
    background: url(right-angle.57379fd9d8661e63b552.svg) 0 0/contain no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number]:-moz-submit-invalid {
    box-shadow: none
}

input[type=number]:-moz-ui-invalid {
    box-shadow: none
}

input[type=number] {
    -moz-appearance: textfield
}

.ng-dropdown-panel {
    min-height: -webkit-min-content !important;
    min-height: -moz-min-content !important;
    min-height: min-content !important
}

@media (max-width:1191px) {

    .temp-class .date-term-container__datepicker,
    .temp-class .search-container__input {
        display: none
    }

    .container .sort-bar.temp-class {
        min-height: unset;
        margin-bottom: unset
    }
}

.header .aside-bar__image,
.header__logo-container__image {
    background-size: contain
}

.drop-zone {
    border-radius: 0 !important;
    height: 100% !important;
    border: 1px dotted #ddd !important
}

.dnd-gallery img {
    max-width: 320px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle
}

.upload-table {
    display: flex;
    justify-content: center
}

.hidden-block {
    display: none !important
}

.native-input.disable {
    background: #edecec
}

.native-input[disabled] {
    background: #f5f5f5
}

.error-word {
    display: none
}

.error-field.native-select {
    margin-bottom: 30px !important
}

@media (max-width:991px) {
    .transfer-with-angle:after {
        content: none
    }

    .error-field.native-select {
        margin-bottom: 50px !important
    }
}

.error-field.select-container-multiple {
    height: 44px;
    margin-bottom: 30px !important
}

.error-field .native-select,
.error-field .select-container-large,
.error-field .select-container-multiple,
.error-field .select-container-small,
.error-field input,
.error-field textarea,
.error-field.native-select,
.error-field.select-container-multiple {
    border-color: #c94b4b !important;
    transition: .5s
}

.error-field .error-word {
    display: block;
    padding-top: 11px;
    padding-bottom: 7px;
    font-size: 14px;
    color: #c94b4b
}

.spinner-text {
    position: fixed;
    top: calc(54% + 27px);
    right: calc(50% - 245px);
    text-align: center;
    z-index: 100000;
    font-size: 24px
}

.black-overlay {
    position: fixed !important;
    right: 0;
    bottom: 0
}

.advice-container__text a,
.advice-container__text b,
.advice-container__text i,
.advice-container__text li,
.advice-container__text p,
.advice-container__text strong {
    color: #8c8c8c
}

.native-input.disable,
.switch .checkbox-input[disabled]~.slider,
input.lock-field,
input[disabled] {
    cursor: not-allowed
}

.checkbox-input[disabled]~.slider {
    opacity: .4
}

.ng-select-disabled,
.ng-select-disabled .ng-select-container,
.ng-select-disabled input,
.select-container.lock-field {
    cursor: not-allowed !important
}

.clip-wrapper .clip-block {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.max-width-truncation {
    max-width: 470px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.td-max-width-trunc {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.td-max-width-report {
    max-width: 170px
}

.td-max-width-min {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width:767px) and (max-width:1280px) {
    .td-max-width-min {
        max-width: 110px
    }
}

@media (min-width:1280px) {
    .td-max-width-min {
        max-width: 150px
    }
}

.td-max-width-mid {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width:767px) and (max-width:1280px) {
    .td-max-width-mid {
        max-width: 130px
    }
}

@media (min-width:1280px) {
    .td-max-width-mid {
        max-width: 190px
    }
}

.td-max-width-max {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width:767px) and (max-width:1280px) {
    .td-max-width-max {
        max-width: 170px
    }
}

@media (min-width:1280px) {
    .td-max-width-max {
        max-width: 220px
    }
}

.note-group-select-from-files {
    display: none
}

app-date-to-from-form-line .elem .date-term-container__datepicker__icon {
    top: 12px
}

h4.panel-title {
    margin: 0
}

.switch {
    position: relative;
    display: inline-block;
    margin: 4px 0;
    width: 48px;
    height: 25px
}

.switch input {
    display: none
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    font-size: 13px;
    background-color: #ccc;
    transition: .4s
}

.slider::before {
    content: "";
    height: 23px;
    width: 23px;
    position: absolute;
    left: 1px;
    top: 1px;
    border: 1px solid #ccc;
    background-color: #fff;
    transition: .4s
}

.slider::after {
    top: 0 !important;
    left: auto;
    position: relative;
    color: #fff;
    text-align: right;
    display: block;
    padding-right: 13px;
    line-height: 32px;
    height: 30px;
    content: attr(data-unchecked)
}

input:checked+.slider::after {
    text-align: left;
    padding-left: 10px
}

input:checked+.slider {
    background-color: #94c817
}

input:checked+.slider:before {
    border-color: #94c817;
    -webkit-transform: translateX(23px);
    transform: translateX(23px)
}

input:focus+.slider {
    box-shadow: 0 0 1px #94c817
}

input:checked+.slider:after {
    color: #fff;
    content: attr(data-checked)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.select-container-large,
.select-container-small {
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    position: relative
}

.select-container-large__tip,
.select-container-small__tip {
    position: absolute;
    top: 27px;
    left: 30px;
    z-index: 1001;
    pointer-events: none;
    font-size: 14px;
    color: #5b5b5b
}

.select-container-multiple,
.select-container-searchable,
.select-container-simple {
    min-height: 42px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer
}

.select-container-small {
    height: auto;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer
}

.full-width-elem {
    width: 100%
}

.select-container-searchable {
    position: relative
}

.select-container-searchable .ng-select .ng-select-container .ng-value-container {
    padding-left: 20px
}

.select-container-searchable .loupe {
    position: absolute;
    top: calc(50% - 10px);
    right: 30px;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4My4wODMgNDgzLjA4MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDgzLjA4MyA0ODMuMDgzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTMzMi43NCwzMTUuMzVjMzAuODgzLTMzLjQzMyw1MC4xNS03OC4yLDUwLjE1LTEyNy41QzM4Mi44OSw4NC40MzMsMjk4Ljc0LDAsMTk1LjA0LDBTNy4xOSw4NC40MzMsNy4xOSwxODcuODUgICAgUzkxLjM0LDM3NS43LDE5NS4wNCwzNzUuN2M0Mi4yMTcsMCw4MS4wMzMtMTMuODgzLDExMi40ODMtMzcuNGwxMzkuNjgzLDEzOS42ODNjMy40LDMuNCw3LjY1LDUuMSwxMS45LDUuMXM4Ljc4My0xLjcsMTEuOS01LjEgICAgYzYuNTE3LTYuNTE3LDYuNTE3LTE3LjI4MywwLTI0LjA4M0wzMzIuNzQsMzE1LjM1eiBNNDEuMTksMTg3Ljg1QzQxLjE5LDEwMy4xMzMsMTEwLjA0LDM0LDE5NS4wNCwzNCAgICBjODQuNzE3LDAsMTUzLjg1LDY4Ljg1LDE1My44NSwxNTMuODVTMjgwLjA0LDM0MS43LDE5NS4wNCwzNDEuN1M0MS4xOSwyNzIuNTY3LDQxLjE5LDE4Ny44NXoiIGZpbGw9IiM1YjViNWIiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) 50%/16px 16px no-repeat #fff;
    pointer-events: none
}

.select-container-searchable.pending .loupe {
    background-color: #f5f5f5
}

.ng-select.large,
.ng-select.small {
    border-radius: 6px
}

.ng-select.large .ng-select-container,
.ng-select.small .ng-select-container {
    color: #5b5b5b
}

.ng-select.large .ng-select-container .ng-value-container,
.ng-select.small .ng-select-container .ng-value-container {
    padding-left: 0
}

.ng-select.simple {
    border-radius: 6px
}

.ng-select.simple .ng-dropdown-panel-items.scroll-host {
    max-height: 180px
}

.simple.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px
}

.simple.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    font-size: 14px
}

.ng-select.large .ng-select-container:hover,
.ng-select.multiple .ng-select-container:hover,
.ng-select.multiple.ng-select-focused:not(.ng-select-opened) .ng-select-container,
.ng-select.searchable .ng-select-container:hover,
.ng-select.searchable.ng-select-focused:not(.ng-select-opened) .ng-select-container,
.ng-select.simple .ng-select-container:hover,
.ng-select.simple.ng-select-focused:not(.ng-select-opened) .ng-select-container,
.ng-select.small .ng-select-container:hover,
.ng-select.small.ng-select-focused:not(.ng-select-opened) .ng-select-container .ng-select.large.ng-select-focused:not(.ng-select-opened) .ng-select-container {
    box-shadow: none
}

.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important
}

.ng-select.searchable.ng-select-disabled .ng-select-container,
.ng-select.searchable.ng-select-disabled .ng-select-container .loupe,
.ng-select.simple.ng-select-disabled .ng-select-container,
.ng-select.simple.ng-select-disabled .ng-select-container .loupe {
    background-color: #f5f5f5
}

.ng-select.searchable.ng-select-disabled .ng-select-container .ng-arrow-wrapper,
.ng-select.simple.ng-select-disabled .ng-select-container .ng-arrow-wrapper {
    display: none
}

.ng-select.large.ng-select-disabled .ng-select-container,
.ng-select.small.ng-select-disabled .ng-select-container {
    background-color: unset;
    cursor: unset !important
}

.ng-select.large.ng-select-disabled .ng-select-container .ng-arrow-wrapper,
.ng-select.small.ng-select-disabled .ng-select-container .ng-arrow-wrapper {
    display: none
}

.ng-select.searchable.ng-select-single .ng-select-container,
.ng-select.simple.ng-select-single .ng-select-container {
    border: 0 solid #000;
    border-radius: 6px;
    cursor: pointer
}

.ng-select.simple.ng-select-single .ng-select-container {
    height: 42px
}

.ng-select.large.ng-select-single .ng-select-container,
.ng-select.small.ng-select-single .ng-select-container {
    height: 98px;
    border: 0 solid #000;
    border-radius: 6px;
    cursor: pointer;
    padding-left: 20px
}

.ng-select.large.ng-select-single .ng-select-container.ng-has-value .ng-value-container,
.ng-select.small.ng-select-single .ng-select-container.ng-has-value .ng-value-container {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    height: 100%;
    justify-content: flex-start;
    padding: 13px 0
}

.ng-select.large.ng-select-single .ng-select-container.ng-has-value .ng-value-container .bottom-hint,
.ng-select.large.ng-select-single .ng-select-container.ng-has-value .ng-value-container .top-hint,
.ng-select.small.ng-select-single .ng-select-container.ng-has-value .ng-value-container .bottom-hint,
.ng-select.small.ng-select-single .ng-select-container.ng-has-value .ng-value-container .top-hint {
    color: #b6b6b6;
    font-size: 16px
}

.ng-select.large.ng-select-single .ng-select-container.ng-has-value .ng-value-container .select-value,
.ng-select.small.ng-select-single .ng-select-container.ng-has-value .ng-value-container .select-value {
    font-size: 16px
}

.ng-select.large.ng-select-single .ng-select-container.ng-has-value .ng-value-container .bottom-hint,
.ng-select.small.ng-select-single .ng-select-container.ng-has-value .ng-value-container .bottom-hint {
    margin-top: 5px
}

.ng-select.large.ng-select-single .ng-select-container .ng-arrow-wrapper,
.ng-select.small.ng-select-single .ng-select-container .ng-arrow-wrapper {
    padding-right: 40px
}

.ng-select.large.ng-select-single .ng-select-container .ng-arrow-wrapper .ng-arrow,
.ng-select.small.ng-select-single .ng-select-container .ng-arrow-wrapper .ng-arrow {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiIGZpbGw9IiNiNmI2YjYiLz4KICA8L2c+Cjwvc3ZnPgo=) 50% 50%/12px 12px no-repeat;
    width: 12px;
    height: 12px;
    display: block;
    border: none
}

.ng-select.small.ng-select-single .ng-select-container {
    height: 45px
}

.ng-dropdown-panel.large.ng-select-bottom,
.ng-dropdown-panel.large.ng-select-top,
.ng-dropdown-panel.small.ng-select-bottom,
.ng-dropdown-panel.small.ng-select-top {
    left: 0
}

.ng-select.large .ng-select-container .ng-value-container .ng-input,
.ng-select.small .ng-select-container .ng-value-container .ng-input {
    position: unset;
    left: unset;
    display: none
}

.ng-select.searchable .ng-select-container .ng-value-container .ng-input {
    top: 10px;
    left: 10px
}

.ng-select.searchable .ng-select-container .ng-value-container .ng-input input {
    font-size: 14px
}

.ng-select.simple.searchable .ng-select-container .ng-value-container {
    line-height: 44px
}

.ng-select.simple.searchable .ng-select-container .ng-value-container .ng-input {
    top: 0
}

.ng-select.large .ng-select-container .ng-value-container .ng-placeholder,
.ng-select.small .ng-select-container .ng-value-container .ng-placeholder {
    font-size: 16px;
    padding-top: 22px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .05px;
    font-weight: 500
}

.one-line.ng-select.large .ng-select-container .ng-value-container .ng-placeholder,
.one-line.ng-select.small .ng-select-container .ng-value-container .ng-placeholder {
    padding-top: 0
}

.ng-select.simple .ng-dropdown-panel-items .ng-option {
    font-size: 14px !important;
    overflow-wrap: break-word !important;
    white-space: unset !important
}

.ng-select.simple .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #fafafa
}

.ng-select.simple .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background-color: #f5f5f5
}

.ng-select.simple .ng-dropdown-panel-items .ng-option.ng-option-selected span {
    font-weight: 400
}

.ng-dropdown-panel.large .ng-dropdown-panel-items .ng-option,
.ng-dropdown-panel.small .ng-dropdown-panel-items .ng-option {
    height: 90px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ng-dropdown-panel.large .ng-dropdown-panel-items .ng-option .select-value,
.ng-dropdown-panel.small .ng-dropdown-panel-items .ng-option .select-value {
    font-size: 14px
}

.ng-dropdown-panel.large .ng-dropdown-panel-items .ng-option .bottom-hint,
.ng-dropdown-panel.small .ng-dropdown-panel-items .ng-option .bottom-hint {
    color: #b6b6b6;
    font-size: 14px
}

.ng-dropdown-panel.large .ng-dropdown-panel-items .ng-option.ng-option-marked,
.ng-dropdown-panel.large .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel.small .ng-dropdown-panel-items .ng-option.ng-option-marked,
.ng-dropdown-panel.small .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background-color: #fafafa
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    color: #5b5b5b !important
}

.ng-dropdown-panel.small .ng-dropdown-panel-items .ng-option {
    height: 45px
}

.ng-select.simple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.ng-select.simple .ng-select-container .ng-value-container {
    padding-left: 20px
}

.ng-select.simple .ng-arrow-wrapper {
    padding-right: 10px
}

.ng-select.sort-select .ng-select-container,
.ng-select.sort-select.ng-select-opened>.ng-select-container {
    background: 0 0 !important;
    border: none;
    box-shadow: unset !important;
    padding: 0;
    top: -5px;
    color: #5b5b5b;
    cursor: pointer
}

.ng-select.sort-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #5b5b5b
}

.ng-select.sort-select>.ng-select-container .ng-arrow {
    border-color: #5b5b5b transparent transparent
}

.ng-select.ng-select-single.sort-select .ng-select-container .ng-value-container .ng-input {
    top: 5px !important
}

.ng-select.sort-select .ng-dropdown-panel.ng-select-bottom {
    margin-top: 5px
}

.search-container__select.sort-select-container .ng-select-container .ng-value-container {
    padding-left: 20px
}

@media (max-width:1191px) {
    .search-container__select.sort-select-container .ng-select-container .ng-value-container {
        padding-left: 10px
    }

    .search-container__select.sort-select-container .ng-select-container .ng-arrow-wrapper {
        padding-right: 3px
    }
}

.search-container__select.sort-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    color: #5b5b5b;
    padding: 4px 20px !important;
    overflow-wrap: break-word !important;
    white-space: unset !important
}

.search-container__select.sort-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5f5f5
}

.search-container__select.sort-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
    background: #f5f5f5
}

@media (max-width:991px) {
    .search-container__select.sort-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
        padding: 4px 10px !important
    }
}

.search-container__select.sort-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background: #fafafa
}

.select-container.native-select.lock-field:after {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #cccbcb;
    opacity: .2
}

.ng-dropdown-panel.ng-select-bottom {
    top: 110% !important;
    margin-top: 0 !important;
    border-color: #dddd !important;
    border-radius: 0 !important
}

.ng-dropdown-panel.ng-select-top {
    bottom: 110% !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-color: #ddd !important;
    margin-top: 0 !important;
    left: 0
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    border-width: 0 4px 5px !important
}

.ng-select.ng-select-opened.ng-select-top>.ng-select-container {
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important
}

.ng-select.multiple.crypto-providers-select.feed--on .ng-select-container .ng-value .ng-value-label {
    color: #5b5b5b
}

.ng-select.multiple.crypto-providers-select.feed--off .ng-select-container .ng-value .ng-value-label {
    color: #b6b6b6
}

.select-container-multiple .ng-select.multiple .ng-option .multiple-checkbox-container {
    display: flex;
    align-items: center
}

.select-container-multiple .ng-select.multiple .ng-option .multiple-checkbox-container .multiple-checkbox-container__checkbox-input {
    margin-right: 8px
}

.select-container-multiple .ng-select.multiple .ng-select-container {
    min-height: 42px;
    border-radius: 6px;
    border: none
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-arrow-wrapper {
    padding-right: 10px
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container {
    padding: 5px 20px;
    max-width: 100%
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-placeholder {
    z-index: unset;
    top: 12px;
    padding: 0
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-input input {
    font-size: 16px
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-value {
    margin: 0 7px 0 0;
    border: none;
    background: #f5f5f5;
    display: flex;
    flex-direction: row-reverse;
    border-radius: 6px;
    max-width: 100%
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon,
.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 2px 8px;
    max-width: 100%;
    overflow: hidden
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: unset;
    border-left: 2px solid #fff;
    border-radius: 0 6px 6px 0;
    line-height: 1.2
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left:hover {
    background: #e3e3e3
}

.select-container-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    padding-left: 20px;
    overflow-wrap: break-word !important;
    white-space: unset !important
}

.select-container-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
    background-color: #f5f5f5
}

.select-container-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background-color: #fafafa
}

.select-container-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5f5f5
}

.form .ng-select.ng-select-single:not(.large) .ng-select-container .ng-value-container,
.form .ng-select.ng-select-single:not(.large) .ng-select-container .ng-value-container .ng-value,
.form .ng-select.ng-select-single:not(.small) .ng-select-container .ng-value-container,
.form .ng-select.ng-select-single:not(.small) .ng-select-container .ng-value-container .ng-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #5b5b5b
}

.set-height.ng-select .ng-select-container .ng-value-container {
    min-height: 22px
}

.form .ng-select.ng-select-single:not(.large) .ng-select-container .ng-value-container .ng-placeholder,
.form .ng-select.ng-select-single:not(.small) .ng-select-container .ng-value-container .ng-placeholder {
    font-size: 14px;
    color: #b6b6b6
}

.form .ng-select.simple:not(.searchable) .ng-select-container .ng-value-container .ng-placeholder {
    color: #b6b6b6
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input {
    font-size: 14px
}

.ng-select.ng-select-single.simple .ng-select-container .ng-value-container .ng-input {
    top: 0
}

.checkbox-select .ng-select.simple .ng-select-container {
    height: 42px;
    border: 0 solid #000;
    border-radius: 6px;
    cursor: pointer
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container {
    padding-left: 10px
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-value {
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: 1px solid #ddd
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left:hover {
    background: rgba(0, 0, 0, .06)
}

.checkbox-select .ng-select.simple .ng-select-container .ng-arrow-wrapper {
    padding-bottom: 2px
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-placeholder {
    top: 12px;
    padding-left: 10px
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-input {
    padding-bottom: 7px;
    padding-left: 10px
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-input>input {
    font-size: 16px
}

.checkbox-select .ng-select.simple .ng-dropdown-panel.simple {
    max-height: 180px;
    overflow-y: auto
}

.user-select.simple.ng-select .ng-value-container {
    padding-left: 46px
}

.user-select.simple.ng-select .ng-select-container .ng-value-container .ng-input {
    left: 36px !important
}

.user-select.simple.ng-select .ng-select-container {
    background: url(/assets/icons/guy-transparent.svg) 16px 50%/14px 16px no-repeat
}

.native-select.user-select {
    background: unset
}

.page-select-container .page-select.ng-select .ng-select-container {
    border-color: unset !important;
    box-shadow: unset !important;
    border: unset;
    outline: 0
}

.page-select-container .page-select.ng-select .ng-select-container:hover {
    box-shadow: unset
}

.page-select-container .page-select.ng-select .ng-select-container .ng-value-container {
    padding-left: 10px
}

.page-select-container .page-select.ng-select .ng-select-container .ng-arrow-wrapper {
    width: 10px;
    padding-right: unset;
    margin-right: 8px;
    height: 20px
}

.page-select-container .page-select.ng-select .ng-select-container .ng-value {
    color: #5b5b5b
}

.page-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
    background-color: #f5f5f5
}

.page-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background-color: #fafafa
}

.page-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5f5f5
}

@media (min-width:992px) {

    .search-container__select.sort-select-container.first-select .ng-select-container .ng-value-container,
    .search-container__select.sort-select-container.first-select .ng-select-container .ng-value-container .ng-input {
        padding-left: unset
    }
}

.max-width-300-percents .ng-dropdown-panel {
    max-width: 300% !important;
    width: auto !important
}

.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.radio-check {
    position: absolute;
    top: -5px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    transition: .5s;
    border-radius: 50%
}

.radio-container:hover input~.radio-check {
    background-color: #ccc
}

.radio-container input:checked~.radio-check {
    background-color: #94c817;
    border-color: #94c817
}

.radio-container input:checked~.radio-check:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #fff;
    margin: 6px
}

.radio-check:after {
    content: "";
    position: absolute;
    display: none
}

.radio-container input:checked~.radio-check:after {
    display: block
}

.checkbox-container {
    display: block;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    top: -1px
}

.checkbox-container .checkbox-checkmark:not(.radio) {
    border-radius: 4px !important
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    transition: .5s
}

.checkbox-container:hover input~.checkbox-checkmark {
    background-color: #ccc
}

.checkbox-container input:checked~.checkbox-checkmark {
    background-color: #94c817;
    border-color: #94c817
}

.checkbox-container input:checked~.checkbox-checkmark:not(.radio) {
    display: inline-block;
    font: 14px/1 Material-Design-Iconic-Font;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.checkbox-checkmark:after {
    content: ' ';
    position: absolute;
    display: none
}

.checkbox-checkmark:not(.radio):after {
    content: '\f26b'
}

.checkbox-container input:checked~.checkbox-checkmark:after {
    display: block
}

.checkbox-container .checkbox-checkmark:after {
    left: 4px;
    top: 2px;
    color: #fff;
    font-size: 15px
}

label .checkbox-text,
label .checkbox__text {
    cursor: pointer
}

.ng-select.ng-select-opened>.ng-select-container {
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9
}

.ng-select.ng-select-opened>.ng-select-container:hover {
    box-shadow: none
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    top: -2px;
    border-color: transparent transparent #999
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover {
    border-color: transparent transparent #666
}

.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
    border-color: #007eff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1)
}

.ng-select.ng-select-disabled>.ng-select-container {
    background-color: #f9f9f9
}

.ng-select .ng-has-value .ng-placeholder {
    display: none
}

.ng-select .ng-select-container {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-height: 36px;
    align-items: center
}

.ng-select .ng-select-container:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .06)
}

.ng-select .ng-select-container .ng-value-container {
    align-items: center;
    padding-left: 10px
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #aaa
}

.ng-select.ng-select-single .ng-select-container {
    height: 36px
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    left: 10px !important;
    color: #5b5b5b;
    padding-left: 10px;
    padding-right: 50px;
    top: 5px
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 0 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-left: 7px;
    padding-top: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: .9em;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #f5faff;
    border-radius: 2px;
    border: 1px solid #c2e0ff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon,
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    display: inline-block;
    padding: 0 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    background-color: #d8eafd
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: 1px solid #c2e0ff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 1px solid #c2e0ff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding-bottom: 3px;
    padding-left: 3px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 5px;
    padding-bottom: 5px;
    padding-left: 3px
}

.ng-select .ng-clear-wrapper {
    color: #999
}

.ng-select .ng-clear-wrapper .ng-clear:hover {
    color: #d0021b
}

.ng-select .ng-spinner-zone {
    padding-right: 5px;
    padding-top: 5px
}

.ng-select .ng-arrow-wrapper {
    padding-right: 5px;
    width: 25px
}

.ng-select .ng-arrow-wrapper:hover .ng-arrow {
    border-top-color: #666
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-color: #999 transparent transparent;
    border-style: solid
}

.ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .06)
}

.ng-dropdown-panel.ng-select-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: #e6e6e6
}

.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.ng-dropdown-panel.ng-select-top {
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-panel-items {
    margin-bottom: 1px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 10px;
    font-weight: 500;
    color: rgba(0, 0, 0, .54);
    cursor: pointer
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background-color: #ebf5ff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
    background-color: #f5faff;
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    padding: 8px 10px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    color: #333;
    background-color: #f5faff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label {
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #ebf5ff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: #ccc
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 22px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-right: 5px;
    font-size: 80%;
    font-weight: 400
}

@font-face {
    font-family: summernote;
    font-style: normal;
    font-weight: 400;
    src: url(summernote.a52b483f848b87d49a85.eot?dbafe969167589eda84514394d126413);
    src: url(summernote.a52b483f848b87d49a85.eot?#iefix) format("embedded-opentype"), url(summernote.f9b5d834b2fea5a2b440.woff?dbafe969167589eda84514394d126413) format("woff"), url(summernote.ad2ecd48a495cc67b3b3.ttf?dbafe969167589eda84514394d126413) format("truetype")
}

[class*=" note-icon-"]:before,
[class^=note-icon-]:before {
    display: inline-block;
    font: 14px summernote;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    vertical-align: middle;
    speak: none;
    -moz-osx-font-smoothing: grayscale
}

.note-icon-align-center:before,
.note-icon-align-indent:before,
.note-icon-align-justify:before,
.note-icon-align-left:before,
.note-icon-align-outdent:before,
.note-icon-align-right:before,
.note-icon-align:before,
.note-icon-arrow-circle-down:before,
.note-icon-arrow-circle-left:before,
.note-icon-arrow-circle-right:before,
.note-icon-arrow-circle-up:before,
.note-icon-arrows-alt:before,
.note-icon-arrows-h:before,
.note-icon-arrows-v:before,
.note-icon-bold:before,
.note-icon-caret:before,
.note-icon-chain-broken:before,
.note-icon-circle:before,
.note-icon-close:before,
.note-icon-code:before,
.note-icon-col-after:before,
.note-icon-col-before:before,
.note-icon-col-remove:before,
.note-icon-eraser:before,
.note-icon-font:before,
.note-icon-frame:before,
.note-icon-italic:before,
.note-icon-link:before,
.note-icon-magic:before,
.note-icon-menu-check:before,
.note-icon-minus:before,
.note-icon-orderedlist:before,
.note-icon-pencil:before,
.note-icon-picture:before,
.note-icon-question:before,
.note-icon-redo:before,
.note-icon-row-above:before,
.note-icon-row-below:before,
.note-icon-row-remove:before,
.note-icon-special-character:before,
.note-icon-square:before,
.note-icon-strikethrough:before,
.note-icon-subscript:before,
.note-icon-summernote:before,
.note-icon-superscript:before,
.note-icon-table:before,
.note-icon-text-height:before,
.note-icon-trash:before,
.note-icon-underline:before,
.note-icon-undo:before,
.note-icon-unorderedlist:before,
.note-icon-video:before {
    display: inline-block;
    font-family: summernote;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit
}

.note-icon-align-center:before {
    content: "\f101"
}

.note-icon-align-indent:before {
    content: "\f102"
}

.note-icon-align-justify:before {
    content: "\f103"
}

.note-icon-align-left:before {
    content: "\f104"
}

.note-icon-align-outdent:before {
    content: "\f105"
}

.note-icon-align-right:before {
    content: "\f106"
}

.note-icon-align:before {
    content: "\f107"
}

.note-icon-arrow-circle-down:before {
    content: "\f108"
}

.note-icon-arrow-circle-left:before {
    content: "\f109"
}

.note-icon-arrow-circle-right:before {
    content: "\f10a"
}

.note-icon-arrow-circle-up:before {
    content: "\f10b"
}

.note-icon-arrows-alt:before {
    content: "\f10c"
}

.note-icon-arrows-h:before {
    content: "\f10d"
}

.note-icon-arrows-v:before {
    content: "\f10e"
}

.note-icon-bold:before {
    content: "\f10f"
}

.note-icon-caret:before {
    content: "\f110"
}

.note-icon-chain-broken:before {
    content: "\f111"
}

.note-icon-circle:before {
    content: "\f112"
}

.note-icon-close:before {
    content: "\f113"
}

.note-icon-code:before {
    content: "\f114"
}

.note-icon-col-after:before {
    content: "\f115"
}

.note-icon-col-before:before {
    content: "\f116"
}

.note-icon-col-remove:before {
    content: "\f117"
}

.note-icon-eraser:before {
    content: "\f118"
}

.note-icon-font:before {
    content: "\f119"
}

.note-icon-frame:before {
    content: "\f11a"
}

.note-icon-italic:before {
    content: "\f11b"
}

.note-icon-link:before {
    content: "\f11c"
}

.note-icon-magic:before {
    content: "\f11d"
}

.note-icon-menu-check:before {
    content: "\f11e"
}

.note-icon-minus:before {
    content: "\f11f"
}

.note-icon-orderedlist:before {
    content: "\f120"
}

.note-icon-pencil:before {
    content: "\f121"
}

.note-icon-picture:before {
    content: "\f122"
}

.note-icon-question:before {
    content: "\f123"
}

.note-icon-redo:before {
    content: "\f124"
}

.note-icon-row-above:before {
    content: "\f125"
}

.note-icon-row-below:before {
    content: "\f126"
}

.note-icon-row-remove:before {
    content: "\f127"
}

.note-icon-special-character:before {
    content: "\f128"
}

.note-icon-square:before {
    content: "\f129"
}

.note-icon-strikethrough:before {
    content: "\f12a"
}

.note-icon-subscript:before {
    content: "\f12b"
}

.note-icon-summernote:before {
    content: "\f12c"
}

.note-icon-superscript:before {
    content: "\f12d"
}

.note-icon-table:before {
    content: "\f12e"
}

.note-icon-text-height:before {
    content: "\f12f"
}

.note-icon-trash:before {
    content: "\f130"
}

.note-icon-underline:before {
    content: "\f131"
}

.note-icon-undo:before {
    content: "\f132"
}

.note-icon-unorderedlist:before {
    content: "\f133"
}

.note-icon-video:before {
    content: "\f134"
}

.note-frame * {
    color: #000;
    box-sizing: border-box
}

p {
    margin: 0 0 10px
}

kbd {
    padding: 3px 5px;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    border-radius: 2px;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.note-toolbar {
    border-bottom: 1px solid #e2e2e2
}

.note-btn-group {
    position: relative;
    display: inline-block;
    margin-right: 8px
}

.note-btn-group>.note-btn-group {
    margin-right: 0
}

.note-btn-group>.note-btn,
.note-btn-group>.note-btn-group {
    margin-left: -4px;
    border-radius: 0
}

.note-btn-group>.note-btn-group.active,
.note-btn-group>.note-btn-group.focus,
.note-btn-group>.note-btn.active,
.note-btn-group>.note-btn.focus {
    border-radius: 0
}

.note-btn-group>.note-btn-group:first-child,
.note-btn-group>.note-btn:first-child {
    margin-left: 0;
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px
}

.note-btn-group>.note-btn-group:first-child.active,
.note-btn-group>.note-btn-group:first-child.focus,
.note-btn-group>.note-btn:first-child.active,
.note-btn-group>.note-btn:first-child.focus {
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px
}

.note-btn-group>.note-btn-group:last-child:not(.note-dropdown),
.note-btn-group>.note-btn-group:last-child:not(.note-dropdown).active,
.note-btn-group>.note-btn-group:last-child:not(.note-dropdown).focus,
.note-btn-group>.note-btn:last-child:not(.note-dropdown),
.note-btn-group>.note-btn:last-child:not(.note-dropdown).active,
.note-btn-group>.note-btn:last-child:not(.note-dropdown).focus {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.note-btn-group.open>.note-dropdown {
    display: block
}

.note-btn {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 1px;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation
}

.note-btn.disabled.focus,
.note-btn.disabled:focus,
.note-btn[disabled].focus,
.note-btn[disabled]:focus,
fieldset[disabled] .note-btn.focus,
fieldset[disabled] .note-btn:focus {
    background-color: #fff;
    border-color: #fff
}

.note-btn.focus,
.note-btn:focus,
.note-btn:hover {
    color: #333;
    text-decoration: none;
    background-color: #ebebeb;
    border: 1px solid #fff;
    border-radius: 1px;
    outline: 0
}

.note-btn.active,
.note-btn:active {
    background-image: none;
    outline: 0
}

.note-btn.disabled,
.note-btn[disabled],
fieldset[disabled] .note-btn {
    cursor: not-allowed;
    -webkit-opacity: .65;
    -khtml-opacity: .65;
    -moz-opacity: .65;
    opacity: .65;
    -ms-filter: alpha(opacity=65);
    filter: alpha(opacity=65);
    box-shadow: none
}

.note-btn-primary {
    color: #fff;
    background: #fa6362
}

.note-btn-primary.focus,
.note-btn-primary:focus,
.note-btn-primary:hover {
    color: #fff;
    text-decoration: none;
    background-color: #fa6362;
    border: 1px solid #fff;
    border-radius: 1px
}

.note-btn-block {
    display: block;
    width: 100%
}

.note-btn-block+.note-btn-block {
    margin-top: 5px
}

input[type=button].note-btn-block,
input[type=reset].note-btn-block,
input[type=submit].note-btn-block {
    width: 100%
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    opacity: .2
}

.close:hover {
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.note-dropdown {
    position: relative
}

.note-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100px;
    padding: 5px;
    text-align: left;
    background: padding-box #fff;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06)
}

.note-btn-group.open .note-dropdown-menu,
.note-dropdown-item {
    display: block
}

.note-dropdown-item:hover {
    background-color: #ebebeb
}

a.note-dropdown-item,
a.note-dropdown-item:hover {
    margin: 2px 0;
    color: #000;
    text-decoration: none
}

.note-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.note-modal.open {
    display: block
}

.note-modal-content {
    position: relative;
    width: auto;
    margin: 30px 20px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0
}

.note-modal-header {
    padding: 30px 20px 20px;
    border: 1px solid #ededef
}

.note-modal-header .close {
    margin-top: -10px
}

.note-modal-body {
    position: relative;
    padding: 20px 30px
}

.note-modal-footer {
    height: 40px;
    padding: 10px;
    text-align: center
}

.note-modal-footer a {
    color: #337ab7;
    text-decoration: none
}

.note-modal-footer a:focus,
.note-modal-footer a:hover {
    color: #23527c;
    text-decoration: underline
}

.note-modal-footer .note-btn {
    float: right
}

.note-modal-title {
    margin: 0;
    font-size: 26px;
    line-height: 1.4;
    color: #42515f
}

.note-modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    background: #000;
    -webkit-opacity: .5;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50)
}

.note-modal-backdrop.open {
    display: block
}

@media(min-width:768px) {
    .note-modal-content {
        width: 600px;
        margin: 30px auto
    }
}

@media(min-width:992px) {
    .note-modal-content-large {
        width: 900px
    }
}

.note-form-group {
    padding-bottom: 20px
}

.note-form-group:last-child {
    padding-bottom: 0
}

.note-form-label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #42515f
}

.note-input {
    display: block;
    width: 100%;
    padding: 6px 4px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ededef;
    outline: 0;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.note-input::-webkit-input-placeholder {
    color: #eee
}

.note-input:-moz-placeholder {
    color: #eee
}

.note-input::-moz-placeholder {
    color: #eee
}

.note-input:-ms-input-placeholder {
    color: #eee
}

.note-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 13px;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}

.note-tooltip.in {
    -webkit-opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90)
}

.note-tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.note-tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.note-tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.note-tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.note-tooltip.bottom .note-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.note-tooltip.top .note-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.note-tooltip.right .note-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000;
    border-width: 5px 5px 5px 0
}

.note-tooltip.left .note-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000;
    border-width: 5px 0 5px 5px
}

.note-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.note-tooltip-content {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000
}

.note-popover {
    position: absolute;
    z-index: 1060;
    display: none;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ccc;
    max-width: none
}

.note-popover.in {
    display: block
}

.note-popover.top {
    padding: 5 0;
    margin-top: -3px
}

.note-popover.right {
    padding: 0 5;
    margin-left: 3px
}

.note-popover.bottom {
    padding: 5 0;
    margin-top: 3px
}

.note-popover.left {
    padding: 0 5;
    margin-left: -3px
}

.note-popover.bottom .note-popover-arrow {
    top: -11px;
    left: 50%;
    margin-left: -10px;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-top-width: 0
}

.note-popover.bottom .note-popover-arrow::after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0;
    content: " "
}

.note-popover.top .note-popover-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -10px;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.note-popover.top .note-popover-arrow::after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0;
    content: " "
}

.note-popover.right .note-popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -10px;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.note-popover.right .note-popover-arrow::after {
    left: 1px;
    margin-top: -10px;
    border-right-color: #fff;
    border-left-width: 0;
    content: " "
}

.note-popover.left .note-popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -10px;
    border-left-color: rgba(0, 0, 0, .25);
    border-right-width: 0
}

.note-popover.left .note-popover-arrow::after {
    right: 1px;
    margin-top: -10px;
    border-left-color: #fff;
    border-right-width: 0;
    content: " "
}

.note-popover-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 11px solid transparent
}

.note-popover-arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: " ";
    border: 10px solid transparent
}

.note-popover-content {
    min-width: 100px;
    min-height: 30px;
    padding: 3px 8px;
    color: #000;
    text-align: center;
    background-color: #fff
}

.note-editor {
    position: relative
}

.note-editor .note-dropzone {
    position: absolute;
    z-index: 100;
    display: none;
    color: #87cefa;
    background-color: #fff;
    opacity: .95;
    pointer-event: none
}

.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle
}

.note-editor .note-dropzone.hover {
    color: #098ddf
}

.note-editor.dragover .note-dropzone {
    display: table
}

.note-editor .note-editing-area {
    position: relative
}

.note-editor .note-editing-area p {
    margin: 0 0 10px
}

.note-editor .note-editing-area .note-editable {
    outline: 0
}

.note-editor .note-editing-area .note-editable table {
    width: 100%;
    border-collapse: collapse
}

.note-editor .note-editing-area .note-editable table td,
.note-editor .note-editing-area .note-editable table th {
    padding: 5px 3px;
    border: 1px solid #ececec
}

.note-editor .note-editing-area .note-editable sup {
    vertical-align: super
}

.note-editor .note-editing-area .note-editable sub {
    vertical-align: sub
}

.note-editor .note-editing-area .note-editable a {
    font-family: inherit;
    font-weight: inherit;
    color: #337ab7;
    text-decoration: inherit;
    background-color: inherit
}

.note-editor .note-editing-area .note-editable a:focus,
.note-editor .note-editing-area .note-editable a:hover {
    color: #23527c;
    text-decoration: underline;
    outline: 0
}

.note-editor .note-editing-area .note-editable figure {
    margin: 0
}

.note-editor.note-frame {
    border: 1px solid #a9a9a9
}

.note-editor.note-frame.codeview .note-editing-area .note-editable {
    display: none
}

.note-editor.note-frame.codeview .note-editing-area .note-codable {
    display: block
}

.note-editor.note-frame .note-editing-area {
    overflow: hidden
}

.note-editor.note-frame .note-editing-area .note-editable {
    padding: 10px;
    overflow: auto;
    color: #000;
    word-wrap: break-word;
    background-color: #fff
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
    background-color: #e5e5e5
}

.note-editor.note-frame .note-editing-area .note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize: none
}

.note-editor.note-frame.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100% !important
}

.note-editor.note-frame.fullscreen .note-editable {
    background-color: #fff
}

.note-editor.note-frame.fullscreen .note-resizebar {
    display: none
}

.note-editor.note-frame .note-status-output {
    display: block;
    width: 100%;
    height: 20px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    border: 0;
    border-top: 1px solid #e2e2e2
}

.note-editor.note-frame .note-status-output:empty {
    height: 0;
    border-top: 0 solid transparent
}

.note-editor.note-frame .note-status-output .pull-right {
    float: right !important
}

.note-editor.note-frame .note-status-output .text-muted {
    color: #777
}

.note-editor.note-frame .note-status-output .text-primary {
    color: #286090
}

.note-editor.note-frame .note-status-output .text-success {
    color: #3c763d
}

.note-editor.note-frame .note-status-output .text-info {
    color: #31708f
}

.note-editor.note-frame .note-status-output .text-warning {
    color: #8a6d3b
}

.note-editor.note-frame .note-status-output .text-danger {
    color: #a94442
}

.note-editor.note-frame .note-status-output .alert {
    padding: 7px 10px 2px;
    margin: -7px 0 0;
    color: #000;
    background-color: #f5f5f5;
    border-radius: 0
}

.note-editor.note-frame .note-status-output .alert .note-icon {
    margin-right: 5px
}

.note-editor.note-frame .note-status-output .alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important
}

.note-editor.note-frame .note-status-output .alert-info {
    color: #31708f !important;
    background-color: #d9edf7 !important
}

.note-editor.note-frame .note-status-output .alert-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important
}

.note-editor.note-frame .note-status-output .alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important
}

.note-editor.note-frame .note-statusbar {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.note-editor.note-frame .note-statusbar .note-resizebar {
    width: 100%;
    height: 9px;
    padding-top: 1px;
    cursor: ns-resize
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid #a9a9a9
}

.note-editor.note-frame .note-statusbar.locked .note-resizebar {
    cursor: default
}

.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
    display: none
}

.note-editor.note-frame .note-placeholder {
    padding: 10px
}

.note-popover .note-popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.note-popover .note-popover-arrow {
    left: 20px !important
}

.note-popover .note-popover-content,
.note-toolbar {
    padding: 0 0 5px 5px;
    margin: 0;
    background-color: #fff
}

.note-popover .note-popover-content>.note-btn-group,
.note-toolbar>.note-btn-group {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 0
}

.note-popover .note-popover-content .note-btn-group .note-table,
.note-toolbar .note-btn-group .note-table {
    min-width: 0;
    padding: 5px
}

.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker,
.note-toolbar .note-btn-group .note-table .note-dimension-picker {
    font-size: 18px
}

.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute !important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer
}

.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative !important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
}

.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute !important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
}

.note-popover .note-popover-content .note-style blockquote,
.note-popover .note-popover-content .note-style h1,
.note-popover .note-popover-content .note-style h2,
.note-popover .note-popover-content .note-style h3,
.note-popover .note-popover-content .note-style h4,
.note-popover .note-popover-content .note-style h5,
.note-popover .note-popover-content .note-style h6,
.note-toolbar .note-style blockquote,
.note-toolbar .note-style h1,
.note-toolbar .note-style h2,
.note-toolbar .note-style h3,
.note-toolbar .note-style h4,
.note-toolbar .note-style h5,
.note-toolbar .note-style h6 {
    margin: 0
}

.note-popover .note-popover-content .note-color .dropdown-toggle,
.note-toolbar .note-color .dropdown-toggle {
    width: 20px;
    padding-left: 5px
}

.note-popover .note-popover-content .note-color .note-dropdown-menu,
.note-toolbar .note-color .note-dropdown-menu {
    min-width: 346px;
    box-sizing: content-box
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette,
.note-toolbar .note-color .note-dropdown-menu .note-palette {
    display: inline-block;
    width: 160px;
    margin: 0
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette:first-child,
.note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
    margin: 0 15px 0 5px
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
    margin: 2px 7px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #eee
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset {
    width: 100%;
    padding: 2px 3px;
    margin: 3px;
    cursor: pointer;
    background-color: #fff;
    border: 0;
    border-radius: 5px
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
    height: 20px
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover {
    background: #eee
}

.note-popover .note-popover-content .note-para .note-dropdown-menu,
.note-toolbar .note-para .note-dropdown-menu {
    min-width: 216px;
    padding: 5px
}

.note-popover .note-popover-content .note-para .note-dropdown-menu>div:first-child,
.note-toolbar .note-para .note-dropdown-menu>div:first-child {
    margin-right: 5px
}

.note-popover .note-popover-content .note-btn-fontname .note-dropdown-menu,
.note-toolbar .note-btn-fontname .note-dropdown-menu {
    min-width: 200px
}

.note-popover .note-popover-content .note-dropdown-menu,
.note-toolbar .note-dropdown-menu {
    min-width: 160px
}

.note-popover .note-popover-content .note-dropdown-menu.right,
.note-toolbar .note-dropdown-menu.right {
    right: 0;
    left: auto
}

.note-popover .note-popover-content .note-dropdown-menu.right::before,
.note-toolbar .note-dropdown-menu.right::before {
    right: 9px;
    left: auto !important
}

.note-popover .note-popover-content .note-dropdown-menu.right::after,
.note-toolbar .note-dropdown-menu.right::after {
    right: 10px;
    left: auto !important
}

.note-popover .note-popover-content .note-dropdown-menu.note-check .note-dropdown-item i,
.note-toolbar .note-dropdown-menu.note-check .note-dropdown-item i {
    color: #00bfff;
    visibility: hidden
}

.note-popover .note-popover-content .note-dropdown-menu.note-check .note-dropdown-item.checked i,
.note-toolbar .note-dropdown-menu.note-check .note-dropdown-item.checked i {
    visibility: visible
}

.note-popover .note-popover-content .note-dropdown-menu .note-dropdown-item>*,
.note-toolbar .note-dropdown-menu .note-dropdown-item>* {
    margin: 0
}

.note-popover .note-popover-content .note-fontsize-10,
.note-toolbar .note-fontsize-10 {
    font-size: 10px
}

.note-popover .note-popover-content .note-color-palette,
.note-toolbar .note-color-palette {
    line-height: 1
}

.note-popover .note-popover-content .note-color-palette div .note-color-btn,
.note-toolbar .note-color-palette div .note-color-btn {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff
}

.note-popover .note-popover-content .note-color-palette div .note-color-btn:hover,
.note-toolbar .note-color-palette div .note-color-btn:hover {
    border: 1px solid #000
}

.note-modal .note-modal-body label {
    display: inline-block;
    padding: 2px 5px;
    margin-bottom: 2px
}

.note-modal .note-modal-body .help-list-item:hover {
    background-color: #e0e0e0
}

@-moz-document url-prefix() {
    .note-image-input {
        height: auto
    }
}

.note-placeholder {
    position: absolute;
    display: none;
    color: gray
}

.note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid #000
}

.note-handle .note-control-selection>div {
    position: absolute
}

.note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-opacity: .3;
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}

.note-handle .note-control-selection .note-control-handle,
.note-handle .note-control-selection .note-control-holder {
    width: 7px;
    height: 7px;
    border: 1px solid #000
}

.note-handle .note-control-selection .note-control-sizing {
    width: 7px;
    height: 7px;
    background-color: #fff;
    border: 1px solid #000
}

.note-handle .note-control-selection .note-control-nw {
    top: -5px;
    left: -5px;
    border-right: 0;
    border-bottom: 0
}

.note-handle .note-control-selection .note-control-ne {
    top: -5px;
    right: -5px;
    border-bottom: 0;
    border-left: none
}

.note-handle .note-control-selection .note-control-sw {
    bottom: -5px;
    left: -5px;
    border-top: 0;
    border-right: 0
}

.note-handle .note-control-selection .note-control-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize
}

.note-handle .note-control-selection .note-control-se.note-control-holder {
    cursor: default;
    border-top: 0;
    border-left: none
}

.note-handle .note-control-selection .note-control-selection-info {
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    font-size: 12px;
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    -webkit-opacity: .7;
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}

.note-hint-popover {
    min-width: 100px;
    padding: 2px
}

.note-hint-popover .note-popover-content {
    max-height: 150px;
    padding: 3px;
    overflow: auto
}

.note-hint-popover .note-popover-content .note-hint-group .note-hint-item {
    display: block !important;
    padding: 3px
}

.note-hint-popover .note-popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .note-popover-content .note-hint-group .note-hint-item:hover {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    background-color: #428bca;
    outline: 0
}

.help-list-item label {
    display: inline-block;
    margin-bottom: 5px
}