/* Minification failed. Returning unminified contents.
(5864,56): run-time error CSS1019: Unexpected token, found '@c-btn-light'
(5864,56): run-time error CSS1042: Expected function, found '@c-btn-light'
(5864,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@c-btn-light'
(5865,53): run-time error CSS1019: Unexpected token, found '@c-btn-light'
(5865,53): run-time error CSS1042: Expected function, found '@c-btn-light'
(5865,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@c-btn-light'
(5866,51): run-time error CSS1019: Unexpected token, found '@c-btn-light'
(5866,51): run-time error CSS1042: Expected function, found '@c-btn-light'
(5866,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@c-btn-light'
(5867,54): run-time error CSS1019: Unexpected token, found '@c-btn-light'
(5867,54): run-time error CSS1042: Expected function, found '@c-btn-light'
(5867,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@c-btn-light'
 */
.fake {
    color: red
}

.k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.k-floatwrap:after, .k-grid-toolbar:after, .k-slider-items:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.k-grid-toolbar, .k-slider-items {
    display: inline-block
}

.k-grid-toolbar, .k-slider-items {
    display: block
}

.k-autocomplete, .k-autocomplete.k-state-hover, .k-block, .k-button, .k-draghandle, .k-dropdown-wrap, .k-dropdown-wrap.k-state-hover, .k-grid-header, .k-grouping-header, .k-header, .k-link.k-state-hover, .k-numeric-wrap, .k-numeric-wrap.k-state-hover, .k-pager-wrap, .k-picker-wrap, .k-picker-wrap.k-state-hover, .k-tabstrip-items .k-item, .k-textbox, .k-textbox:hover, .k-toolbar, .k-tooltip {
    background-repeat: repeat;
    background-position: 0 center
}

.k-link:hover {
    text-decoration: none
}

.k-state-highlight > .k-link {
    color: inherit
}

.k-button, .k-input[type=number], .k-input[type=text], .k-picker-wrap .k-input, .k-textbox, .k-textbox > input {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

.k-block, .k-widget {
    line-height: normal;
    outline: 0
}

.k-block {
    padding: 2px
}

.k-button {
    display: inline-block;
    margin: 0;
    padding: 8px 18px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

    .k-button.k-state-disabled, .k-button.k-state-disabled:active, .k-button.k-state-disabled:hover, .k-button[disabled], .k-state-disabled .k-button, .k-state-disabled .k-button:active, .k-state-disabled .k-button:hover {
        cursor: default
    }

.k-ie7 .k-button {
    line-height: normal
}

a.k-button {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none
}

.k-ff input.k-button {
    padding-bottom: .37em;
    padding-top: .37em
}

.k-ie7 .k-button {
    overflow: visible;
    margin-right: 4px
}

.k-ie7 a.k-button {
    line-height: 1.6;
    padding-left: 7px;
    padding-right: 7px
}

.k-ie7 .k-slider a.k-button {
    height: 22px;
    line-height: 22px;
    padding: 0
}

.k-ie7 .k-button-expand {
    margin-left: 0;
    margin-right: 0
}

button.k-button::-moz-focus-inner, input.k-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a.k-button-expand {
    display: block
}

button.k-button-expand, input[type=button].k-button-expand, input[type=reset].k-button-expand, input[type=submit].k-button-expand {
    width: 100%
}

body .k-button-icon, body .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em
}

.k-ie7 a.k-button-icon {
    padding-left: 5px;
    padding-right: 5px
}

.k-button-icontext {
    overflow: visible
}

.k-toolbar .k-button-icontext {
    padding-right: .8em
}

.k-button-icontext .k-icon, .k-button-icontext .k-image {
    margin-right: 3px;
    margin-right: .3rem;
    margin-left: -3px;
    margin-left: -.3rem
}

.k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image {
    vertical-align: text-top
}

html body .k-button-bare {
    background: 0 0 !important;
    color: inherit;
    border-width: 0
}

    html body .k-button-bare.k-upload-button:hover {
        color: inherit
    }

.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.k-grid-header span.k-link {
    cursor: default
}

.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-draghandle, .k-state-disabled .k-icon, .k-state-disabled .k-link, .k-state-disabled .k-upload-button input {
    cursor: default !important;
    outline: 0
}

@media print {
    .k-state-disabled, .k-state-disabled .k-input {
        opacity: 1 !important
    }
}

.k-state-error {
    border-style: ridge
}

.k-state-empty {
    font-style: italic
}

.k-button-group .k-tool-icon, .k-icon, .k-sprite {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none
}

    .k-icon.k-i-none {
        background-image: none !important
    }

.k-ie8 .k-button-group .k-tool-icon, .k-ie8 .k-icon, .k-ie8 .k-sprite {
    vertical-align: middle
}

:root * > .k-button-group .k-tool-icon, :root * > .k-icon, :root * > .k-sprite {
    vertical-align: middle
}

.k-icon, .k-sprite {
    background-color: transparent
}

.k-ie7 .k-icon, .k-ie7 .k-sprite {
    text-indent: 0
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px
}

.k-state-selected .k-i-arrow-n {
    background-position: -16px 0
}

.k-button:active .k-state-selected .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n, .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n, .k-state-hover > * > .k-state-selected .k-i-arrow-n, .k-state-hover > .k-state-selected .k-i-arrow-n, .k-textbox:hover .k-state-selected .k-i-arrow-n {
    background-position: -32px 0
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
    background-position: -16px -3px
}

.k-state-selected .k-i-arrow-s {
    background-position: -16px -32px
}

.k-button:active .k-state-selected .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s, .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s, .k-state-hover > * > .k-state-selected .k-i-arrow-s, .k-state-hover > .k-state-selected .k-i-arrow-s, .k-textbox:hover .k-state-selected .k-i-arrow-s {
    background-position: -32px -32px
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
    background-position: -16px -35px
}

.k-grid-header th > .k-link:hover span.k-i-arrow-n {
    background-position: 0 0
}

.k-grid-header th > .k-link:hover span.k-i-arrow-s {
    background-position: 0 -32px
}

.k-group-indicator .k-link:hover span.k-si-arrow-n {
    background-position: 0 -129px
}

.k-group-indicator .k-link:hover span.k-si-arrow-s {
    background-position: 0 -159px
}

.k-group-indicator .k-button:hover span.k-group-delete {
    background-position: -32px -16px
}

.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
    background-position: -32px -176px
}

.k-i-arrow-n {
    background-position: 0 0
}

.k-button:active .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-i-arrow-n, .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, .k-state-hover > * > .k-i-arrow-n, .k-state-hover > .k-i-arrow-n, .k-textbox:hover .k-i-arrow-n {
    background-position: -16px 0
}

.k-i-arrow-60-right {
    background-position: 0 -16px
}

.k-button:active .k-i-arrow-60-right, .k-button:not(.k-state-disabled):hover .k-i-arrow-60-right, .k-link:not(.k-state-disabled):hover > .k-i-arrow-60-right, .k-state-hover > * > .k-i-arrow-60-right, .k-state-hover > .k-i-arrow-60-right, .k-textbox:hover .k-i-arrow-60-right {
    background-position: -16px -16px
}

.k-rtl .k-i-arrow-60-left {
    background-position: 0 -16px
}

.k-rtl .k-button:active .k-i-arrow-60-left, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-60-left, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-60-left, .k-rtl .k-state-hover > * > .k-i-arrow-60-left, .k-rtl .k-state-hover > .k-i-arrow-60-left, .k-rtl .k-textbox:hover .k-i-arrow-60-left {
    background-position: -16px -16px
}

.k-i-arrow-s {
    background-position: 0 -32px
}

.k-button:active .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-i-arrow-s, .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, .k-state-hover > * > .k-i-arrow-s, .k-state-hover > .k-i-arrow-s, .k-textbox:hover .k-i-arrow-s {
    background-position: -16px -32px
}

.k-i-arrow-60-left {
    background-position: 0 -48px
}

.k-button:active .k-i-arrow-60-left, .k-button:not(.k-state-disabled):hover .k-i-arrow-60-left, .k-link:not(.k-state-disabled):hover > .k-i-arrow-60-left, .k-state-hover > * > .k-i-arrow-60-left, .k-state-hover > .k-i-arrow-60-left, .k-textbox:hover .k-i-arrow-60-left {
    background-position: -16px -48px
}

.k-rtl .k-i-arrow-60-right {
    background-position: 0 -48px
}

.k-rtl .k-button:active .k-i-arrow-60-right, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-60-right, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-60-right, .k-rtl .k-state-hover > * > .k-i-arrow-60-right, .k-rtl .k-state-hover > .k-i-arrow-60-right, .k-rtl .k-textbox:hover .k-i-arrow-60-right {
    background-position: -16px -48px
}

.k-i-seek-n {
    background-position: 0 -64px
}

.k-button:active .k-i-seek-n, .k-button:not(.k-state-disabled):hover .k-i-seek-n, .k-link:not(.k-state-disabled):hover > .k-i-seek-n, .k-state-hover > * > .k-i-seek-n, .k-state-hover > .k-i-seek-n, .k-textbox:hover .k-i-seek-n {
    background-position: -16px -64px
}

.k-i-arrow-end-right {
    background-position: 0 -80px
}

.k-button:active .k-i-arrow-end-right, .k-button:not(.k-state-disabled):hover .k-i-arrow-end-right, .k-link:not(.k-state-disabled):hover > .k-i-arrow-end-right, .k-state-hover > * > .k-i-arrow-end-right, .k-state-hover > .k-i-arrow-end-right, .k-textbox:hover .k-i-arrow-end-right {
    background-position: -16px -80px
}

.k-rtl .k-i-arrow-end-left {
    background-position: 0 -80px
}

.k-rtl .k-button:active .k-i-arrow-end-left, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-end-left, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-end-left, .k-rtl .k-state-hover > * > .k-i-arrow-end-left, .k-rtl .k-state-hover > .k-i-arrow-end-left, .k-rtl .k-textbox:hover .k-i-arrow-end-left {
    background-position: -16px -80px
}

.k-i-seek-s {
    background-position: 0 -96px
}

.k-button:active .k-i-seek-s, .k-button:not(.k-state-disabled):hover .k-i-seek-s, .k-link:not(.k-state-disabled):hover > .k-i-seek-s, .k-state-hover > * > .k-i-seek-s, .k-state-hover > .k-i-seek-s, .k-textbox:hover .k-i-seek-s {
    background-position: -16px -96px
}

.k-i-arrow-end-left {
    background-position: 0 -112px
}

.k-button:active .k-i-arrow-end-left, .k-button:not(.k-state-disabled):hover .k-i-arrow-end-left, .k-link:not(.k-state-disabled):hover > .k-i-arrow-end-left, .k-state-hover > * > .k-i-arrow-end-left, .k-state-hover > .k-i-arrow-end-left, .k-textbox:hover .k-i-arrow-end-left {
    background-position: -16px -112px
}

.k-rtl .k-i-arrow-end-right {
    background-position: 0 -112px
}

.k-rtl .k-button:active .k-i-arrow-end-right, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-end-right, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-end-right, .k-rtl .k-state-hover > * > .k-i-arrow-end-right, .k-rtl .k-state-hover > .k-i-arrow-end-right, .k-rtl .k-textbox:hover .k-i-arrow-end-right {
    background-position: -16px -112px
}

.k-si-arrow-n {
    background-position: 0 -129px
}

.k-button:active .k-si-arrow-n, .k-button:not(.k-state-disabled):hover .k-si-arrow-n, .k-link:not(.k-state-disabled):hover > .k-si-arrow-n, .k-state-hover > * > .k-si-arrow-n, .k-state-hover > .k-si-arrow-n, .k-textbox:hover .k-si-arrow-n {
    background-position: -16px -129px
}

.k-si-arrow-e {
    background-position: 0 -144px
}

.k-button:active .k-si-arrow-e, .k-button:not(.k-state-disabled):hover .k-si-arrow-e, .k-link:not(.k-state-disabled):hover > .k-si-arrow-e, .k-state-hover > * > .k-si-arrow-e, .k-state-hover > .k-si-arrow-e, .k-textbox:hover .k-si-arrow-e {
    background-position: -16px -144px
}

.k-si-arrow-s {
    background-position: 0 -159px
}

.k-button:active .k-si-arrow-s, .k-button:not(.k-state-disabled):hover .k-si-arrow-s, .k-link:not(.k-state-disabled):hover > .k-si-arrow-s, .k-state-hover > * > .k-si-arrow-s, .k-state-hover > .k-si-arrow-s, .k-textbox:hover .k-si-arrow-s {
    background-position: -16px -159px
}

.k-si-arrow-w {
    background-position: 0 -176px
}

.k-button:active .k-si-arrow-w, .k-button:not(.k-state-disabled):hover .k-si-arrow-w, .k-link:not(.k-state-disabled):hover > .k-si-arrow-w, .k-state-hover > * > .k-si-arrow-w, .k-state-hover > .k-si-arrow-w, .k-textbox:hover .k-si-arrow-w {
    background-position: -16px -176px
}

.k-i-arrowhead-n {
    background-position: 0 -256px
}

.k-button:active .k-i-arrowhead-n, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-n, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n, .k-state-hover > * > .k-i-arrowhead-n, .k-state-hover > .k-i-arrowhead-n, .k-textbox:hover .k-i-arrowhead-n {
    background-position: -16px -256px
}

.k-i-arrowhead-e {
    background-position: 0 -272px
}

.k-button:active .k-i-arrowhead-e, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-e, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e, .k-state-hover > * > .k-i-arrowhead-e, .k-state-hover > .k-i-arrowhead-e, .k-textbox:hover .k-i-arrowhead-e {
    background-position: -16px -272px
}

.k-i-arrowhead-s {
    background-position: 0 -288px
}

.k-button:active .k-i-arrowhead-s, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s, .k-state-hover > * > .k-i-arrowhead-s, .k-state-hover > .k-i-arrowhead-s, .k-textbox:hover .k-i-arrowhead-s {
    background-position: -16px -288px
}

.k-i-arrowhead-w {
    background-position: 0 -304px
}

.k-button:active .k-i-arrowhead-w, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-w, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w, .k-state-hover > * > .k-i-arrowhead-w, .k-state-hover > .k-i-arrowhead-w, .k-textbox:hover .k-i-arrowhead-w {
    background-position: -16px -304px
}

.k-i-expand, .k-plus, .k-plus-disabled {
    background-position: 0 -192px
}

.k-button:active .k-i-expand, .k-button:active .k-plus, .k-button:active .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand, .k-button:not(.k-state-disabled):hover .k-plus, .k-button:not(.k-state-disabled):hover .k-plus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-plus, .k-link:not(.k-state-disabled):hover > .k-plus-disabled, .k-state-hover > * > .k-i-expand, .k-state-hover > * > .k-plus, .k-state-hover > * > .k-plus-disabled, .k-state-hover > .k-i-expand, .k-state-hover > .k-plus, .k-state-hover > .k-plus-disabled, .k-textbox:hover .k-i-expand, .k-textbox:hover .k-plus, .k-textbox:hover .k-plus-disabled {
    background-position: -16px -192px
}

.k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus, .k-rtl .k-plus-disabled {
    background-position: 0 -208px
}

.k-button:active .k-i-expand-w, .k-button:active .k-rtl .k-i-expand, .k-button:active .k-rtl .k-plus, .k-button:active .k-rtl .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-expand-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled, .k-state-hover > * > .k-i-expand-w, .k-state-hover > * > .k-rtl .k-i-expand, .k-state-hover > * > .k-rtl .k-plus, .k-state-hover > * > .k-rtl .k-plus-disabled, .k-state-hover > .k-i-expand-w, .k-state-hover > .k-rtl .k-i-expand, .k-state-hover > .k-rtl .k-plus, .k-state-hover > .k-rtl .k-plus-disabled, .k-textbox:hover .k-i-expand-w, .k-textbox:hover .k-rtl .k-i-expand, .k-textbox:hover .k-rtl .k-plus, .k-textbox:hover .k-rtl .k-plus-disabled {
    background-position: -16px -208px
}

.k-i-collapse, .k-minus, .k-minus-disabled {
    background-position: 0 -224px
}

.k-button:active .k-i-collapse, .k-button:active .k-minus, .k-button:active .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-minus, .k-button:not(.k-state-disabled):hover .k-minus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-minus, .k-link:not(.k-state-disabled):hover > .k-minus-disabled, .k-state-hover > * > .k-i-collapse, .k-state-hover > * > .k-minus, .k-state-hover > * > .k-minus-disabled, .k-state-hover > .k-i-collapse, .k-state-hover > .k-minus, .k-state-hover > .k-minus-disabled, .k-textbox:hover .k-i-collapse, .k-textbox:hover .k-minus, .k-textbox:hover .k-minus-disabled {
    background-position: -16px -224px
}

.k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus, .k-rtl .k-minus-disabled {
    background-position: 0 -240px
}

.k-button:active .k-i-collapse-w, .k-button:active .k-rtl .k-i-collapse, .k-button:active .k-rtl .k-minus, .k-button:active .k-rtl .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-collapse-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled, .k-state-hover > * > .k-i-collapse-w, .k-state-hover > * > .k-rtl .k-i-collapse, .k-state-hover > * > .k-rtl .k-minus, .k-state-hover > * > .k-rtl .k-minus-disabled, .k-state-hover > .k-i-collapse-w, .k-state-hover > .k-rtl .k-i-collapse, .k-state-hover > .k-rtl .k-minus, .k-state-hover > .k-rtl .k-minus-disabled, .k-textbox:hover .k-i-collapse-w, .k-textbox:hover .k-rtl .k-i-collapse, .k-textbox:hover .k-rtl .k-minus, .k-textbox:hover .k-rtl .k-minus-disabled {
    background-position: -16px -240px
}

.k-edit, .k-i-pencil {
    background-position: -32px 0
}

.k-button:active .k-edit, .k-button:active .k-i-pencil, .k-button:not(.k-state-disabled):hover .k-edit, .k-button:not(.k-state-disabled):hover .k-i-pencil, .k-link:not(.k-state-disabled):hover > .k-edit, .k-link:not(.k-state-disabled):hover > .k-i-pencil, .k-state-hover > * > .k-edit, .k-state-hover > * > .k-i-pencil, .k-state-hover > .k-edit, .k-state-hover > .k-i-pencil, .k-textbox:hover .k-edit, .k-textbox:hover .k-i-pencil {
    background-position: -48px 0
}

.k-delete, .k-group-delete, .k-i-close {
    background-position: -32px -16px
}

.k-button:active .k-delete, .k-button:active .k-group-delete, .k-button:active .k-i-close, .k-button:not(.k-state-disabled):hover .k-delete, .k-button:not(.k-state-disabled):hover .k-group-delete, .k-button:not(.k-state-disabled):hover .k-i-close, .k-link:not(.k-state-disabled):hover > .k-delete, .k-link:not(.k-state-disabled):hover > .k-group-delete, .k-link:not(.k-state-disabled):hover > .k-i-close, .k-state-hover > * > .k-delete, .k-state-hover > * > .k-group-delete, .k-state-hover > * > .k-i-close, .k-state-hover > .k-delete, .k-state-hover > .k-group-delete, .k-state-hover > .k-i-close, .k-textbox:hover .k-delete, .k-textbox:hover .k-group-delete, .k-textbox:hover .k-i-close {
    background-position: -48px -16px
}

.k-si-close {
    background-position: -160px -80px
}

.k-button:active .k-si-close, .k-button:not(.k-state-disabled):hover .k-si-close, .k-link:not(.k-state-disabled):hover > .k-si-close, .k-state-hover > * > .k-si-close, .k-state-hover > .k-si-close, .k-textbox:hover .k-si-close {
    background-position: -176px -80px
}

.k-multiselect .k-delete {
    background-position: -160px -80px
}

.k-multiselect .k-state-hover .k-delete {
    background-position: -176px -80px
}

.k-i-tick, .k-insert, .k-update {
    background-position: -32px -32px
}

.k-button:active .k-i-tick, .k-button:active .k-insert, .k-button:active .k-update, .k-button:not(.k-state-disabled):hover .k-i-tick, .k-button:not(.k-state-disabled):hover .k-insert, .k-button:not(.k-state-disabled):hover .k-update, .k-link:not(.k-state-disabled):hover > .k-i-tick, .k-link:not(.k-state-disabled):hover > .k-insert, .k-link:not(.k-state-disabled):hover > .k-update, .k-state-hover > * > .k-i-tick, .k-state-hover > * > .k-insert, .k-state-hover > * > .k-update, .k-state-hover > .k-i-tick, .k-state-hover > .k-insert, .k-state-hover > .k-update, .k-textbox:hover .k-i-tick, .k-textbox:hover .k-insert, .k-textbox:hover .k-update {
    background-position: -48px -32px
}

.k-check:checked, .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px
}

.k-button:active .k-check:checked, .k-button:active .k-mobile-list .k-edit-field [type=checkbox], .k-button:active .k-mobile-list .k-edit-field [type=radio], .k-button:not(.k-state-disabled):hover .k-check:checked, .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox], .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio], .k-link:not(.k-state-disabled):hover > .k-check:checked, .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=checkbox], .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=radio], .k-state-hover > * > .k-check:checked, .k-state-hover > * > .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > * > .k-mobile-list .k-edit-field [type=radio], .k-state-hover > .k-check:checked, .k-state-hover > .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > .k-mobile-list .k-edit-field [type=radio], .k-textbox:hover .k-check:checked, .k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox], .k-textbox:hover .k-mobile-list .k-edit-field [type=radio] {
    background-position: -48px -32px
}

.k-cancel, .k-denied, .k-i-cancel {
    background-position: -32px -48px
}

.k-button:active .k-cancel, .k-button:active .k-denied, .k-button:active .k-i-cancel, .k-button:not(.k-state-disabled):hover .k-cancel, .k-button:not(.k-state-disabled):hover .k-denied, .k-button:not(.k-state-disabled):hover .k-i-cancel, .k-link:not(.k-state-disabled):hover > .k-cancel, .k-link:not(.k-state-disabled):hover > .k-denied, .k-link:not(.k-state-disabled):hover > .k-i-cancel, .k-state-hover > * > .k-cancel, .k-state-hover > * > .k-denied, .k-state-hover > * > .k-i-cancel, .k-state-hover > .k-cancel, .k-state-hover > .k-denied, .k-state-hover > .k-i-cancel, .k-textbox:hover .k-cancel, .k-textbox:hover .k-denied, .k-textbox:hover .k-i-cancel {
    background-position: -48px -48px
}

.k-add, .k-i-plus {
    background-position: -32px -64px
}

.k-button:active .k-add, .k-button:active .k-i-plus, .k-button:not(.k-state-disabled):hover .k-add, .k-button:not(.k-state-disabled):hover .k-i-plus, .k-link:not(.k-state-disabled):hover > .k-add, .k-link:not(.k-state-disabled):hover > .k-i-plus, .k-state-hover > * > .k-add, .k-state-hover > * > .k-i-plus, .k-state-hover > .k-add, .k-state-hover > .k-i-plus, .k-textbox:hover .k-add, .k-textbox:hover .k-i-plus {
    background-position: -48px -64px
}

.k-filter, .k-i-funnel {
    background-position: -32px -80px
}

.k-button:active .k-filter, .k-button:active .k-i-funnel, .k-button:not(.k-state-disabled):hover .k-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel, .k-link:not(.k-state-disabled):hover > .k-filter, .k-link:not(.k-state-disabled):hover > .k-i-funnel, .k-state-hover > * > .k-filter, .k-state-hover > * > .k-i-funnel, .k-state-hover > .k-filter, .k-state-hover > .k-i-funnel, .k-textbox:hover .k-filter, .k-textbox:hover .k-i-funnel {
    background-position: -48px -80px
}

.k-clear-filter, .k-i-funnel-clear {
    background-position: -32px -96px
}

.k-button:active .k-clear-filter, .k-button:active .k-i-funnel-clear, .k-button:not(.k-state-disabled):hover .k-clear-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel-clear, .k-link:not(.k-state-disabled):hover > .k-clear-filter, .k-link:not(.k-state-disabled):hover > .k-i-funnel-clear, .k-state-hover > * > .k-clear-filter, .k-state-hover > * > .k-i-funnel-clear, .k-state-hover > .k-clear-filter, .k-state-hover > .k-i-funnel-clear, .k-textbox:hover .k-clear-filter, .k-textbox:hover .k-i-funnel-clear {
    background-position: -48px -96px
}

.k-i-lock {
    background-position: -64px 0
}

.k-button:active .k-i-lock, .k-button:not(.k-state-disabled):hover .k-i-lock, .k-link:not(.k-state-disabled):hover > .k-i-lock, .k-state-hover > * > .k-i-lock, .k-state-hover > .k-i-lock, .k-textbox:hover .k-i-lock {
    background-position: -80px 0
}

.k-i-unlock {
    background-position: -64px -16px
}

.k-button:active .k-i-unlock, .k-button:not(.k-state-disabled):hover .k-i-unlock, .k-link:not(.k-state-disabled):hover > .k-i-unlock, .k-state-hover > * > .k-i-unlock, .k-state-hover > .k-i-unlock, .k-textbox:hover .k-i-unlock {
    background-position: -80px -16px
}

.k-i-refresh {
    background-position: -32px -112px
}

.k-button:active .k-i-refresh, .k-button:not(.k-state-disabled):hover .k-i-refresh, .k-link:not(.k-state-disabled):hover > .k-i-refresh, .k-state-hover > * > .k-i-refresh, .k-state-hover > .k-i-refresh, .k-textbox:hover .k-i-refresh {
    background-position: -48px -112px
}

.k-i-exception {
    background-position: -160px -304px
}

.k-button:active .k-i-exception, .k-button:not(.k-state-disabled):hover .k-i-exception, .k-link:not(.k-state-disabled):hover > .k-i-exception, .k-state-hover > * > .k-i-exception, .k-state-hover > .k-i-exception, .k-textbox:hover .k-i-exception {
    background-position: -176px -304px
}

.k-i-restore {
    background-position: -32px -128px
}

.k-button:active .k-i-restore, .k-button:not(.k-state-disabled):hover .k-i-restore, .k-link:not(.k-state-disabled):hover > .k-i-restore, .k-state-hover > * > .k-i-restore, .k-state-hover > .k-i-restore, .k-textbox:hover .k-i-restore {
    background-position: -48px -128px
}

.k-i-maximize {
    background-position: -32px -144px
}

.k-button:active .k-i-maximize, .k-button:not(.k-state-disabled):hover .k-i-maximize, .k-link:not(.k-state-disabled):hover > .k-i-maximize, .k-state-hover > * > .k-i-maximize, .k-state-hover > .k-i-maximize, .k-textbox:hover .k-i-maximize {
    background-position: -48px -144px
}

.k-i-minimize {
    background-position: -64px -288px
}

.k-button:active .k-i-minimize, .k-button:not(.k-state-disabled):hover .k-i-minimize, .k-link:not(.k-state-disabled):hover > .k-i-minimize, .k-state-hover > * > .k-i-minimize, .k-state-hover > .k-i-minimize, .k-textbox:hover .k-i-minimize {
    background-position: -80px -288px
}

.k-i-pin {
    background-position: -160px -256px
}

.k-button:active .k-i-pin, .k-button:not(.k-state-disabled):hover .k-i-pin, .k-link:not(.k-state-disabled):hover > .k-i-pin, .k-state-hover > * > .k-i-pin, .k-state-hover > .k-i-pin, .k-textbox:hover .k-i-pin {
    background-position: -176px -256px
}

.k-i-unpin {
    background-position: -160px -272px
}

.k-button:active .k-i-unpin, .k-button:not(.k-state-disabled):hover .k-i-unpin, .k-link:not(.k-state-disabled):hover > .k-i-unpin, .k-state-hover > * > .k-i-unpin, .k-state-hover > .k-i-unpin, .k-textbox:hover .k-i-unpin {
    background-position: -176px -272px
}

.k-resize-se {
    background-position: -32px -160px
}

.k-button:active .k-resize-se, .k-button:not(.k-state-disabled):hover .k-resize-se, .k-link:not(.k-state-disabled):hover > .k-resize-se, .k-state-hover > * > .k-resize-se, .k-state-hover > .k-resize-se, .k-textbox:hover .k-resize-se {
    background-position: -48px -160px
}

.k-i-calendar {
    background-position: -32px -176px
}

.k-button:active .k-i-calendar, .k-button:not(.k-state-disabled):hover .k-i-calendar, .k-link:not(.k-state-disabled):hover > .k-i-calendar, .k-state-hover > * > .k-i-calendar, .k-state-hover > .k-i-calendar, .k-textbox:hover .k-i-calendar {
    background-position: -48px -176px
}

.k-i-clock {
    background-position: -32px -192px
}

.k-button:active .k-i-clock, .k-button:not(.k-state-disabled):hover .k-i-clock, .k-link:not(.k-state-disabled):hover > .k-i-clock, .k-state-hover > * > .k-i-clock, .k-state-hover > .k-i-clock, .k-textbox:hover .k-i-clock {
    background-position: -48px -192px
}

.k-si-plus {
    background-position: -32px -208px
}

.k-button:active .k-si-plus, .k-button:not(.k-state-disabled):hover .k-si-plus, .k-link:not(.k-state-disabled):hover > .k-si-plus, .k-state-hover > * > .k-si-plus, .k-state-hover > .k-si-plus, .k-textbox:hover .k-si-plus {
    background-position: -48px -208px
}

.k-si-minus {
    background-position: -32px -224px
}

.k-button:active .k-si-minus, .k-button:not(.k-state-disabled):hover .k-si-minus, .k-link:not(.k-state-disabled):hover > .k-si-minus, .k-state-hover > * > .k-si-minus, .k-state-hover > .k-si-minus, .k-textbox:hover .k-si-minus {
    background-position: -48px -224px
}

.k-i-search {
    background-position: -32px -240px
}

.k-button:active .k-i-search, .k-button:not(.k-state-disabled):hover .k-i-search, .k-link:not(.k-state-disabled):hover > .k-i-search, .k-state-hover > * > .k-i-search, .k-state-hover > .k-i-search, .k-textbox:hover .k-i-search {
    background-position: -48px -240px
}

.k-i-custom {
    background-position: -115px -113px
}

.k-button:active .k-i-custom, .k-button:not(.k-state-disabled):hover .k-i-custom, .k-link:not(.k-state-disabled):hover > .k-i-custom, .k-state-hover > * > .k-i-custom, .k-state-hover > .k-i-custom, .k-textbox:hover .k-i-custom {
    background-position: -141px -113px
}

.k-editor .k-i-custom {
    background-position: -111px -109px
}

.k-viewHtml {
    background-position: -288px -120px
}

.k-i-insert-n, .k-insert-top {
    background-position: -160px -32px
}

.k-button:active .k-i-insert-n, .k-button:active .k-insert-top, .k-button:not(.k-state-disabled):hover .k-i-insert-n, .k-button:not(.k-state-disabled):hover .k-insert-top, .k-link:not(.k-state-disabled):hover > .k-i-insert-n, .k-link:not(.k-state-disabled):hover > .k-insert-top, .k-state-hover > * > .k-i-insert-n, .k-state-hover > * > .k-insert-top, .k-state-hover > .k-i-insert-n, .k-state-hover > .k-insert-top, .k-textbox:hover .k-i-insert-n, .k-textbox:hover .k-insert-top {
    background-position: -176px -32px
}

.k-i-insert-m, .k-insert-middle {
    background-position: -160px -48px
}

.k-button:active .k-i-insert-m, .k-button:active .k-insert-middle, .k-button:not(.k-state-disabled):hover .k-i-insert-m, .k-button:not(.k-state-disabled):hover .k-insert-middle, .k-link:not(.k-state-disabled):hover > .k-i-insert-m, .k-link:not(.k-state-disabled):hover > .k-insert-middle, .k-state-hover > * > .k-i-insert-m, .k-state-hover > * > .k-insert-middle, .k-state-hover > .k-i-insert-m, .k-state-hover > .k-insert-middle, .k-textbox:hover .k-i-insert-m, .k-textbox:hover .k-insert-middle {
    background-position: -176px -48px
}

.k-i-insert-s, .k-insert-bottom {
    background-position: -160px -64px
}

.k-button:active .k-i-insert-s, .k-button:active .k-insert-bottom, .k-button:not(.k-state-disabled):hover .k-i-insert-s, .k-button:not(.k-state-disabled):hover .k-insert-bottom, .k-link:not(.k-state-disabled):hover > .k-i-insert-s, .k-link:not(.k-state-disabled):hover > .k-insert-bottom, .k-state-hover > * > .k-i-insert-s, .k-state-hover > * > .k-insert-bottom, .k-state-hover > .k-i-insert-s, .k-state-hover > .k-insert-bottom, .k-textbox:hover .k-i-insert-s, .k-textbox:hover .k-insert-bottom {
    background-position: -176px -64px
}

.k-drop-hint {
    background-position: 0 -326px
}

.k-i-note, .k-warning {
    background-position: -160px -240px
}

.k-button:active .k-i-note, .k-button:active .k-warning, .k-button:not(.k-state-disabled):hover .k-i-note, .k-button:not(.k-state-disabled):hover .k-warning, .k-link:not(.k-state-disabled):hover > .k-i-note, .k-link:not(.k-state-disabled):hover > .k-warning, .k-state-hover > * > .k-i-note, .k-state-hover > * > .k-warning, .k-state-hover > .k-i-note, .k-state-hover > .k-warning, .k-textbox:hover .k-i-note, .k-textbox:hover .k-warning {
    background-position: -176px -240px
}

.k-i-sort-asc {
    background-position: -112px -240px
}

.k-button:active .k-i-sort-asc, .k-button:not(.k-state-disabled):hover .k-i-sort-asc, .k-link:not(.k-state-disabled):hover > .k-i-sort-asc, .k-state-hover > * > .k-i-sort-asc, .k-state-hover > .k-i-sort-asc, .k-textbox:hover .k-i-sort-asc {
    background-position: -128px -240px
}

.k-i-sort-desc {
    background-position: -112px -256px
}

.k-button:active .k-i-sort-desc, .k-button:not(.k-state-disabled):hover .k-i-sort-desc, .k-link:not(.k-state-disabled):hover > .k-i-sort-desc, .k-state-hover > * > .k-i-sort-desc, .k-state-hover > .k-i-sort-desc, .k-textbox:hover .k-i-sort-desc {
    background-position: -128px -256px
}

.k-i-group {
    background-position: -112px -272px
}

.k-button:active .k-i-group, .k-button:not(.k-state-disabled):hover .k-i-group, .k-link:not(.k-state-disabled):hover > .k-i-group, .k-state-hover > * > .k-i-group, .k-state-hover > .k-i-group, .k-textbox:hover .k-i-group {
    background-position: -128px -272px
}

.k-i-ungroup {
    background-position: -112px -288px
}

.k-button:active .k-i-ungroup, .k-button:not(.k-state-disabled):hover .k-i-ungroup, .k-link:not(.k-state-disabled):hover > .k-i-ungroup, .k-state-hover > * > .k-i-ungroup, .k-state-hover > .k-i-ungroup, .k-textbox:hover .k-i-ungroup {
    background-position: -128px -288px
}

.k-i-columns {
    background-position: -112px -304px
}

.k-button:active .k-i-columns, .k-button:not(.k-state-disabled):hover .k-i-columns, .k-link:not(.k-state-disabled):hover > .k-i-columns, .k-state-hover > * > .k-i-columns, .k-state-hover > .k-i-columns, .k-textbox:hover .k-i-columns {
    background-position: -128px -304px
}

.k-i-hbars {
    background-position: -64px -32px
}

.k-button:active .k-i-hbars, .k-button:not(.k-state-disabled):hover .k-i-hbars, .k-link:not(.k-state-disabled):hover > .k-i-hbars, .k-state-hover > * > .k-i-hbars, .k-state-hover > .k-i-hbars, .k-textbox:hover .k-i-hbars {
    background-position: -80px -32px
}

.k-i-vbars {
    background-position: -64px -48px
}

.k-button:active .k-i-vbars, .k-button:not(.k-state-disabled):hover .k-i-vbars, .k-link:not(.k-state-disabled):hover > .k-i-vbars, .k-state-hover > * > .k-i-vbars, .k-state-hover > .k-i-vbars, .k-textbox:hover .k-i-vbars {
    background-position: -80px -48px
}

.k-i-sum {
    background-position: -64px -64px
}

.k-button:active .k-i-sum, .k-button:not(.k-state-disabled):hover .k-i-sum, .k-link:not(.k-state-disabled):hover > .k-i-sum, .k-state-hover > * > .k-i-sum, .k-state-hover > .k-i-sum, .k-textbox:hover .k-i-sum {
    background-position: -80px -64px
}

.k-i-pdf {
    background-position: -64px -80px
}

.k-button:active .k-i-pdf, .k-button:not(.k-state-disabled):hover .k-i-pdf, .k-link:not(.k-state-disabled):hover > .k-i-pdf, .k-state-hover > * > .k-i-pdf, .k-state-hover > .k-i-pdf, .k-textbox:hover .k-i-pdf {
    background-position: -80px -80px
}

.k-i-excel {
    background-position: -64px -96px
}

.k-button:active .k-i-excel, .k-button:not(.k-state-disabled):hover .k-i-excel, .k-link:not(.k-state-disabled):hover > .k-i-excel, .k-state-hover > * > .k-i-excel, .k-state-hover > .k-i-excel, .k-textbox:hover .k-i-excel {
    background-position: -80px -96px
}

.k-i-rotatecw {
    background-position: -64px -112px
}

.k-button:active .k-i-rotatecw, .k-button:not(.k-state-disabled):hover .k-i-rotatecw, .k-link:not(.k-state-disabled):hover > .k-i-rotatecw, .k-state-hover > * > .k-i-rotatecw, .k-state-hover > .k-i-rotatecw, .k-textbox:hover .k-i-rotatecw {
    background-position: -80px -112px
}

.k-i-rotateccw {
    background-position: -64px -128px
}

.k-button:active .k-i-rotateccw, .k-button:not(.k-state-disabled):hover .k-i-rotateccw, .k-link:not(.k-state-disabled):hover > .k-i-rotateccw, .k-state-hover > * > .k-i-rotateccw, .k-state-hover > .k-i-rotateccw, .k-textbox:hover .k-i-rotateccw {
    background-position: -80px -128px
}

.k-i-undo {
    background-position: -64px -160px
}

.k-button:active .k-i-undo, .k-button:not(.k-state-disabled):hover .k-i-undo, .k-link:not(.k-state-disabled):hover > .k-i-undo, .k-state-hover > * > .k-i-undo, .k-state-hover > .k-i-undo, .k-textbox:hover .k-i-undo {
    background-position: -80px -160px
}

.k-i-redo {
    background-position: -64px -144px
}

.k-button:active .k-i-redo, .k-button:not(.k-state-disabled):hover .k-i-redo, .k-link:not(.k-state-disabled):hover > .k-i-redo, .k-state-hover > * > .k-i-redo, .k-state-hover > .k-i-redo, .k-textbox:hover .k-i-redo {
    background-position: -80px -144px
}

.k-i-shape {
    background-position: -64px -176px
}

.k-button:active .k-i-shape, .k-button:not(.k-state-disabled):hover .k-i-shape, .k-link:not(.k-state-disabled):hover > .k-i-shape, .k-state-hover > * > .k-i-shape, .k-state-hover > .k-i-shape, .k-textbox:hover .k-i-shape {
    background-position: -80px -176px
}

.k-i-connector {
    background-position: -64px -192px
}

.k-button:active .k-i-connector, .k-button:not(.k-state-disabled):hover .k-i-connector, .k-link:not(.k-state-disabled):hover > .k-i-connector, .k-state-hover > * > .k-i-connector, .k-state-hover > .k-i-connector, .k-textbox:hover .k-i-connector {
    background-position: -80px -192px
}

.k-i-kpi {
    background-position: -64px -208px
}

.k-button:active .k-i-kpi, .k-button:not(.k-state-disabled):hover .k-i-kpi, .k-link:not(.k-state-disabled):hover > .k-i-kpi, .k-state-hover > * > .k-i-kpi, .k-state-hover > .k-i-kpi, .k-textbox:hover .k-i-kpi {
    background-position: -80px -208px
}

.k-i-dimension {
    background-position: -64px -224px
}

.k-button:active .k-i-dimension, .k-button:not(.k-state-disabled):hover .k-i-dimension, .k-link:not(.k-state-disabled):hover > .k-i-dimension, .k-state-hover > * > .k-i-dimension, .k-state-hover > .k-i-dimension, .k-textbox:hover .k-i-dimension {
    background-position: -80px -224px
}

.k-file {
    background-position: 0 0
}

.k-button:active .k-file, .k-button:not(.k-state-disabled):hover .k-file, .k-link:not(.k-state-disabled):hover > .k-file, .k-state-hover > * > .k-file, .k-state-hover > .k-file, .k-textbox:hover .k-file {
    background-position: -16px 0
}

.k-addfolder, .k-i-folder-add {
    background-position: -32px -272px
}

.k-button:active .k-addfolder, .k-button:active .k-i-folder-add, .k-button:not(.k-state-disabled):hover .k-addfolder, .k-button:not(.k-state-disabled):hover .k-i-folder-add, .k-link:not(.k-state-disabled):hover > .k-addfolder, .k-link:not(.k-state-disabled):hover > .k-i-folder-add, .k-state-hover > * > .k-addfolder, .k-state-hover > * > .k-i-folder-add, .k-state-hover > .k-addfolder, .k-state-hover > .k-i-folder-add, .k-textbox:hover .k-addfolder, .k-textbox:hover .k-i-folder-add {
    background-position: -48px -272px
}

.k-goup, .k-i-folder-up {
    background-position: -32px -288px
}

.k-button:active .k-goup, .k-button:active .k-i-folder-up, .k-button:not(.k-state-disabled):hover .k-goup, .k-button:not(.k-state-disabled):hover .k-i-folder-up, .k-link:not(.k-state-disabled):hover > .k-goup, .k-link:not(.k-state-disabled):hover > .k-i-folder-up, .k-state-hover > * > .k-goup, .k-state-hover > * > .k-i-folder-up, .k-state-hover > .k-goup, .k-state-hover > .k-i-folder-up, .k-textbox:hover .k-goup, .k-textbox:hover .k-i-folder-up {
    background-position: -48px -288px
}

.k-i-more {
    background-position: -64px -32px
}

.k-button:active .k-i-more, .k-button:not(.k-state-disabled):hover .k-i-more, .k-link:not(.k-state-disabled):hover > .k-i-more, .k-state-hover > * > .k-i-more, .k-state-hover > .k-i-more, .k-textbox:hover .k-i-more {
    background-position: -80px -32px
}

.k-file > .k-icon {
    background-position: -115px -91px
}

.k-image {
    border: 0
}

.k-breadcrumbs:hover .k-i-arrow-n {
    background-position: 0 0
}

.k-breadcrumbs:hover .k-i-arrow-60-right {
    background-position: 0 -16px
}

html .k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0
}

html .k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff
}

html .k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0
}

.k-inline-block {
    padding: 0 2px
}

.k-loading, .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

.k-loading-image, .k-loading-mask, .k-loading-text {
    position: absolute
}

.k-loading-text {
    text-indent: -4000px;
    text-align: center
}

.k-loading-color, .k-loading-image {
    width: 100%;
    height: 100%
}

.k-loading-image {
    top: 0;
    left: 0;
    z-index: 2
}

.k-loading-color {
    opacity: .3
}

.k-content-frame {
    border: 0;
    width: 100%;
    height: 100%
}

.k-pane > .k-splitter-overlay {
    opacity: 0;
    position: absolute
}

.k-drag-clue {
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default
}

.k-drag-status {
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle
}

.k-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible
}

    .k-reorder-cue .k-icon {
        position: absolute;
        left: -4px;
        width: 8px;
        height: 4px
    }

    .k-reorder-cue .k-i-arrow-s {
        top: -4px;
        background-position: -4px -166px
    }

    .k-reorder-cue .k-i-arrow-n {
        bottom: -4px;
        background-position: -4px -134px
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    overflow-x: hidden
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    body .k-touch-scrollbar {
        height: 12px;
        width: 12px;
        border-radius: 7px
    }
}

.k-virtual-scrollable-wrap {
    overflow-x: auto
}

.k-current-time {
    background: red;
    position: absolute
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.k-autocomplete, .k-block, .k-button, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .k-tabstrip > .k-content > .km-scroll-container, .k-textbox, .km-actionsheet > li, .km-shim, div.k-window-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.input-group .form-control {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-control.k-widget {
    padding: 0
}

a.k-button:hover {
    text-decoration: none
}

.k-widget, .k-widget * {
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.k-radio, input.k-checkbox {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0
}

.k-checkbox-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer
}

    .k-checkbox-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1em;
        height: 1em;
        border-width: 1px;
        border-style: solid
    }

    .k-checkbox-label:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1em;
        height: 1em;
        border-width: 1px;
        border-style: solid
    }

.k-checkbox:checked + .k-checkbox-label:after {
    content: "\2713";
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    text-align: center
}

.k-checkbox:disabled + .k-checkbox-label {
    cursor: auto
}

.k-radio-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer
}

    .k-radio-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        border-style: solid
    }

.k-radio:checked + .k-radio-label:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px
}

.k-radio:disabled + .k-radio-label {
    cursor: auto
}

.k-ie8 .k-checkbox, .k-ie8 .k-radio {
    display: inline-block
}

.k-ie8 .k-checkbox-label, .k-ie8 .k-radio-label {
    padding-left: 0
}

    .k-ie8 .k-checkbox-label:after, .k-ie8 .k-checkbox-label:before, .k-ie8 .k-radio-label:after, .k-ie8 .k-radio-label:before {
        display: none
    }

input.k-checkbox + label {
    -webkit-user-select: none;
    user-select: none
}

.k-edit-form {
    margin: 0;
    padding: 0
}

.k-window > div.k-popup-edit-form {
    padding: 1em 0
}

.k-grid-edit-row .k-edit-form td {
    border-bottom-width: 0
}

.k-edit-form-container {
    position: relative;
    width: 400px
}

    .k-edit-form-container .editor-label, .k-edit-label {
        float: left;
        clear: both;
        width: 30%;
        padding: .4em 0 1em;
        margin-left: 2%;
        text-align: right
    }

    .k-edit-field, .k-edit-form-container .editor-field {
        float: right;
        clear: right;
        width: 60%;
        margin-right: 2%;
        padding: 0 0 .6em
    }

        .k-edit-field > input[type=checkbox], .k-edit-field > input[type=radio] {
            margin-top: .4em
        }

    .k-edit-form-container .k-button {
        margin: 0 .16em
    }

.k-edit-field > .k-button:first-child, .k-edit-field > input[type=checkbox]:first-child, .k-edit-field > input[type=radio]:first-child, .k-edit-field > label:first-child > input[type=checkbox] {
    margin-left: 0
}

.k-edit-form-container .k-edit-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em
}

div.k-window {
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em
}

.k-block > .k-header, .k-window-titlebar {
    position: absolute;
    width: 100%;
    height: 1.1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2em;
    padding: .4em 0;
    font-size: 1.2em;
    white-space: nowrap;
    min-height: 16px
}

.k-block > .k-header {
    position: relative;
    margin: -2px 0 10px -2px;
    padding: .3em 2px
}

.k-window-title {
    position: absolute;
    left: .44em;
    right: .44em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis
}

    .k-window-title .k-image {
        margin: 0 5px 0 0;
        vertical-align: middle
    }

div.k-window-titleless {
    padding-top: 0
}

div.k-window-content {
    position: relative;
    height: 100%;
    padding: .58em;
    overflow: auto;
    outline: 0
}

div.k-window-iframecontent {
    padding: 0;
    overflow: visible
}

.k-window-content > .km-scroll-container {
    height: 100%
}

.k-ie7 .k-window {
    padding-bottom: 1.16em
}

.k-ie7 .k-window-titleless {
    padding-bottom: 0
}

.k-window-titlebar .k-window-actions {
    position: absolute;
    top: 0;
    right: .3em;
    padding-top: .3em;
    white-space: nowrap
}

.k-window-titlebar .k-window-action {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    opacity: .7
}

.k-window-titlebar .k-state-hover {
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    opacity: 1
}

.k-window-action .k-icon {
    margin: 0;
    vertical-align: top
}

.k-window > .k-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    opacity: 0;
    zoom: 1
}

.k-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize
}

.k-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize
}

.k-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize
}

.k-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize
}

.k-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize
}

.k-resize-sw {
    bottom: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: sw-resize
}

.k-resize-ne {
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    cursor: ne-resize
}

.k-resize-nw {
    top: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: nw-resize
}

.k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5
}

.k-window .k-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0
}

.k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1
}

    .k-tabstrip .k-tabstrip-items {
        padding: .3em .3em 0
    }

.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0 -1px 0 0;
    padding: 0;
    vertical-align: top
}

.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.k-tabstrip-items .k-tab-on-top {
    z-index: 1
}

.k-panelbar .k-tabstrip-items .k-link, .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em
}

.k-panelbar .k-tabstrip-items .k-icon, .k-tabstrip-items .k-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top
}

.k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite, .k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle
}

.k-ie7 .k-tabstrip-items .k-item .k-image, .k-ie7 .k-tabstrip-items .k-item .k-sprite {
    margin-top: -1px;
    vertical-align: top
}

.k-tabstrip-items .k-loading {
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: 0 0;
    border-top: 1px solid transparent;
    border-color: inherit;
    -webkit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -o-transition: width .2s linear;
    transition: width .2s linear;
    -webkit-transition: "width 200ms linear";
    -moz-transition: "width 200ms linear";
    -ms-transition: "width 200ms linear";
    -o-transition: "width 200ms linear";
    transition: "width 200ms linear";
    animation: k-tab-loader 1s ease-in-out infinite;
    -moz-animation: k-tab-loader 1s ease-in-out infinite;
    -webkit-animation: k-tab-loader 1s ease-in-out infinite
}

.k-tabstrip-items .k-progress {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none
}

.k-tabstrip-items .k-loading.k-complete {
    width: 100%;
    animation: none;
    -moz-animation: none;
    -webkit-animation: none
}

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .286em .3em;
    padding: .3em .92em;
    zoom: 1
}

.k-tabstrip > .k-content {
    display: none
}

    .k-tabstrip > .k-content.km-scroll-wrapper {
        padding: 0
    }

    .k-tabstrip > .k-content > .km-scroll-container {
        padding: .3em .92em
    }

@-webkit-keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

@-moz-keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

@keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

.k-panelbar {
    zoom: 1
}

    .k-panel > .k-item, .k-panelbar > .k-item {
        list-style-type: none;
        display: block;
        border-width: 0;
        margin: 0;
        zoom: 1;
        border-radius: 0
    }

    .k-panelbar .k-image, .k-panelbar .k-sprite {
        float: left;
        margin-top: 4px;
        margin-right: 5px;
        vertical-align: middle
    }

    .k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
        display: block;
        position: relative;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 0 1em;
        line-height: 2.34em;
        text-decoration: none;
        zoom: 1
    }

.k-panelbar-collapse, .k-panelbar-expand {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px
}

.k-panelbar .k-content, .k-panelbar .k-panel {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1
}

.k-panel > .k-item > .k-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2
}

.k-panel .k-panel > .k-item > .k-link {
    padding-left: 2em
}

.k-panelbar .k-i-arrow-end-right .k-link {
    border-bottom: 0
}

.k-panel .k-panel {
    border-bottom: 0
}

.k-menu {
    cursor: default
}

    .k-menu, .k-menu .k-menu-group {
        list-style: none;
        margin: 0;
        padding: 0;
        zoom: 1
    }

        .k-menu:after {
            content: '';
            display: block;
            width: 99%;
            height: 0;
            float: inherit;
            overflow: hidden
        }

        .k-menu .k-item {
            -webkit-user-select: none;
            -moz-user-select: -moz-none;
            user-select: none
        }

            .k-menu .k-item div {
                -webkit-user-select: default;
                -moz-user-select: default;
                user-select: default
            }

            .k-menu .k-item .k-item, ul.k-menu-vertical > .k-item {
                display: block;
                float: none;
                border-width: 0
            }

.k-ie7 .k-menu .k-item .k-item {
    zoom: normal
}

.k-menu .k-image, .k-menu .k-item > .k-link > .k-icon, .k-menu .k-sprite {
    margin: -2px 4px 0 -4px;
    vertical-align: middle
}

.k-menu .k-item > .k-link > .k-icon {
    margin: -2px 0 0
}

.k-ie7 .k-menu .k-image, .k-ie7 .k-menu .k-item > .k-link > .k-i-arrow-s, .k-ie7 .k-menu .k-sprite {
    margin-top: 0
}

.k-menu .k-item > .k-link {
    display: block;
    padding: 1.2em 1.2em 1.1em;
    line-height: 1.34em;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.k-menu .k-menu-group {
    display: none;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    white-space: nowrap
}

    .k-menu .k-menu-group > .k-item {
        display: block;
        border-width: 0
    }

.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
    zoom: 1;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
    padding: .28em 1.8em .38em .9em
}

.k-context-menu.k-menu-horizontal > .k-separator {
    display: none
}

.k-context-menu.k-menu-horizontal > .k-item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.k-context-menu.k-menu-horizontal > .k-last {
    border: 0
}

.k-ie7 .k-menu .k-menu-group .k-link {
    width: 100%
}

.k-menu .k-item > .k-link > .k-i-arrow-s {
    margin-right: -8px
}

.k-menu .k-item > .k-link > .k-i-arrow-60-right {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px;
    right: .2rem
}

.k-menu .k-animation-container {
    border: 0
}

.k-menu .k-animation-container, .k-menu .k-menu-group {
    position: absolute;
    left: 0
}

    .k-menu .k-animation-container .k-animation-container, .k-menu .k-menu-group .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group {
        top: 0;
        left: 0
    }

    .k-menu .k-animation-container .k-menu-group {
        top: auto;
        left: auto;
        margin-left: -1px
    }

.k-menu .k-animation-container, .k-popup .k-animation-container {
    margin-top: -1px;
    padding-left: 1px
}

.k-ie .k-menu .k-animation-container, .k-ie .k-popup .k-animation-container {
    margin-top: -2px
}

.k-popup .k-animation-container .k-popup {
    margin-left: -1px
}

ul.k-menu .k-separator {
    padding: .25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0
}

.k-menu .k-menu-group .k-separator, ul.k-menu-vertical .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0
}

.k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none
}

.k-calendar {
    position: relative;
    display: inline-block;
    width: 16.917em;
    overflow: hidden
}

    .k-calendar .k-link, .k-calendar td {
        text-decoration: none
    }

    .k-calendar .k-action-link {
        text-decoration: underline
    }

    .k-calendar td.k-state-selected {
        color: #456296;
        background-color: #d0f2ff;
        border-color: #d8e2f5;
    }

    .k-calendar .k-footer, .k-calendar .k-header {
        position: relative;
        text-align: center;
        zoom: 1
    }

.k-widget.k-calendar .k-nav-next, .k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .16666em;
    line-height: 1.8333em;
    height: 1.8333em
}

.k-widget.k-calendar .k-nav-prev {
    left: 1%
}

.k-widget.k-calendar .k-nav-next {
    right: 1%
}

.k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 14.167em;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    text-align: right;
    outline: 0
}

.k-calendar .k-animation-container .k-content {
    height: 100%
}

.k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75%;
    height: 1.8333em;
    line-height: 1.8333em;
    margin: .16666em -.08333em .3333em 0
}

.k-calendar .k-header .k-icon {
    vertical-align: middle
}

.k-calendar .k-header .k-link.k-nav-next, .k-calendar .k-header .k-link.k-nav-prev {
    height: 1.8333em;
    width: 1.8333em
}

.k-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: 400;
    cursor: default
}

.k-calendar td {
    padding: .08333em;
    cursor: pointer
}

.k-calendar .k-state-focus {
    border-style: dotted;
    border-width: .08333em;
    padding: 0
}

.k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    min-height: 1.8333em;
    line-height: 1.8333em;
    padding: 0 .45em 0 .1em
}

.k-calendar .k-meta-view .k-link {
    padding: .25em 0 .3em;
    text-align: center
}

.k-calendar .k-footer {
    clear: both
}

    .k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled {
        display: block;
        height: 100%;
        padding: .5em 0
    }

.k-calendar .k-nav-today:hover {
    text-decoration: underline
}

.k-toolbar .k-split-button, span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-numerictextbox, span.k-timepicker {
    background-image: none
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    position: relative;
    display: inline-block;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle
}

.k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdown, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker {
    width: 13.2em
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-timepicker, .k-toolbar .k-split-button {
    white-space: nowrap
}

.k-colorpicker, .k-toolbar .k-split-button {
    width: auto
}

.k-datetimepicker {
    width: 15em
}

.k-autocomplete, .k-numeric-wrap, .k-picker-wrap {
    position: relative;
    cursor: default
}

.k-dropdown-wrap {
    position: relative
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    display: block
}

.k-block, .k-content, .k-grid, .k-header-column-menu, .k-panelbar, .k-slider, .k-splitter, .k-treeview, .k-widget {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.k-block, .k-calendar, .k-grid-header .k-link, .k-header-column-menu, .k-pager-wrap, .k-slider, .k-splitbar, .k-treeview {
    -webkit-touch-callout: none
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    padding: 2px;
    border-width: 1px;
    border-style: solid
}

.k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-list-container.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down {
    border-bottom-width: 0;
    padding-bottom: 1px
}

.k-list-container .km-scroll-container {
    padding-bottom: 6px
}

.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {
    border-width: 1px;
    border-style: solid;
    padding: 0 1.9em 0 0
}

    .k-numeric-wrap.k-expand-padding {
        padding-right: 0
    }

.k-autocomplete, .k-textbox {
    padding: 0
}

    .k-textbox.k-space-left {
        padding-left: 1.9em
    }

    .k-textbox.k-space-right {
        padding-right: 1.9em
    }

    .k-textbox .k-icon {
        top: 50%;
        margin: -8px 0 0;
        position: absolute
    }

.k-space-left .k-icon {
    left: 3px
}

.k-space-right .k-icon {
    right: 3px
}

.k-autocomplete, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover {
    -webkit-transition: box-shadow .15s ease-out;
    -moz-transition: box-shadow .15s ease-out;
    -o-transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    -webkit-transition: "box-shadow .15s ease-out";
    -moz-transition: "box-shadow .15s ease-out";
    -ms-transition: "box-shadow .15s ease-out";
    -o-transition: "box-shadow .15s ease-out";
    transition: "box-shadow .15s ease-out"
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-textbox > input {
    width: 100%;
    vertical-align: top
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input {
    font-family: inherit;
    border-width: 0;
    outline: 0
}

.k-dropdown .k-input, .k-selectbox .k-input {
    background: 0 0
}

.k-ie7 .k-combobox .k-input, .k-ie7 .k-numeric-wrap .k-input, .k-ie7 .k-picker-wrap .k-input {
    margin: -1px 0
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.k-combobox .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: inherit
}

span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select {
    right: 0
}

.k-autocomplete .k-input, .k-textbox > input {
    display: block
}

.k-dropdown .k-select, .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit
}

.k-dropdown .k-input, .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    height: 1.62em;
    line-height: 1.62em;
    padding: .177em 0;
    text-indent: .6em;
    border: 0;
    margin: 0
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-numeric-wrap:before, .k-webkit .k-picker-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 1.62em;
    padding-bottom: .4em
}

.km.root .k-combobox .k-dropdown-wrap:before, .km.root .k-numeric-wrap:before, .km.root .k-picker-wrap:before {
    content: none
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    display: inline
}

.k-ie7 .k-autocomplete .k-input, .k-ie7 .k-dropdown-wrap .k-input, .k-ie7 .k-numeric-wrap .k-input, .k-ie7 .k-picker-wrap .k-input, .k-ie7 .k-selectbox .k-input {
    text-indent: 0
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    min-height: 1.62em;
    line-height: 1.97em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 1.9em;
    height: 100%
}

.k-numeric-wrap .k-select {
    padding: 0
}

body .k-datetimepicker .k-select {
    border-radius: 0
}

.k-ie7 .k-dropdown-wrap .k-icon, .k-ie7 .k-picker-wrap .k-icon {
    line-height: 2em;
    font-size: 1em;
    padding-top: 16px;
    height: 0
}

.k-combobox .k-icon, .k-dropdown, .k-selectbox .k-icon {
    cursor: pointer
}

.k-popup {
    border-style: solid;
    border-width: 1px
}

    .k-popup .k-item {
        cursor: default
    }

    .k-popup .k-calendar {
        border: 0
    }

.k-list {
    height: 100%
}

.k-fieldselector .k-list .k-item, .k-popup .k-list .k-item {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em
}

.k-overflow-container .k-item {
    padding: 1px
}

.k-overflow-container .k-button.k-state-disabled, .k-overflow-container .k-button.k-state-disabled:hover, .k-overflow-container > .k-state-disabled .k-button {
    border: 0;
    background: 0 0
}

.k-fieldselector .k-list .k-item, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-selected, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid
}

.k-list-filter {
    position: relative
}

    .k-list-filter > .k-textbox {
        padding-right: 20px;
        width: 100%
    }

    .k-list-filter > .k-icon {
        position: absolute;
        right: 4px;
        top: 3px
    }

.k-multiselect-wrap {
    position: relative;
    border-width: 0;
    border-style: solid;
    border-radius: 4px;
    border-color: #c5c5c5;
    background-color: #fff;
    min-height: 2.04em
}

    .k-multiselect-wrap .k-input {
        background-color: transparent;
        height: 1.31em;
        line-height: 1.31em;
        padding: .18em 0;
        text-indent: .6em;
        border: 0;
        margin: 1px 0 0;
        float: left
    }

    .k-multiselect-wrap li {
        margin: 1px 0 1px 1px;
        padding: .1em .15em .1em .4em;
        line-height: 1.47em;
        float: left
    }

.k-autocomplete .k-loading, .k-multiselect .k-loading {
    position: absolute;
    right: 3px;
    bottom: 4px
}

.k-multiselect .k-loading-hidden {
    visibility: hidden
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 3.8em
}

.k-datetimepicker .k-select {
    width: 3.8em
}

.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 2px
}

.k-picker-wrap .k-icon {
    cursor: pointer
}

.k-button, .k-datepicker, .k-datetimepicker, .k-textbox, .k-timepicker {
    display: inline-block;
    vertical-align: middle
}

.k-picker-wrap .k-input {
    margin: 0
}

.k-time-popup .k-item {
    padding: 1px 3px
}

.k-input {
    padding: .25em 0
}

.k-input, .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.k-textbox {
    outline: 0;
    padding: 2px .3em;
    line-height: 1.6em
}

input.k-textbox {
    height: 2.1em;
    text-indent: .6em
}

.k-ie input.k-textbox {
    text-indent: .3em
}

.k-ff input.k-textbox {
    height: 2.17em
}

.k-ie7 input.k-textbox {
    line-height: 1.72em;
    height: 1.72em;
    text-indent: .6em
}

textarea.k-textbox {
    height: auto
}

.k-ie7 .k-textbox {
    padding: 1px 0;
    text-indent: 0
}

span.k-numerictextbox {
    background-color: transparent
}

.k-numerictextbox .k-input {
    margin: 0
}

.k-numerictextbox .k-link {
    display: block;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    border-width: 0;
    padding: 0
}

.k-numerictextbox .k-icon {
    height: 11px
}

.k-numeric-wrap .k-input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.k-colorpicker .k-picker-wrap {
    line-height: 2em
}

.k-colorpicker .k-selected-color {
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    height: 2em;
    width: 2em
}

.k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    font-size: 0;
    line-height: 0;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -ms-high-contrast-adjust: none
}

    .k-colorpicker .k-tool-icon .k-selected-color {
        display: block;
        height: 3px;
        width: 16px;
        position: absolute;
        left: 3px;
        bottom: -3px;
        border-radius: 0 !important
    }

.k-colorpicker .k-icon {
    cursor: pointer
}

.k-disabled-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5
}

.k-colorpalette {
    position: relative;
    line-height: 0;
    border-width: 0;
    display: inline-block
}

    .k-colorpalette .k-palette {
        border-collapse: collapse;
        position: relative;
        width: 100%;
        height: 100%
    }

    .k-colorpalette .k-item {
        width: 14px;
        height: 14px;
        overflow: hidden;
        -ms-high-contrast-adjust: none
    }

        .k-colorpalette .k-item.k-state-selected {
            z-index: 100;
            background: 0 0;
            box-shadow: 0 1px 4px #000,inset 0 0 3px #fff;
            position: relative
        }

.k-flatcolorpicker {
    position: relative;
    display: inline-block;
    width: 250px;
    padding-bottom: 5px
}

div.k-flatcolorpicker {
    background-color: transparent;
    background-image: none
}

.k-flatcolorpicker .k-selected-color {
    background-image: url(textures/transtexture.png);
    background-position: 50% 50%;
    text-align: right
}

    .k-flatcolorpicker .k-selected-color input.k-color-value {
        font-family: Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;
        padding: .75em .3em .65em 1em;
        border: 0;
        margin: 0;
        width: 70%
    }

.k-flatcolorpicker .k-hsv-rectangle {
    position: relative;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pinch-zoom double-tap-zoom
}

    .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
        cursor: pointer;
        position: absolute;
        z-index: 10;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        border: 1px solid #eee;
        margin-left: -5px;
        margin-top: -5px;
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 2px #444;
        box-shadow: 0 1px 2px #444;
        background: 0 0
    }

        .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {
            background: 0 0;
            border-color: #fff;
            -webkit-box-shadow: 0 1px 5px #000;
            box-shadow: 0 1px 5px #000
        }

    .k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
        cursor: none
    }

.k-flatcolorpicker .k-slider-horizontal {
    height: 20px;
    width: 90%;
    margin: 0 5%
}

    .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
        -webkit-box-shadow: 0 1px 0 #fff,0 -1px 0 #999;
        box-shadow: 0 1px 0 #fff,0 -1px 0 #999
    }

.k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider {
    display: block
}

    .k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
        background: 0 0
    }

    .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {
        background: 0 0;
        border: 3px solid #eee;
        margin-top: 1px;
        height: 8px;
        width: 8px;
        -webkit-box-shadow: 0 1px 4px #444;
        box-shadow: 0 1px 4px #444
    }

        .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
            background: 0 0;
            border-color: #fff;
            -webkit-box-shadow: 0 1px 5px #000;
            box-shadow: 0 1px 5px #000;
            border-width: 2px;
            padding: 1px
        }

    .k-flatcolorpicker .k-hue-slider .k-slider-track {
        background: -moz-linear-gradient(left,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),color-stop(100%,#ff0004));
        background: -webkit-linear-gradient(left,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -o-linear-gradient(left,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -ms-linear-gradient(left,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: linear-gradient(left,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)
    }

    .k-flatcolorpicker .k-transparency-slider .k-slider-track {
        background-image: url(textures/transparency.png);
        background-size: 100% auto;
        background-position: 100% 50%;
        background-repeat: no-repeat
    }

.k-flatcolorpicker .k-controls {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 90%
}

    .k-flatcolorpicker .k-controls .k-button {
        width: 6em
    }

.k-flatcolorpicker .k-hsv-gradient {
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,#000)),-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    height: 180px;
    margin-bottom: 5px
}

.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.k-ie7 .k-flatcolorpicker .k-hue-slider .k-slider-track, .k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(textures/hue.png) repeat 0 50%
}

.k-ie7 .k-flatcolorpicker .k-transparency-slider .k-slider-track, .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url(textures/transparency.png) repeat 0 50%
}

.k-notification-wrap {
    padding: .6em .5em;
    cursor: default;
    position: relative;
    white-space: nowrap
}

.k-notification-button .k-notification-wrap {
    padding-right: 20px
}

.k-notification-wrap > .k-i-note {
    vertical-align: text-bottom;
    margin-right: 4px
}

.k-notification-wrap > .k-i-close {
    position: absolute;
    top: 7px;
    right: 4px;
    display: none
}

.k-notification-button .k-notification-wrap > .k-i-close {
    display: block
}

.k-progressbar {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.k-progressbar {
    border-radius: 4px
}

.k-progressbar-horizontal {
    width: 27em;
    height: 1.9em
}

.k-progressbar-vertical {
    width: 1.9em;
    height: 27em
}

.k-progressbar > .k-state-selected {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    overflow: hidden
}

.k-progressbar-horizontal > .k-state-selected, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
    left: -1px;
    right: auto;
    top: -1px;
    height: 100%;
    border-radius: 4px 0 0 4px
}

.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, .k-rtl .k-progressbar-horizontal > .k-state-selected {
    left: auto;
    right: -1px;
    border-radius: 0 4px 4px 0
}

.k-progressbar-vertical > .k-state-selected {
    left: -1px;
    bottom: -1px;
    width: 100%;
    border-radius: 0 0 4px 4px
}

.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
    bottom: auto;
    top: -1px;
    border-radius: 4px 4px 0 0
}

.k-progressbar > .k-state-selected.k-complete, .k-rtl .k-progressbar > .k-state-selected.k-complete {
    border-radius: 4px
}

.k-progressbar > .k-reset {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    white-space: nowrap
}

.k-progressbar-horizontal .k-item {
    display: inline-block;
    height: 100%;
    border-style: solid;
    margin-left: -1px
}

    .k-progressbar-horizontal .k-item.k-first {
        margin-left: 0
    }

    .k-progressbar-horizontal .k-item.k-last {
        border-right-width: 0
    }

.k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px 1px 1px 0
}

.k-progressbar-horizontal.k-progressbar-reverse .k-item, .k-rtl .k-progressbar-horizontal .k-item {
    border-width: 1px 0 1px 1px
}

.k-progressbar-horizontal .k-first, .k-rtl .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
    border-radius: 4px 0 0 4px;
    border-left-width: 1px
}

.k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-radius: 0 4px 4px 0
}

.k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-right-width: 1px
}

.k-progressbar-vertical .k-item {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    margin-top: -1px
}

    .k-progressbar-vertical .k-item.k-first {
        margin-top: 0
    }

.k-progressbar-vertical li.k-item.k-last {
    border-bottom-width: 0
}

.k-progressbar-vertical .k-first {
    border-radius: 4px 4px 0 0
}

.k-progressbar-vertical .k-last {
    border-radius: 0 0 4px 4px;
    border-bottom-width: 1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-item {
    border-width: 0 1px 1px 1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-first {
    border-top-width: 1px
}

.k-progress-status-wrap {
    position: absolute;
    top: -1px;
    border: 1px solid transparent;
    line-height: 2em;
    width: 100%;
    height: 100%
}

.k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
    left: -1px;
    right: auto;
    text-align: right
}

.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
    left: auto;
    right: -1px;
    text-align: left
}

.k-progressbar-vertical .k-progress-status-wrap {
    top: auto;
    bottom: -1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
    bottom: auto;
    top: -1px
}

.k-progress-status {
    display: inline-block;
    padding: 0 .5em;
    min-width: 10px;
    white-space: nowrap
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    position: absolute;
    bottom: 0;
    left: 0
}

.k-progressbar-vertical .k-progress-status {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -moz-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    -o-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    -webkit-transform: rotate(90deg) translateX(-100%);
    -moz-transform: rotate(90deg) translateX(-100%);
    -ms-transform: rotate(90deg) translateX(-100%);
    -o-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.k-ie7 .k-progressbar-vertical .k-progress-status {
    writing-mode: tb-rl;
    padding: .5em 0
}

.k-ie8 .k-progressbar-vertical .k-progress-status {
    writing-mode: bt-lr;
    padding: .5em 0
}

div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.k-slider-vertical {
    width: 26px;
    height: 200px
}

.k-slider-horizontal {
    display: inline-block;
    width: 200px;
    height: 26px
}

.k-slider-wrap {
    width: 100%;
    height: 100%
}

.k-grid .k-slider .k-button, .k-slider .k-button {
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: 0
}

    .k-slider .k-button .k-icon {
        margin-top: 3px;
        vertical-align: top
    }

.k-state-disabled .k-slider-wrap {
    opacity: .6
}

    .k-state-disabled .k-slider-wrap .k-slider-items {
        color: #333
    }

.k-slider .k-button-decrease {
    left: 0
}

.k-grid .k-slider-vertical .k-button-decrease, .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0
}

.k-slider .k-button-increase {
    right: 0
}

.k-slider .k-icon, .k-slider .k-tick, .k-slider-track {
    cursor: pointer
}

.k-ie7 .k-slider .k-icon {
    margin-top: 2px
}

.k-slider-selection, .k-slider-track {
    position: absolute;
    margin: 0;
    padding: 0
}

.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x
}

.k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 34px
}

.k-slider-vertical .k-slider-selection, .k-slider-vertical .k-slider-track {
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y
}

.k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 34px
}

.k-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    outline: 0
}

.k-slider-horizontal .k-draghandle {
    top: -4px;
    width: 13px;
    height: 14px
}

.k-slider-vertical .k-draghandle {
    left: -4px;
    width: 14px;
    height: 13px
}

.k-slider-buttons .k-slider-items {
    margin-left: 34px
}

.k-slider-horizontal .k-slider-items {
    height: 100%
}

.k-slider-vertical .k-slider-items {
    padding-top: 1px
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    padding-top: 0
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    margin: 0;
    padding-top: 35px
}

.k-slider .k-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

.k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center
}

.k-ie7 .k-slider-vertical .k-tick {
    float: left;
    clear: left;
    width: 100%
}

.k-slider-horizontal .k-tick {
    background-position: center -92px
}

.k-slider-horizontal .k-slider-topleft .k-tick {
    background-position: center -122px
}

.k-slider-horizontal .k-slider-bottomright .k-tick {
    background-position: center -152px
}

.k-slider-horizontal .k-tick-large {
    background-position: center -2px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large {
    background-position: center -32px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large {
    background-position: center -62px
}

.k-slider-vertical .k-tick {
    background-position: -92px center
}

.k-slider-vertical .k-slider-topleft .k-tick {
    background-position: -122px center
}

.k-slider-vertical .k-slider-bottomright .k-tick {
    background-position: -152px center
}

.k-slider-vertical .k-tick-large {
    background-position: -2px center
}

.k-slider-vertical .k-slider-topleft .k-tick-large {
    background-position: -32px center
}

.k-slider-vertical .k-slider-bottomright .k-tick-large {
    background-position: -62px center
}

.k-slider-horizontal .k-first {
    background-position: 0 -92px
}

.k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px
}

.k-slider-horizontal .k-slider-topleft .k-first {
    background-position: 0 -122px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
    background-position: 0 -32px
}

.k-slider-horizontal .k-slider-bottomright .k-first {
    background-position: 0 -152px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
    background-position: 0 -62px
}

.k-slider-horizontal .k-last {
    background-position: 100% -92px
}

.k-slider-horizontal .k-tick-large.k-last {
    background-position: 100% -2px
}

.k-slider-horizontal .k-slider-topleft .k-last {
    background-position: 100% -122px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
    background-position: 100% -32px
}

.k-slider-horizontal .k-slider-bottomright .k-last {
    background-position: 100% -152px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
    background-position: 100% -62px
}

.k-slider-vertical .k-first {
    background-position: -92px 100%
}

.k-slider-vertical .k-tick-large.k-first {
    background-position: -2px 100%
}

.k-slider-vertical .k-slider-topleft .k-first {
    background-position: -122px 100%
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
    background-position: -32px 100%
}

.k-slider-vertical .k-slider-bottomright .k-first {
    background-position: -152px 100%
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
    background-position: -62px 100%
}

.k-slider-vertical .k-last {
    background-position: -92px 0
}

.k-slider-vertical .k-tick-large.k-last {
    background-position: -2px 0
}

.k-slider-vertical .k-slider-topleft .k-last {
    background-position: -122px 0
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
    background-position: -32px 0
}

.k-slider-vertical .k-slider-bottomright .k-last {
    background-position: -152px 0
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
    background-position: -62px 0
}

.k-slider-vertical .k-tick {
    text-align: right
}

.k-slider-vertical .k-slider-topleft .k-tick {
    text-align: left
}

.k-slider .k-label {
    position: absolute;
    white-space: nowrap;
    font-size: .92em
}

.k-slider-horizontal .k-label {
    left: 0;
    width: 100%;
    line-height: 1
}

.k-slider-horizontal .k-first .k-label {
    left: -50%
}

.k-slider-horizontal .k-last .k-label {
    left: auto;
    right: -50%
}

.k-slider-horizontal .k-label {
    bottom: -1.2em
}

.k-slider-horizontal .k-slider-topleft .k-label {
    top: -1.2em
}

.k-slider-vertical .k-label {
    left: 120%;
    display: block;
    text-align: left
}

.k-slider-vertical .k-last .k-label {
    top: -.5em
}

.k-slider-vertical .k-first .k-label {
    bottom: -.5em
}

.k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%
}

.k-slider-tooltip {
    top: -4444px
}

.k-tooltip {
    position: absolute;
    z-index: 12000;
    border-style: solid;
    border-width: 1px;
    padding: 4px 5px 4px 6px;
    background-repeat: repeat-x;
    min-width: 20px;
    text-align: center
}

.k-tooltip-button {
    text-align: right;
    height: 0
}

.k-tooltip-content {
    height: 100%
}

.k-tooltip-closable .k-tooltip-content {
    padding-right: 20px
}

span.k-tooltip {
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px
}

.k-invalid-msg {
    display: none
}

.k-callout {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent
}

.k-callout-n {
    top: -13px;
    left: 50%
}

.k-callout-w {
    top: 50%;
    left: -13px
}

.k-callout-s {
    left: 50%;
    bottom: -13px
}

.k-callout-e {
    top: 50%;
    right: -13px
}

.k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s {
    margin-left: -6px
}

.k-slider-tooltip .k-callout-e, .k-slider-tooltip .k-callout-w {
    margin-top: -6px
}

.k-tooltip-validation .k-warning {
    vertical-align: text-top;
    margin-right: 3px
}

.k-tooltip-validation {
    z-index: 9999
}

.k-toolbar {
    position: relative;
    display: block;
    vertical-align: middle;
    line-height: 2.9em
}

    .k-overflow-container .k-button .k-icon, .k-overflow-container .k-button .k-sprite, .k-toolbar .k-button .k-icon, .k-toolbar .k-button .k-sprite {
        vertical-align: middle;
        margin-top: -7px;
        margin-bottom: -5px
    }

    .k-toolbar .k-input {
        line-height: inherit;
        height: inherit;
        padding-top: 2px;
        padding-bottom: 2px
    }

        .k-toolbar .k-input:before {
            content: "\a0";
            display: inline-block;
            width: 0
        }

.k-ie .k-toolbar .k-input {
    height: 1.65em
}

.k-toolbar .k-combobox .k-dropdown-wrap:before, .k-toolbar .k-numeric-wrap:before, .k-toolbar .k-picker-wrap:before {
    display: none
}

.k-overflow-container .k-sprite {
    margin-left: -4px
}

.k-toolbar-resizable {
    overflow: hidden;
    white-space: nowrap
}

.k-toolbar > .k-align-left {
    float: none
}

.k-toolbar > .k-align-right {
    float: right
}

.k-toolbar .k-button, .k-toolbar > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.72em
}

.k-toolbar .k-separator {
    border-width: 0 0 0 1px;
    border-style: solid;
    width: 1px;
    line-height: inherit
}

.k-toolbar .k-button-group {
    list-style-type: none
}

    .k-toolbar .k-button-group > li {
        display: inline-block
    }

    .k-toolbar .k-button-group .k-button {
        margin: 0 0 0 -1px;
        border-radius: 0
    }

.k-toolbar .k-button, .k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-textbox, .k-toolbar .k-widget, .k-toolbar label {
    margin: 0 .2em;
    line-height: 1.72em;
    vertical-align: middle
}

.k-toolbar .k-split-button {
    padding-left: 0
}

    .k-toolbar .k-button-group .k-group-start, .k-toolbar .k-split-button .k-button {
        margin: 0
    }

    .k-toolbar .k-split-button .k-split-button-arrow {
        margin: 0 0 0 -1px
    }

.k-toolbar .k-overflow-anchor {
    border-width: 0 0 0 1px;
    border-style: solid;
    height: 3em;
    width: 3em;
    line-height: inherit;
    padding: 0 .5em;
    margin: 0;
    position: relative;
    float: right;
    border-radius: 0
}

.k-overflow-container .k-item {
    float: none;
    border: 0
}

.k-overflow-container .k-separator {
    border-width: 0 0 1px;
    border-style: solid;
    height: 1px;
    line-height: 0;
    font-size: 0;
    padding: 0
}

.k-overflow-container .k-overflow-button, .k-split-container .k-button {
    text-align: left;
    display: block;
    background: 0 0;
    border-color: transparent;
    white-space: nowrap
}

.k-split-container {
    margin-top: -1px
}

.k-overflow-container .k-button-group {
    padding: 0
}

    .k-overflow-container .k-button-group > li {
        display: block
    }

.k-overflow-container .k-overflow-group {
    border-width: 1px 0;
    border-style: solid;
    border-radius: 0;
    padding: 2px 0;
    margin: 1px 0
}

.k-overflow-container .k-overflow-hidden {
    display: none
}

.k-overflow-container .k-overflow-group + .k-overflow-group, .k-overflow-container .k-separator + .k-overflow-group, .k-overflow-container .k-toolbar-first-visible {
    border-top: 0;
    margin-top: 0;
    padding-top: 1px
}

.k-overflow-container .k-overflow-group + .k-separator {
    display: none
}

.k-overflow-container .k-toolbar-last-visible {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1px
}

.k-splitter {
    position: relative;
    height: 300px
}

.k-pane > .k-splitter {
    border-width: 0;
    overflow: hidden
}

.k-splitter .k-pane {
    overflow: hidden
}

.k-splitter .k-scrollable {
    overflow: auto
}

.k-splitter .k-pane-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
}

.k-ghost-splitbar, .k-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0;
    outline: 0;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y
}

.k-ghost-splitbar-vertical, .k-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x
}

.k-splitbar-draggable-horizontal {
    cursor: w-resize
}

.k-splitbar-draggable-vertical {
    cursor: n-resize
}

.k-splitbar .k-resize-handle {
    display: none
}

.k-restricted-size-horizontal, .k-restricted-size-vertical {
    background-color: red
}

.k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 20px;
    margin-top: -10px
}

.k-collapse-next, .k-collapse-prev, .k-expand-next, .k-expand-prev {
    cursor: pointer
}

.k-splitbar-horizontal .k-collapse-prev {
    margin-top: -31px
}

.k-splitbar-horizontal .k-collapse-next {
    margin-top: 11px
}

.k-splitbar-static-horizontal {
    width: 1px
}

.k-splitbar-static-vertical {
    height: 1px
}

.k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%;
    width: 20px;
    height: 5px;
    margin-left: -10px
}

.k-splitbar-vertical .k-collapse-prev {
    margin-left: -31px
}

.k-splitbar-vertical .k-collapse-next {
    margin-left: 11px
}

.k-splitbar-draggable-horizontal .k-resize-handle, .k-splitbar-draggable-vertical .k-resize-handle {
    display: inline-block
}

.k-splitbar-horizontal .k-resize-handle {
    background-position: -165px -6px
}

.k-splitbar-horizontal-hover > .k-resize-handle {
    background-position: -181px -6px
}

.k-splitbar-horizontal .k-collapse-prev, .k-splitbar-horizontal .k-expand-next {
    background-position: -6px -174px
}

.k-splitbar-horizontal-hover > .k-collapse-prev, .k-splitbar-horizontal-hover > .k-expand-next {
    background-position: -22px -174px
}

.k-splitbar-horizontal .k-collapse-next, .k-splitbar-horizontal .k-expand-prev {
    background-position: -5px -142px
}

.k-splitbar-horizontal-hover > .k-collapse-next, .k-splitbar-horizontal-hover > .k-expand-prev {
    background-position: -21px -142px
}

.k-splitbar-vertical .k-resize-handle {
    background-position: -38px -309px
}

.k-splitbar-vertical-hover > .k-resize-handle {
    background-position: -70px -309px
}

.k-splitbar-vertical .k-collapse-prev, .k-splitbar-vertical .k-expand-next {
    background-position: 2px -134px
}

.k-splitbar-vertical-hover > .k-collapse-prev, .k-splitbar-vertical-hover > .k-expand-next {
    background-position: -14px -134px
}

.k-splitbar-vertical .k-collapse-next, .k-splitbar-vertical .k-expand-prev {
    background-position: 2px -165px
}

.k-splitbar-vertical-hover > .k-collapse-next, .k-splitbar-vertical-hover > .k-expand-prev {
    background-position: -14px -165px
}

.k-ie7 .k-button, .k-ie7 .k-calendar, .k-ie7 .k-calendar .k-nav-fast, .k-ie7 .k-colorpicker, .k-ie7 .k-colorpicker .k-tool-icon, .k-ie7 .k-combobox, .k-ie7 .k-datepicker, .k-ie7 .k-datetimepicker, .k-ie7 .k-dropdown, .k-ie7 .k-dropdown-wrap .k-select, .k-ie7 .k-edit-field, .k-ie7 .k-edit-form-container .editor-field, .k-ie7 .k-edit-form-container .editor-label, .k-ie7 .k-edit-label, .k-ie7 .k-editor-dialog .k-button, .k-ie7 .k-event:hover .k-event-delete, .k-ie7 .k-form-text-row label, .k-ie7 .k-gantt-layout, .k-ie7 .k-gantt-toolbar .k-link, .k-ie7 .k-gantt-toolbar > ul > li, .k-ie7 .k-grid .k-pager-numbers, .k-ie7 .k-grid .k-status-text, .k-ie7 .k-grid-actions, .k-ie7 .k-grid-content-locked, .k-ie7 .k-grid-content-locked + .k-grid-content, .k-ie7 .k-grid-filter, .k-ie7 .k-grid-footer-locked, .k-ie7 .k-grid-header-locked, .k-ie7 .k-grid-header-locked + .k-grid-header-wrap, .k-ie7 .k-grouping-header .k-button, .k-ie7 .k-grouping-header .k-group-indicator, .k-ie7 .k-grouping-header .k-link, .k-ie7 .k-grouping-header a, .k-ie7 .k-grouping-row p, .k-ie7 .k-header-column-menu, .k-ie7 .k-numerictextbox, .k-ie7 .k-pager-numbers .k-link, .k-ie7 .k-pager-numbers input, .k-ie7 .k-pager-numbers span, .k-ie7 .k-palette.k-reset, .k-ie7 .k-picker-wrap .k-select, .k-ie7 .k-progress-status, .k-ie7 .k-progressbar, .k-ie7 .k-progressbar-horizontal .k-item, .k-ie7 .k-scheduler-footer > ul > li, .k-ie7 .k-scheduler-toolbar > ul > li, .k-ie7 .k-selectbox, .k-ie7 .k-slider-horizontal, .k-ie7 .k-splitbar-draggable-horizontal .k-resize-handle, .k-ie7 .k-splitbar-draggable-vertical .k-resize-handle, .k-ie7 .k-tabstrip-items .k-item, .k-ie7 .k-tabstrip-items .k-link, .k-ie7 .k-task-actions:first-child > .k-link, .k-ie7 .k-task-summary, .k-ie7 .k-task-wrap-active .k-task-delete, .k-ie7 .k-task-wrap:hover .k-task-delete, .k-ie7 .k-timepicker, .k-ie7 .k-treeview .k-icon, .k-ie7 .k-treeview .k-image, .k-ie7 .k-treeview .k-in, .k-ie7 .k-treeview .k-sprite, .k-ie7 .k-window-titlebar .k-window-action, .k-ie7 .t-filename, .k-ie7 div.k-window, .k-ie7 tr:hover > td > .k-task .k-event-delete {
    display: inline;
    zoom: 1
}

.k-ie7 .k-treeview .k-group, .k-ie7 .k-treeview .k-item {
    zoom: 1
}

.k-ie7 .k-edit-field > .k-textbox {
    text-indent: 0
}

.k-fx-end .k-fx-current, .k-fx-end .k-fx-next {
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    transition: all 350ms ease-out
}

.k-fx {
    position: relative
}

    .k-fx .k-fx-current {
        z-index: 0
    }

    .k-fx .k-fx-next {
        z-index: 1
    }

.k-fx-hidden, .k-fx-hidden * {
    visibility: hidden !important
}

.k-fx-reverse .k-fx-current {
    z-index: 1
}

.k-fx-reverse .k-fx-next {
    z-index: 0
}

.k-fx-zoom.k-fx-start .k-fx-next {
    -webkit-transform: scale(0) !important;
    -moz-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    -o-transform: scale(0) !important;
    transform: scale(0) !important
}

.k-fx-zoom.k-fx-end .k-fx-next {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important
}

.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important
}

.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important
}

.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: scale(0) !important;
    -moz-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    -o-transform: scale(0) !important;
    transform: scale(0) !important
}

.k-fx-fade.k-fx-start .k-fx-next {
    will-change: opacity;
    opacity: 0
}

.k-fx-fade.k-fx-end .k-fx-next {
    opacity: 1
}

.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: opacity;
    opacity: 1
}

.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
    opacity: 0
}

.k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    transition: all 350ms ease-out
}

.k-fx-slide.k-fx-start .k-fx-next .km-content {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header {
    will-change: opacity;
    opacity: 0
}

.k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    will-change: transform;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
    will-change: opacity;
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
    opacity: 0
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
    -webkit-transform: translatey(100%);
    -moz-transform: translatey(100%);
    -ms-transform: translatey(100%);
    -o-transform: translatey(100%);
    transform: translatey(100%)
}

.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
    -webkit-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    -o-transform: translatey(-100%);
    transform: translatey(-100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
    -webkit-transform: translatey(100%);
    -moz-transform: translatey(100%);
    -ms-transform: translatey(100%);
    -o-transform: translatey(100%);
    transform: translatey(100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
    -webkit-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    -o-transform: translatey(-100%);
    transform: translatey(-100%)
}

.k-autocomplete.is-inline, .k-colorpicker.is-inline, .k-combobox.is-inline, .k-datepicker.is-inline, .k-datetimepicker.is-inline, .k-dropdown.is-inline, .k-numerictextbox.is-inline, .k-selectbox.is-inline, .k-textbox.is-inline, .k-timepicker.is-inline, .k-toolbar .k-split-button.is-inline {
    width: auto
}

.k-window-title {
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    padding-left: 18px;
    font-weight: bold;
    font-size: 18px
}

.k-icon {
    display: inline-block;
    background: 0 0 !important
}

.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {
    text-align: left
}

.k-window {
    border: none;
    max-width: 95%;
    max-height: calc(90% - 2em)
}

    .k-window .k-window-action {
        top: 0;
        right: 0;
        padding: 17px 25px;
        color: #7189b6;
        opacity: 1
    }

        .k-window .k-window-action.k-state-hover, .k-window .k-window-action.k-state-hover:hover {
            color: #456296;
            background-color: transparent;
            border: none
        }

        .k-window .k-window-action .k-icon:before {
            font-weight: 400
        }

    .k-window .k-window-titlebar {
        height: 50px;
        padding: 0;
        box-sizing: border-box
    }

        .k-window .k-window-titlebar .k-window-actions {
            right: 0;
            padding-top: 0
        }

    .k-window .content-box, .k-window .sub-tab {
        border-radius: 0
    }

    .k-window.has-sub-tab .k-window-titlebar {
        border-bottom: 0
    }

div.k-window-content {
    padding: 0
}

@media only screen and (min-width:900px) {
    .k-pager-wrap .k-pager-nav {
        overflow: hidden;
        min-width: 76px;
    }

        .k-pager-wrap .k-pager-nav:before {
            content: attr(title);
            display: inline-block;
            vertical-align: middle;
            line-height: 2.14em;
        }

        .k-pager-wrap .k-pager-nav.k-pager-first {
            margin-left: 8px
        }

        .k-pager-wrap .k-pager-nav .k-i-arrow-60-left {
            float: left;
            margin-right: 4px
        }

        .k-pager-wrap .k-pager-nav .k-i-arrow-60-right {
            float: right;
            margin-left: 4px
        }

        .k-pager-wrap .k-pager-nav .k-i-arrow-end-right, .k-pager-wrap .k-pager-nav .k-i-arrow-end-left {
            display: none
        }
}

html .k-upload {
    position: relative;
    border: 2px dashed #d8e2f5;
    background-color: #fff
}

    html .k-upload .k-dropzone {
        position: relative;
        padding: 6rem .8rem 1.2rem;
        text-align: center
    }

        html .k-upload .k-dropzone:before {
            position: absolute;
            top: 8px;
            left: 50%;
            content: "\f0ee";
            margin-left: -31px;
            font-family: icomoon,icomoon;
            font-size: 62px;
            color: #e6e6e6
        }

        html .k-upload .k-dropzone:after {
            position: absolute;
            top: 65px;
            left: 0;
            right: 0;
            content: "請將檔案拖至此或者";
            font-size: 15px;
            text-align: center;
            color: #ccc
        }

.k-dropzone em {
    display: block !important;
    visibility: visible;
    font-size: 14px;
    font-style: normal
}

.k-in, .k-item, .k-window-action {
    border-color: transparent
}

.k-block, .k-widget {
    background-color: #fff
}

.k-autocomplete, .k-block, .k-button-group .k-tool, .k-calendar th, .k-colorpicker .k-i-arrow-s, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-editable-area, .k-filter-row > th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-input, .k-pager-refresh, .k-pager-wrap, .k-pager-wrap .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar > .k-item > .k-link, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-textbox, .k-textbox > input, .k-tiles, .k-toolbar, .k-tooltip, .k-treemap-tile, .k-upload-files, .k-widget, .k-window-titlebar {
    border-color: #d8e2f5
}

    .k-calendar th, .k-dropzone-hovered, .k-footer-template td, .k-grid-footer, .k-group, .k-group-footer td, .k-grouping-header, .k-pager-wrap, .k-toolbar, .k-widget .k-status, .k-widget.k-popup {
        background-color: #eef2fc
    }

.k-grouping-row td, .k-resize-handle-inner, td.k-group-cell {
    background-color: #fff
}

.k-list-container {
    border-color: #d8e2f5;
    background-color: #fff
}

.k-content, .k-editable-area, .k-panel > li.k-item, .k-panelbar > li.k-item, .k-tiles {
    background-color: #fff
}

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: #fff
}

.k-header.k-alt, .k-pivot-rowheaders .k-alt .k-alt {
    background-color: #ebebeb
}

.k-autocomplete.k-header, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-textbox {
    border-color: #d8e2f5;
    background-color: #eef2fc
}

    .k-autocomplete .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-textbox > input {
        border-color: #d8e2f5
    }

    .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
        background: 0 0
    }

        .k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
            background-color: #fff;
            color: #456296
        }

            .k-input[readonly] {
                background-color: #fff;
                color: #456296
            }

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #456296
}

.k-inverse {
    color: #fff
}

.k-block {
    color: #456296
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #0e86fe
}

.k-panelbar > li > .k-link, .k-tabstrip-items .k-link {
    color: #456296
}

.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: #456296
}

.k-autocomplete, .k-button, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-position: 50% 50%;
    background-color: #fff
}

.k-widget.k-tooltip {
    background-image: none
}

.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #fff
}

.k-column-menu .k-state-active .k-sprite, .k-column-menu .k-state-hover .k-sprite, .k-icon:hover, .k-state-focused .k-icon, .k-state-hover .k-icon, .k-state-selected .k-icon {
    opacity: 1
}

.k-column-menu .k-sprite, .k-icon, .k-state-disabled .k-icon {
    opacity: 1
}

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: 1
}

.k-tool {
    border-color: transparent
}

.k-column-menu .k-sprite, .k-drop-hint, .k-grid-mobile .k-resize-handle-inner:after, .k-grid-mobile .k-resize-handle-inner:before, .k-grouping-dropclue, .k-icon, .k-tool-icon {
    background-image: url(Bootstrap/sprite.png);
    border-color: transparent
}

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url(Bootstrap/sprite.png);
    border-color: transparent
}

.k-loading, .k-state-hover .k-loading {
    background-image: url(../kendo/Bootstrap/loading.gif);
    background-position: 50% 50%
}

.k-loading-image {
    background-image: url(../kendo/Bootstrap/loading-image.gif)
}

.k-loading-color {
    background-color: #fff
}

.k-button {
    color: #456296;
    border-color: #c3d1eb;
    background-color: #f7f9fd
}

.k-draghandle {
    border-color: #fff;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #c4c4c4;
    box-shadow: 0 0 0 1px #c4c4c4
}

    .k-draghandle:hover {
        border-color: #c3d1eb;
        background-color: #eef2fc;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-scheduler {
    color: #456296;
    background-color: #fff
}

.k-scheduler-layout {
    color: #456296
}

.k-scheduler-datecolumn, .k-scheduler-groupcolumn {
    background-color: #fff;
    color: #456296
}

.k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-table td, .k-scheduler-times, .k-scheduler-times th, .k-scheduler-times tr {
    border-color: #ccc
}

.k-nonwork-hour {
    background-color: #eef2fc
}

.k-gantt .k-nonwork-hour {
    background-color: rgba(0,0,0,.02)
}

.k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(0,0,0,.2)
}

.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color: #e9e9e9
}

.k-scheduler-now-arrow {
    border-left-color: #eed3d7
}

.k-scheduler-now-line {
    background-color: #eed3d7
}

.k-event, .k-task-complete {
    border-color: #0187cb;
    background: #0187cb 0 -257px none repeat-x;
    color: #456296
}

.k-event-inverse {
    color: #456296
}

.k-event.k-state-selected {
    background-position: 0 0
}

.k-event .k-resize-handle:after, .k-ie7 .k-event .k-resize-handle, .k-ie7 .k-task-single .k-resize-handle, .k-task-single .k-resize-handle:after {
    background-color: #fff
}

.k-scheduler-marquee:after, .k-scheduler-marquee:before {
    border-color: #d0f2ff
}

.k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel {
    background-color: #fff;
    color: #456296;
    border-color: #d8e2f5
}

.k-panelbar > li > .k-link {
    color: #456296
}

.k-panelbar > .k-item > .k-link {
    border-color: #d8e2f5
}

.k-panel > li.k-item {
    background-color: #fff
}

.k-active-filter, .k-state-active, .k-state-active:hover, .k-tabstrip .k-state-active {
    background-color: #fff;
    border-color: #ccc;
    color: #456296
}

.k-fieldselector .k-list-container {
    background-color: #fff
}

.k-button.k-state-focused, .k-button:focus {
    border-color: #c3d1eb
}

.k-button.k-state-hover, .k-button:hover {
    color: #2a4880;
    border-color: #c3d1eb;
    background-color: #eef2fc
}

.k-button.k-state-active, .k-button:active {
    color: #456296;
    background-color: #ebebeb;
    border-color: #d8e2f5
}

    .k-button.k-state-active:hover, .k-button:active:hover {
        color: #fff;
        border-color: #295f8e;
        background-color: #3276b1
    }

.k-button.k-state-disabled, .k-button.k-state-disabled:active, .k-button.k-state-disabled:hover, .k-button[disabled], .k-state-disabled .k-button, .k-state-disabled .k-button:active, .k-state-disabled .k-button:hover {
    color: #ccc;
    border-color: #d8e2f5;
    background-color: #f7f9fd;
    background-image: none
}

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.2) inset
}

.k-menu .k-state-hover > .k-state-active {
    background-color: transparent
}

.k-state-highlight {
    background: #fff;
    color: #456296
}

.k-grouping-row .k-state-focused, .k-state-focused {
    border-color: #0e86fe
}

.k-calendar .k-link {
    color: #456296
}

.k-calendar .k-footer {
    padding: 0
}

    .k-calendar .k-footer .k-nav-today {
        color: #456296;
        text-decoration: none;
        background-color: #eef2fc
    }

        .k-calendar .k-footer .k-nav-today.k-state-hover, .k-calendar .k-footer .k-nav-today:hover {
            background-color: #eef2fc;
            text-decoration: underline
        }

        .k-calendar .k-footer .k-nav-today:active {
            background-color: #eef2fc
        }

.k-calendar .k-link.k-nav-fast {
    color: #456296
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #eef2fc;
    color: #2a4880
}

.k-calendar .k-link.k-state-hover, .k-window-titlebar .k-link {
    border-radius: 4px
}

.k-calendar .k-footer .k-link {
    border-radius: 0
}

.k-calendar th {
    background-color: #eef2fc
}

.k-calendar-container.k-group {
    border-color: #d8e2f5
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #456296;
    background-color: #d0f2ff;
    border-color: #d8e2f5
}

.k-marquee-text {
    color: #456296
}

.k-button.k-state-focused, .k-grid-header th.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-state-focused, td.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-ie7 .k-button.k-state-focused, .k-ie7 .k-button:focus, .k-ie7 .k-grid-header th.k-state-focused, .k-ie7 .k-listview > .k-state-focused, .k-ie7 .k-menu li.k-state-focused, .k-ie7 .k-panelbar span.k-state-focused, .k-ie7 .k-tool.k-state-hover, .k-ie7 td.k-state-focused, .k-ie8 .k-button.k-state-focused, .k-ie8 .k-button:focus, .k-ie8 .k-grid-header th.k-state-focused, .k-ie8 .k-listview > .k-state-focused, .k-ie8 .k-menu li.k-state-focused, .k-ie8 .k-panelbar span.k-state-focused, .k-ie8 .k-tool.k-state-hover, .k-ie8 td.k-state-focused {
    background-color: #eef2fc
}

.k-list > .k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-panelbar > li.k-state-default > .k-link.k-state-selected, .k-panelbar > li > .k-state-selected, .k-state-selected > .k-link {
    color: #456296
}

.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-recur-view .k-check:active, .k-pager-wrap .k-link:hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-state-hover, .k-state-hover:hover {
    color: #2a4880;
    background-color: #eef2fc;
    border-color: #c3d1eb
}

.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #2a4880;
    background-color: #eef2fc;
    border-color: #c3d1eb
}

.k-ie7 .k-window-titlebar .k-state-hover, .k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #c3d1eb
}

.k-state-focused > .k-select, .k-state-hover > .k-select {
    border-color: #c3d1eb
}

.k-button.k-state-focused, .k-button.k-state-hover, .k-button:focus, .k-button:hover, .k-draghandle:hover, .k-other-month.k-state-hover .k-link, .k-pager-wrap .k-link:hover, .k-state-hover, .k-state-hover:hover, .k-textbox:hover, div.k-filebrowser-dropzone em {
    background-image: none
}

.k-pager-wrap {
    background-color: #fff;
    color: #456296
}

.k-autocomplete.k-state-active, .k-button:active, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-panelbar > .k-item > .k-state-focused, .k-picker-wrap.k-state-active, .k-state-active, .k-state-active:hover, .k-state-active > .k-link {
    background-image: none
}

.k-button.k-state-active, .k-button:active, .k-draghandle.k-state-selected:hover, .k-state-selected {
    background-image: none
}

.k-button.k-state-active, .k-button:active, .k-draghandle.k-state-selected:hover {
    background-position: 50% 50%
}

.k-tool-icon {
    background-image: url(Bootstrap/sprite.png)
}

.k-other-month.k-state-hover .k-link, .k-state-hover > .k-link, div.k-filebrowser-dropzone em {
    color: #2a4880
}

.k-autocomplete.k-state-focused, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #c3d1eb
}

.k-dropdown .k-state-focused .k-input, .km-pane-wrapper .k-mobile-list input:not([type=checkbox]):not([type=radio]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]) {
    color: #456296
}

.k-dropdown .k-state-hover .k-input {
    color: #2a4880
}

.k-state-error {
    border-color: #eed3d7;
    background-color: #f2dede;
    color: #b94a48
}

.k-state-disabled {
    opacity: .7
}

.k-loading-mask.k-state-selected, .k-tile-empty.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent
}

.k-dropzone .k-upload-status, .k-dropzone em, .k-other-month, .k-other-month .k-link, .k-slider .k-draghandle, .k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-link, .k-tile-empty strong {
    color: #ccc
}

.k-progressbar-indeterminate {
    background: url(Bootstrap/indeterminate.gif)
}

    .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected {
        display: none
    }

.k-slider-track {
    background-color: #d8e2f5
}

.k-slider-selection {
    background-color: #d0f2ff
}

.k-slider-horizontal .k-tick {
    background-image: url(Bootstrap/slider-h.gif)
}

.k-slider-vertical .k-tick {
    background-image: url(Bootstrap/slider-v.gif)
}

.k-widget.k-tooltip {
    border-color: #1e3868;
    background-color: #1e3868;
    color: #f7f9fd
}

.k-widget.k-tooltip-validation {
    border-color: #fbeed5;
    background-color: #fcf8e3;
    color: #c09853
}

.input-append .k-tooltip-validation, .input-prepend .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px
}

.k-callout-n {
    border-bottom-color: #1e3868
}

.k-callout-w {
    border-right-color: #1e3868
}

.k-callout-s {
    border-top-color: #1e3868
}

.k-callout-e {
    border-left-color: #1e3868
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #fbeed5
}

.k-tooltip-validation .k-callout-w {
    border-right-color: #fbeed5
}

.k-tooltip-validation .k-callout-s {
    border-top-color: #fbeed5
}

.k-tooltip-validation .k-callout-e {
    border-left-color: #fbeed5
}

.k-splitbar {
    background-color: #fff
}

.k-restricted-size-horizontal, .k-restricted-size-vertical {
    background-color: #b94a48
}

.k-file {
    background-color: #fff;
    border-color: #ccc
}

.k-file-progress {
    color: #06c
}

    .k-file-progress .k-progress {
        background-color: #d0f8ff
    }

.k-file-success {
    color: #016cd8
}

    .k-file-success .k-progress {
        background-color: #c5e2ff
    }

.k-file-error {
    color: #c00
}

    .k-file-error .k-progress {
        background-color: #ffded7
    }

.k-tile {
    border-color: #fff
}

.k-textbox:hover, .k-tiles li.k-state-hover {
    border-color: #c3d1eb
}

.k-tiles li.k-state-selected {
    border-color: #d8e2f5
}

.k-filebrowser .k-tile .k-file, .k-filebrowser .k-tile .k-folder {
    background-image: url(Bootstrap/imagebrowser.png);
    background-size: auto auto
}

.k-leaf, .k-leaf.k-state-hover:hover {
    color: #fff
}

    .k-leaf.k-inverse, .k-leaf.k-inverse.k-state-hover:hover {
        color: #000
    }

.k-button, .k-widget {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-slider, .k-treeview, .k-upload {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-state-hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused {
    -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    box-shadow: 0 0 0 2px rgba(14,134,254,.2)
}

.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-state-active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-grid td.k-state-selected.k-state-focused {
    background-color: #dff6ff
}

.k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-datepicker-calendar, .k-dropdown-wrap.k-state-active, .k-filebrowser .k-image, .k-grid .k-filter-options, .k-menu .k-menu-group, .k-multiselect.k-state-focused, .k-picker-wrap.k-state-active, .k-popup, .k-time-popup, .k-tooltip {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2)
}

.k-treemap-tile.k-state-hover {
    -webkit-box-shadow: inset 0 0 0 3px #d8e2f5;
    box-shadow: inset 0 0 0 3px #d8e2f5
}

.k-window {
    border-color: rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(128,128,128,.2);
    box-shadow: 1px 1px 7px 1px rgba(128,128,128,.2);
    background-color: #fff
}

    .k-window.k-state-focused {
        border-color: rgba(0,0,0,.2);
        -webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,.2);
        box-shadow: 1px 1px 7px 1px rgba(0,0,0,.2)
    }

    .k-window-maximized .k-window-content, .k-window-maximized .k-window-titlebar, .k-window.k-window-maximized {
        border-radius: 0
    }

.k-shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2)
}

.k-inset {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.2)
}

.k-editor-inline ::selection {
    background-color: #d8e2f5;
    text-shadow: none;
    color: #fff
}

.k-editor-inline ::-moz-selection {
    background-color: #d8e2f5;
    text-shadow: none;
    color: #fff
}

.k-notification.k-notification-info {
    background-color: #e5f5fa;
    color: #0487c4;
    border-color: #b7e1f0
}

.k-notification.k-notification-success {
    background-color: #eaf7ec;
    color: #349946;
    border-color: #c3e8ca
}

.k-notification.k-notification-warning {
    background-color: #fff4d9;
    color: #0487c4;
    border-color: #fff0c8
}

.k-notification.k-notification-error {
    background-color: #ffe0d9;
    color: #ef470a;
    border-color: #ffb7a8
}

.k-gantt .k-treelist {
    background: #fff
}

    .k-gantt .k-treelist .k-alt {
        background-color: #e6e6e6
    }

        .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td {
            background-color: #d0f2ff
        }

.k-task-dot:after {
    background-color: #456296;
    border-color: #456296
}

.k-task-dot:hover:after {
    background-color: #fff
}

.k-task-summary {
    border-color: #8fa5cb;
    background: #8fa5cb
}

.k-task-milestone, .k-task-summary-complete {
    border-color: #456296;
    background: #456296
}

.k-state-selected.k-task-summary {
    border-color: #fff;
    background: #fff
}

.k-state-selected .k-task-summary-complete, .k-state-selected.k-task-milestone {
    border-color: #d0f2ff;
    background: #d0f2ff
}

.k-task-single {
    background-color: #019fef;
    border-color: #0187cb;
    color: #456296
}

.k-state-selected.k-task-single {
    border-color: #d8e2f5
}

.k-line {
    background-color: #456296;
    color: #456296
}

.k-state-selected.k-line {
    background-color: #d0f2ff;
    color: #d0f2ff
}

.k-resource {
    background-color: #fff
}

.k-i-kpi-decrease, .k-i-kpi-denied, .k-i-kpi-equal, .k-i-kpi-hold, .k-i-kpi-increase, .k-i-kpi-open {
    background-image: url(Bootstrap/sprite_kpi.png)
}

.k-autocomplete, .k-block, .k-button, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content {
    border-radius: 4px
}

.k-tool {
    text-align: center;
    vertical-align: middle
}

    .k-tool.k-group-start, .k-toolbar .k-button-group .k-group-start, .k-toolbar .k-split-button .k-button {
        border-radius: 4px 0 0 4px
    }

.k-rtl .k-tool.k-group-start {
    border-radius: 0 4px 4px 0
}

.k-tool.k-group-end, .k-toolbar .k-button-group .k-group-end, .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0 4px 4px 0
}

.k-rtl .k-tool.k-group-end {
    border-radius: 4px 0 0 4px
}

.k-group-start.k-group-end.k-tool {
    border-radius: 4px
}

.k-autocomplete.k-state-border-up, .k-calendar-container.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-filter-menu, .k-list-container.k-state-border-up, .k-multiselect.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-window-content {
    border-radius: 0 0 4px 4px
}

    .k-autocomplete.k-state-border-up .k-input, .k-dropdown-wrap.k-state-border-up .k-input, .k-numeric-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-selected-color {
        border-radius: 0 0 0 4px
    }

    .k-multiselect.k-state-border-up .k-multiselect-wrap {
        border-radius: 0 0 4px 4px
    }

.k-autocomplete.k-state-border-down, .k-block > .k-header, .k-calendar-container.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-list-container.k-state-border-down, .k-multiselect.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap.k-state-border-down, .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-window-titlebar {
    border-radius: 4px 4px 0 0
}

.k-split-button.k-state-border-down > .k-button {
    border-radius: 4px 0 0 0
}

.k-split-button.k-state-border-up > .k-button {
    border-radius: 0 0 0 4px
}

.k-split-button.k-state-border-down > .k-split-button-arrow {
    border-radius: 0 4px 0 0
}

.k-split-button.k-state-border-up > .k-split-button-arrow {
    border-radius: 0 0 4px 0
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    border-radius: 3px 0 0 3px
}

.k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-numeric-wrap .k-input, .k-rtl .k-picker-wrap .k-input {
    border-radius: 0 3px 3px 0
}

.k-numeric-wrap .k-link {
    border-radius: 0 3px 0 0
}

    .k-numeric-wrap .k-link + .k-link {
        border-radius: 0 0 3px 0
    }

.k-colorpicker .k-selected-color {
    border-radius: 3px 0 0 3px
}

.k-rtl .k-colorpicker .k-selected-color {
    border-radius: 0 3px 3px 0
}

.k-autocomplete.k-state-border-down .k-input {
    border-radius: 4px 4px 0 0
}

.k-dropdown-wrap.k-state-border-down .k-input, .k-numeric-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-selected-color {
    border-radius: 4px 0 0 0
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: rgba(255,255,255,.6)
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 3px 3px 0 0
}

.k-datetimepicker .k-select + .k-select, .k-dropdown-wrap .k-select, .k-list-container.k-state-border-right, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-radius: 0 4px 4px 0
}

.k-rtl .k-datetimepicker .k-select + .k-select, .k-rtl .k-dropdown-wrap .k-select, .k-rtl .k-list-container.k-state-border-right, .k-rtl .k-numeric-wrap .k-select, .k-rtl .k-picker-wrap .k-select {
    border-radius: 4px 0 0 4px
}

.k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 4px
}

.k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input {
    border-radius: 3px
}

.k-dropzone, .k-fieldselector .k-list .k-item, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-hover, .k-list .k-state-selected {
    border-radius: 0
}

.k-grid .k-slider .k-button, .k-slider .k-button {
    border-radius: 13px
}

.k-draghandle {
    border-radius: 13px
}

.k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link {
    border-radius: 4px 0 0 4px
}

.k-rtl .k-scheduler-toolbar > ul li:first-child, .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    border-radius: 0 4px 4px 0
}

.k-edit-field > .k-scheduler-navigation, .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today, .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link {
    border-radius: 4px
}

.k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-rtl .k-scheduler-toolbar .k-nav-next, .k-rtl .k-scheduler-toolbar .k-nav-next .k-link, .k-rtl .k-scheduler-toolbar ul + ul li:last-child, .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-radius: 4px 0 0 4px
}

.k-scheduler div.k-scheduler-footer .k-link, .k-scheduler div.k-scheduler-footer ul li {
    border-radius: 4px
}

.k-event, .k-event .k-link, .k-more-events, .k-task-complete, .k-task-single {
    border-radius: 3px
}

.k-scheduler-mobile .k-event {
    border-radius: 2px
}

.k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #456296
}

.k-ie .km-pane-wrapper .k-content, .k-ie .km-pane-wrapper .k-group, .k-ie .km-pane-wrapper .k-header, .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button, .k-ie .km-pane-wrapper .k-widget, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-item, html .km-pane-wrapper .km-widget {
    color: #456296
}

@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) {
    div.km-pane-wrapper a {
        color: #456296
    }

    .km-pane-wrapper .k-icon {
        background-image: url(Bootstrap/sprite_2x.png);
        background-size: 21.2em 21em
    }
}

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    background-color: #fff;
    border-top: 1px solid #ccc
}

    .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
        outline-width: 0
    }

    .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
        background-color: #d0f2ff;
        border-top-color: #d8e2f5
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        border-top-color: transparent
    }

    .km-pane-wrapper .k-mobile-list .k-item:last-child {
        -webkit-box-shadow: inset 0 -1px 0 #ccc;
        box-shadow: inset 0 -1px 0 #ccc
    }

.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    color: grey
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #ccc
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc
}

.km-actionsheet .k-grid-delete, .km-actionsheet .k-scheduler-delete, .km-pane-wrapper .k-filter-menu .k-button[type=reset], .km-pane-wrapper .k-scheduler-delete {
    color: #fff;
    border-color: #eed3d7;
    background-color: red;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.15)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.15))
}

    .km-actionsheet .k-grid-delete:active, .km-actionsheet .k-scheduler-delete:active, .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active, .km-pane-wrapper .k-scheduler-delete:active {
        background-color: #900
    }

.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #fff;
    border-color: #d8e2f5
}

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #95abd3
}

.k-multiselect.k-header {
    border-color: #d8e2f5
}

    .k-multiselect.k-header.k-state-hover {
        border-color: #95abd3
    }

    .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused {
        background-color: #fff;
        background-image: none;
        background-position: 50% 50%;
        border-color: #0e86fe;
        -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
        box-shadow: 0 0 0 2px rgba(14,134,254,.2)
    }

.k-list-container {
    color: #456296
}

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: #456296
}

.k-state-default > .k-select {
    border-color: #d8e2f5
}

.k-state-hover > .k-select {
    border-color: #95abd3
}

.k-state-focused > .k-select {
    border-color: #0e86fe
}

.k-tabstrip:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    box-shadow: 0 0 0 2px rgba(14,134,254,.2)
}

.k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link {
    color: #666
}

    .k-panelbar > li.k-state-default > .k-link.k-state-hover, .k-panelbar > li.k-state-hover > .k-link, .k-tabstrip-items .k-state-hover .k-link {
        color: #2a4880
    }

.k-panelbar .k-state-focused.k-state-hover {
    background: #eef2fc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-ie7 .k-tabstrip-items .k-state-default .k-loading, .k-tabstrip-items .k-state-default {
    border-color: #d8e2f5
}

.k-ie7 .k-tabstrip-items .k-state-hover .k-loading, .k-tabstrip-items .k-state-hover {
    border-color: #c3d1eb
}

.k-ie7 .k-tabstrip-items .k-state-active .k-loading, .k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active {
    background-color: #fff;
    background-image: none;
    border-color: #ccc
}

.k-tabstrip .k-content.k-state-active {
    background-color: #fff;
    color: #456296
}

.k-menu .k-item, .k-menu.k-header {
    border-color: #d8e2f5
}

.k-column-menu, .k-column-menu .k-item, .k-overflow-container .k-overflow-group {
    border-color: #d8e2f5
}

.k-overflow-container .k-overflow-group {
    box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff
}

    .k-overflow-container .k-overflow-group + .k-overflow-group, .k-toolbar-first-visible.k-overflow-group {
        box-shadow: 0 1px 0 #fff
    }

.k-toolbar-last-visible.k-overflow-group {
    box-shadow: inset 0 1px 0 #fff
}

.k-column-menu .k-separator {
    border-color: #d8e2f5;
    background-color: transparent
}

.k-menu .k-group {
    border-color: #d8e2f5
}

.k-grid-filter.k-state-active {
    background-color: #fff
}

.k-grid-footer td, .k-group-footer td, .k-grouping-row td {
    color: #456296;
    border-color: #d8e2f5;
    font-weight: 700
}

.k-grouping-header {
    color: #456296
}

.k-grid td.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px none;
    box-shadow: inset 0 0 0 1px none
}

.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
    border-color: #d8e2f5
}

.k-overflow-container .k-primary, .k-primary {
    color: #fff;
    border-color: transparent;
    background-image: none;
    background-position: 50% 50%;
    background-color: #0e86fe;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-primary.k-state-focused, .k-primary:focus {
        color: #fff;
        border-color: transparent;
        background-image: none;
        -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
        box-shadow: 0 0 0 2px rgba(14,134,254,.2)
    }

    .k-primary:hover {
        color: #fff;
        border-color: #295f8e;
        background-image: none;
        background-color: #3276b1;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]), .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
        box-shadow: 0 0 0 2px rgba(14,134,254,.2)
    }

    .k-primary:active {
        color: #fff;
        border-color: #285e8e;
        background-image: none;
        background-color: #3276b1;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .k-primary.k-state-disabled, .k-primary.k-state-disabled:active, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary, .k-state-disabled .k-primary:active, .k-state-disabled .k-primary:hover {
        color: #fff;
        border-color: #7dabd4;
        background-color: #84b3dc;
        background-image: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-pager-numbers .k-link, .k-treeview .k-in {
    border-color: transparent
}

.k-grid .k-hierarchy-cell .k-icon, .k-scheduler-table .k-icon, .k-treeview .k-icon {
    background-color: transparent;
    border-radius: 4px
}

.k-scheduler-table .k-state-hover .k-icon {
    background-color: transparent
}

.k-button:focus {
    outline: 0
}

.k-editor .k-tool:focus {
    outline: 0;
    border-color: #c3d1eb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-checkbox-label:before {
    border-color: transparent;
    border-radius: 3px
}

.k-checkbox-label:after {
    border-color: #0e86fe;
    background: #fff;
    border-radius: 3px
}

.k-checkbox-label:hover:after, .k-checkbox:checked + .k-checkbox-label:hover:after {
    border-color: #0e86fe;
    box-shadow: none
}

.k-checkbox:checked + .k-checkbox-label:after {
    background-color: #fff;
    border-color: #0e86fe;
    border-radius: 3px;
    color: #0e86fe
}

.k-checkbox-label:active:before {
    box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    border-color: transparent;
    border-radius: 3px
}

.k-checkbox-label:active:after {
    border-color: #0e86fe;
    border-radius: 3px
}

.k-checkbox:checked + .k-checkbox-label:active:after {
    border-color: #0e86fe
}

.k-checkbox:checked + .k-checkbox-label:active:before {
    box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    border-radius: 3px
}

.k-checkbox:disabled + .k-checkbox-label {
    color: #ccc
}

    .k-checkbox:disabled + .k-checkbox-label:active:before, .k-checkbox:disabled + .k-checkbox-label:hover:after {
        box-shadow: none
    }

.k-checkbox:checked:disabled + .k-checkbox-label:after {
    background: #fff;
    color: #ccc
}

.k-checkbox:checked:disabled + .k-checkbox-label:active:after, .k-checkbox:checked:disabled + .k-checkbox-label:hover:after, .k-checkbox:disabled + .k-checkbox-label:after, .k-checkbox:disabled + .k-checkbox-label:hover:before {
    background: #fff;
    border-color: #bfbfbf;
    border-radius: 3px
}

.k-radio-label:before {
    border-color: #0e86fe;
    border-radius: 50%;
    background-color: #fff;
    border-width: 1px
}

.k-radio-label:hover:before, .k-radio:checked + .k-radio-label:hover:before {
    border-color: #0e86fe;
    box-shadow: none
}

.k-radio:checked + .k-radio-label:before {
    border-color: #0e86fe
}

.k-radio:checked + .k-radio-label:after {
    background-color: #0e86fe;
    border-radius: 50%
}

.k-radio-label:active:before {
    box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    border-radius: 50%;
    border-color: #0e86fe
}

.k-radio:checked + .k-radio-label:active:before {
    box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    border-radius: 50%;
    border-color: #0e86fe
}

.k-radio:disabled + .k-radio-label {
    color: #ccc
}

    .k-radio:disabled + .k-radio-label:before {
        border-color: #bfbfbf
    }

    .k-radio:disabled + .k-radio-label:active:before {
        box-shadow: none;
        background: #fff
    }

    .k-radio:disabled + .k-radio-label:before {
        background: #fff
    }

    .k-radio:disabled + .k-radio-label:hover:after, .k-radio:disabled + .k-radio-label:hover:before {
        box-shadow: none
    }

.k-checkbox:focus + .k-checkbox-label:after, .k-radio:focus + .k-radio-label:before {
    border-color: #0e86fe;
    box-shadow: 0 0 0 2px rgba(14,134,254,.2)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .k-callout, .k-column-menu .k-sprite, .k-drop-hint, .k-grouping-dropclue, .k-icon:not(.k-loading), .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked, .k-state-active .k-tool-icon, .k-state-active.k-state-hover .k-tool-icon, .k-state-hover .k-tool-icon, .k-state-selected .k-tool-icon, .k-state-selected.k-state-hover .k-tool-icon, .k-tool-icon {
        background-image: url(Bootstrap/sprite_2x.png);
        background-size: 340px 336px
    }

    .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
        border-radius: 3px 0 0 3px
    }

    .k-i-kpi-decrease, .k-i-kpi-denied, .k-i-kpi-equal, .k-i-kpi-hold, .k-i-kpi-increase, .k-i-kpi-open {
        background-image: url(Bootstrap/sprite_kpi_2x.png);
        background-size: 96px 16px
    }
}

@media screen and (-ms-high-contrast:active) {
    .k-editor-toolbar-wrap .k-button-group .k-tool:focus, .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused {
        border-color: #fff
    }
}

.ktb-checkbox-label-after {
    border-color: #0e86fe;
    background: #fff
}

.ktb-checkbox-checked + .ktb-checkbox-label-hover-after, .ktb-checkbox-label-hover-after {
    border-color: #0e86fe
}

.ktb-checkbox-checked + .ktb-checkbox-label-after {
    background-color: #fff;
    border-color: #0e86fe;
    color: #0e86fe
}

.ktb-checkbox-checked + .ktb-checkbox-label-hover-after, .ktb-checkbox-label-hover-after {
    border-color: #0e86fe
}

.ktb-checkbox-label-active-after {
    border-color: #0e86fe
}

.ktb-checkbox-checked-disabled + .ktb-checkbox-label-active-after, .ktb-checkbox-checked-disabled + .ktb-checkbox-label-after, .ktb-checkbox-checked-disabled + .ktb-checkbox-label-hover-after, .ktb-checkbox-disabled + .ktb-checkbox-label-after, .ktb-checkbox-disabled + .ktb-checkbox-label-hover-before {
    background: #fff;
    color: #ccc;
    border-color: #bfbfbf
}

.ktb-radio-label-before {
    border-color: #0e86fe;
    background-color: #fff
}

.ktb-radio-checked + .ktb-radio-label-after {
    background-color: #0e86fe
}

.ktb-radio-checked + .ktb-radio-label-before {
    border-color: #0e86fe
}

.ktb-radio-checked + .ktb-radio-label-hover-before, .ktb-radio-label-hover-before {
    border-color: #0e86fe
}

.ktb-radio-label-active-before {
    border-color: #0e86fe
}

.ktb-radio-checked + .ktb-radio-label-after {
    background-color: #0e86fe
}

.ktb-radio-disabled + .ktb-radio-label-active-before, .ktb-radio-disabled + .ktb-radio-label-before {
    background: #fff;
    border-color: #bfbfbf
}

.k-editor, .k-grid, .k-menu, .k-scheduler {
    border-radius: 0 0 4px 4px;
    border-style: none
}

    .k-grid-header:first-child, .k-grid-toolbar:first-child, .k-grid > .k-grouping-header, .k-scheduler > .k-scheduler-toolbar:first-child {
        border-radius: 0
    }

        .k-grid-header:first-child th.k-header:first-child, .k-rtl thead.k-grid-header th.k-header:last-child, thead.k-grid-header th.k-header:first-child {
            border-radius: 0
        }

.k-rtl .k-grid-header:first-child th.k-header:first-child, .k-rtl thead.k-grid-header th.k-header:first-child, thead.k-grid-header th.k-header:last-child {
    border-radius: 0
}

.k-grid-pager, .k-scheduler-footer {
    border-radius: 0 0 3px 3px
}

.k-menu > .k-first {
    border-radius: 3px 0 0 3px
}

.k-rtl .k-menu > .k-first {
    border-radius: 0 3px 3px 0
}

.k-widget.k-treeview {
    color: #456296
}

.k-treeview .k-in.k-state-hover {
    color: #456296
}

.k-treeview .k-in.k-state-focused {
    background-color: #0e86fe;
    color: #456296
}

.k-draghandle.k-state-selected, .k-treeview .k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-treeview .k-icon {
    color: #333
}

.k-tabstrip:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-tabstrip-items .k-loading.k-complete {
    display: none
}

.k-tabstrip-items .k-state-hover .k-link {
    color: #428bca
}

.k-tabstrip-items .k-state-active .k-link {
    color: #456296
}

.k-tabstrip-items .k-state-active .k-link {
    color: #456296;
    background: #fff
}

.k-tabstrip-items .k-item {
    background: #f3f3f3
}

    .k-tabstrip-items .k-item.k-state-active {
        background: #fff
    }

    .k-tabstrip-items .k-item.k-state-hover {
        background: #f3f3f3
    }

.k-tabstrip-items .k-state-focused {
    border-color: #d8e2f5;
    -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    box-shadow: 0 0 0 2px rgba(14,134,254,.2)
}

.k-ie7 .k-tabstrip-items .k-state-default .k-loading, .k-tabstrip-items .k-state-default.k-state-hover {
    border-color: #d8e2f5
}

.k-list > .k-state-hover {
    border-color: #eef2fc
}

.k-scheduler-toolbar > ul > li {
    background-color: #fff;
    border-color: #d8e2f5
}

.k-menu .k-group {
    background: #fff
}

.k-menu .k-state-default .k-state-border-down {
    background-color: #e7e7e7;
    -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    box-shadow: 0 0 0 2px rgba(14,134,254,.2)
}

.k-menu .k-item > .k-state-border-left, .k-menu .k-item > .k-state-border-right {
    background-color: #d0f2ff;
    color: #456296
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    background-image: none;
    background-image: none,-webkit-linear-gradient(top,@c-btn-light 0,darken(@c-btn-light,10%) 100%);
    background-image: none,-moz-linear-gradient(top,@c-btn-light 0,darken(@c-btn-light,10%) 100%);
    background-image: none,-o-linear-gradient(top,@c-btn-light 0,darken(@c-btn-light,10%) 100%);
    background-image: none,linear-gradient(to bottom,@c-btn-light 0,darken(@c-btn-light,10%) 100%)
}

    .k-dropdown-wrap .k-select .k-state-selected, .k-numeric-wrap .k-select .k-state-selected, .k-picker-wrap .k-select .k-state-selected {
        color: #333
    }

.k-dropdown-wrap.k-state-active .k-select .k-icon.k-i-arrow-s:before, .k-picker-wrap.k-state-active .k-select .k-icon.k-i-arrow-s:before {
    content: "\f0d8"
}

.k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    background-color: #eef2fc
}

.k-dropdown-wrap .k-select {
    border-left: none
}

.k-numerictextbox .k-select .k-link {
    height: 50%
}

    .k-numerictextbox .k-select .k-link .k-icon {
        line-height: 11px
    }

body .k-datetimepicker .k-select {
    border-radius: 0 4px 4px 0
}

.k-slider-track {
    background-color: #fff;
    border-color: #c3d1eb;
    border-radius: 0
}

.k-slider-selection {
    background-color: #ebebeb;
    border-radius: 0
}

.k-slider-horizontal .k-tick {
    background-image: url(Bootstrap/slider-h.gif)
}

.k-draghandle.k-state-selected, .k-draghandle.k-state-selected:hover, .k-draghandle.k-state-selected:link {
    background-color: #ccc;
    border-color: #ccc
}

.k-draghandle.k-state-focused, .k-draghandle.k-state-focused:link, .k-draghandle:focus, .k-slider-buttons .k-button:active, .k-slider-buttons .k-button:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    border-color: #0e86fe;
    background-color: #fff;
    outline: 0
}

.k-slider .k-button .k-icon {
    margin-right: 0
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    width: 100%
}

    .k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-multiselect.k-header, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
        border-color: #c3d1eb
    }

.k-progressbar > .k-state-selected, .k-widget.k-autocomplete, .k-widget.k-combobox, .k-widget.k-datepicker, .k-widget.k-datetimepicker, .k-widget.k-dropdown, .k-widget.k-menu, .k-widget.k-multiselect, .k-widget.k-numerictextbox, .k-widget.k-progressbar, .k-widget.k-timepicker {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-autocomplete.k-state-default .k-input, .k-combobox .k-state-default .k-input, .k-multiselect-wrap, .k-numeric-wrap.k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-progress-status-wrap, .k-slider-selection, .k-slider-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #0e86fe;
    -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    box-shadow: 0 0 0 2px rgba(14,134,254,.2)
}

.k-multiselect .k-textbox:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-textbox:hover {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #95abd3
}

.k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-picker-wrap.k-state-active {
    border-color: #c3d1eb;
    background-color: #fff
}

.k-grid-filter.k-state-active {
    border-color: #c3d1eb;
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-grid-filter.k-state-border-down {
    border-color: #c3d1eb;
    background-color: rgba(0,0,0,.3);
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-dropdown-wrap.k-state-active.k-state-border-down, .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-picker-wrap.k-state-active.k-state-border-down {
    -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    box-shadow: 0 0 0 2px rgba(14,134,254,.2)
}

.k-dropdown-wrap.k-state-active > .k-select, .k-picker-wrap.k-state-active > .k-select .k-dropdown-wrap.k-state-focused > .k-select, .k-picker-wrap.k-state-focused > .k-select {
    border-color: #c3d1eb
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input {
    background: 0 0
}

.k-fieldselector .k-list .k-item, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-selected, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
    border-width: 0
}

.k-panelbar > .k-item > .k-link {
    border-color: #d8e2f5
}

.k-panelbar > li.k-state-default > .k-link {
    color: #456296
}

.k-panelbar .k-state-focused {
    -webkit-box-shadow: inset 0 0 0 2px rgba(14,134,254,.2);
    box-shadow: inset 0 0 0 2px rgba(14,134,254,.2)
}

.k-overflow-container .k-button.k-state-active:hover, .k-panelbar > li > .k-link.k-state-selected, .k-split-container .k-button.k-state-active:hover, .k-toolbar .k-button.k-state-active:hover {
    color: #456296
}

.k-overflow-container .k-button.k-state-active, .k-panelbar .k-link.k-state-selected.k-state-hover, .k-split-container .k-button.k-state-active, .k-toolbar .k-button.k-state-active {
    color: #2a4880
}

.k-listview > .k-state-focused.k-state-selected, .k-panelbar .k-state-focused.k-state-selected, .k-state-selected td.k-state-focused, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-panelbar .k-state-focused.k-state-hover {
    background: #eef2fc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-grid {
    font-size: 16px;
    border-color: #d8e2f5;
    background-color: #eef2fc;
    height: 100%
}

.k-grid-content {
    transform: translate3D(0,0,0)
}

    .k-grid-content table {
        background-color: #f7f9fd
    }

.k-grid tr:nth-child(2n) {
    background-color: #fff
}

    .k-grid tr:nth-child(2n).k-state-selected {
        color: #456296;
        background-color: #d0f2ff;
        border-color: #d8e2f5
    }

.k-grid tr:first-child td {
    border-top-width: 0
}

.k-grid tr:hover {
    background-color: #d8e2f5
}

.k-grid tr.k-state-selected:hover {
    background-color: #d0f2ff;
    background-image: none
}

.k-grid tr td {
    border-width: 0;
    padding: .45em .8em
}

.k-grid td {
    white-space: nowrap
}

    .k-grid td::before {
        content: ''
    }

    .k-grid td > :not(.align-center) {
        overflow: hidden;
        text-overflow: ellipsis
    }

.k-grid-header .k-link:link, .k-grid-header .k-link:visited, .k-grid-header .k-nav-current.k-state-hover .k-link, .k-grouping-header .k-link {
    color: #456296
}

.k-grid-header {
    font-weight: 700;
    border-color: #d8e2f5;
    border-top: 1px solid #d8e2f5
}

    .k-grid-header th.k-header {
        background: #fff;
        color: #456296;
        border-left: 1px solid #d8e2f5;
        border-bottom-width: 0
    }

        .k-grid-header th.k-header .k-icon {
            color: #456296
        }

        .k-grid-header th.k-header > .k-link {
            line-height: 16px
        }

            .k-grid-header th.k-header > .k-link.k-state-focused, .k-grid-header th.k-header > .k-link:focus {
                text-decoration: none
            }

            .k-grid-header th.k-header > .k-link:after, .k-grid-header th.k-header > .k-link:before {
                font-family: icomoon;
                font-weight: 700;
                font-style: normal;
                display: inline-block;
                vertical-align: middle;
                text-decoration: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-size: 13px
            }

            .k-grid-header th.k-header > .k-link:before {
                content: "\f0dc";
                margin-right: 6px;
                height: 16px;
                vertical-align: middle;
                font-size: 12px
            }

.k-grid-filter .k-icon:before {
    font-size: 11px
}

.k-pager-wrap {
    color: #456296;
    border-width: 1px 0 0 0;
    padding: 8px 0
}

    .k-pager-wrap .k-link {
        color: #456296;
        border-color: #d8e2f5;
        border-radius: 3px;
        font-size: 15px
    }

    .k-pager-wrap.k-pager-sm .k-link .k-icon {
        width: 16px;
    }

    .k-pager-wrap.k-pager-sm .k-pager-numbers-wrap {
        margin-left: 0;
        margin-right: 0;
    }

        .k-pager-wrap .k-link:hover {
            border-color: transparent
        }

        .k-pager-wrap .k-link:not(.k-state-disabled):hover {
            color: #456296;
            background: #eef2fc
        }

            .k-pager-wrap .k-link:not(.k-state-disabled):hover:active {
                background: #d0f2ff
            }

        .k-pager-wrap .k-link .k-icon {
            position: relative;
            width: 65px;
            height: inherit;
            font-size: 15px;
        }

        .k-pager-wrap .k-link.k-state-disabled {
            color: #7189b6
        }

    .k-pager-wrap > .k-link {
        margin: 0 2px
    }

    .k-pager-wrap .k-link.k-pager-last {
        border-right-width: 1px;
        border-right-style: solid
    }

    .k-pager-wrap .k-pager-refresh {
        background: #fff
    }

    .k-pager-wrap .k-pager-nav {
        border-color: transparent;
        padding: 0 6px;
        display: inline-block;
    }

        .k-pager-wrap .k-pager-nav:hover {
            background: 0 0
        }

    .k-pager-wrap .k-pager-info {
        line-height: 32px;
        font-size: 14px
    }

@media only screen and (max-width:620px) {
    .k-pager-info {
        display: none
    }
}

@media only screen and (max-height:420px) {
    .k-pager-info {
        display: none
    }
}

.k-pager-wrap .k-dropdown {
    width: 5em
}

.k-grid .k-pager-numbers {
    margin: 0
}

.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    margin: 0 2px;
    border-radius: 3px;
    border-color: transparent
}

.k-pager-numbers .k-current-page {
    display: none
}

.k-pager-numbers .k-state-selected {
    line-height: 2em;
    background-color: #d8e2f5
}

.k-file {
    padding: 0;
    background-color: #fff;
    border-color: #ccc
}

    .k-file .file-wrapper {
        position: relative;
        padding: .6rem .167rem .6rem .8rem
    }

    .k-file .k-filename {
        margin-left: .3rem;
        position: relative;
        display: inline-block;
        min-width: 10em;
        max-width: 16.667em;
        vertical-align: middle;
        margin-left: 1em;
        padding-bottom: .167em;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap
    }

.k-upload-status .k-button, .k-upload-status .k-warning {
    vertical-align: middle
}

.k-file-progress {
    color: #06c;
    bottom: 0;
    height: auto
}

    .k-file-progress .k-progress {
        background-color: #d0f8ff
    }

.k-file-success {
    color: #016cd8
}

    .k-file-success .k-progress {
        background-color: #c5e2ff
    }

.k-file-error {
    color: #c00
}

    .k-file-error .k-progress {
        background-color: #ffded7
    }

.k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-datepicker-calendar, .k-dropdown-wrap.k-state-active, .k-filebrowser .k-image, .k-grid .k-filter-options, .k-menu .k-group, .k-multiselect.k-state-focused, .k-picker-wrap.k-state-active, .k-time-popup, .k-tooltip {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-button.k-state-focused, .k-button:focus, .k-button:focus:active, .k-state-focused {
    -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    box-shadow: 0 0 0 2px rgba(14,134,254,.2)
}

.k-list > .k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #eef2fc
}

.k-button.k-state-disabled:active, .k-button.k-state-disabled:hover, .k-state-disabled .k-button, .k-state-disabled .k-button:active, .k-state-disabled .k-button:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-state-disabled {
    opacity: .7
}

.k-popup {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-fieldselector .k-list .k-item, .k-popup .k-list .k-item {
        padding: 1px 7px
    }

    .k-popup.k-list-container {
        border-top: none
    }

.k-tooltip {
    padding: 0;
    border: none;
    font-size: 16px
}

.k-callout-e {
    right: -12px
}

.k-callout-s {
    bottom: -12px
}

.k-callout-w {
    left: -12px
}

.k-callout-n {
    top: -12px
}

.k-list-container {
    border-color: #c3d1eb
}

.k-widget.k-tooltip-validation {
    border-color: transparent;
    background-color: transparent;
    text-align: left
}

.k-flatcolorpicker .k-hue-slider .k-draghandle {
    -webkit-box-shadow: 0 0 0 1px #c4c4c4;
    box-shadow: 0 0 0 1px #c4c4c4;
    background: 0 0;
    border: 5px solid #fff
}

    .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-hue-slider .k-draghandle:hover {
        border-color: #fff;
        -webkit-box-shadow: 0 0 8px 0 rgba(102,175,233,.75);
        box-shadow: 0 0 8px 0 rgba(102,175,233,.75);
        border-width: 5px;
        padding: 0
    }

.k-primary:active {
    color: #fff;
    border-color: #285e8e;
    background-image: none;
    background-color: #3276b1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-editor-toolbar .k-tool {
    color: #456296;
    background-color: #f7f9fd;
    border-color: #d8e2f5
}

    .k-editor-toolbar .k-tool.k-state-hover {
        color: #2a4880;
        border-color: #c3d1eb;
        background-color: #eef2fc
    }

.k-editor-toolbar .k-state-selected {
    -webkit-box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    box-shadow: 0 0 0 2px rgba(14,134,254,.2);
    background-color: #fff;
    border-color: #c3d1eb
}

.k-editor-toolbar .k-button-group .k-tool-icon {
    border-color: #d8e2f5
}

.k-callout, .k-column-menu .k-sprite, .k-drop-hint, .k-grouping-dropclue, .k-icon:not(.k-loading), .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked, .k-state-active .k-tool-icon, .k-state-active.k-state-hover .k-tool-icon, .k-state-hover .k-tool-icon, .k-state-selected .k-tool-icon, .k-state-selected.k-state-hover .k-tool-icon, .k-tool-icon {
    background-image: none
}

.k-splitbar, .k-splitbar:hover {
    border-color: transparent
}

.k-splitbar-vertical .k-resize-handle:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.k-button {
    margin: 0 5px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1 !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f7f9fd
}

    .k-button.k-state-hover, .k-button:hover {
        color: #2a4880;
        border-color: #c3d1eb;
        background: #eef2fc
    }

    .k-button.k-state-active:active, .k-button.k-state-active:hover, .k-button.k-state-focused, .k-button:active, .k-button:active:hover, .k-button:focus {
        text-decoration: none;
        color: #2a4880;
        border-color: #c3d1eb;
        background: #eef2fc;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) inset !important;
        box-shadow: 0 1px 2px rgba(0,0,0,.2) inset !important
    }

    .k-button.k-state-focused, .k-button:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .k-button.k-state-disabled {
        pointer-events: none
    }

    .k-button .fa, .k-button .icon, .k-button .k-icon {
        margin-right: 5px
    }

    .k-button.k-primary {
        background-color: #0e86fe
    }

        .k-button.k-primary.k-state-hover, .k-button.k-primary:hover {
            color: #fff;
            border-color: transparent;
            background: #419ffe
        }

        .k-button.k-primary.k-state-active:active, .k-button.k-primary.k-state-active:hover, .k-button.k-primary:active, .k-button.k-primary:active:hover {
            color: #fff;
            border-color: transparent;
            background: #016dd8;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) inset !important;
            box-shadow: 0 1px 2px rgba(0,0,0,.2) inset !important
        }

        .k-button.k-primary.k-state-focused, .k-button.k-primary:focus {
            color: #fff;
            border-color: transparent;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) inset !important;
            box-shadow: 0 1px 2px rgba(0,0,0,.2) inset !important
        }

    .k-button.k-inverse {
        color: #fff;
        border-color: transparent;
        background-color: #4d4d4d
    }

        .k-button.k-inverse.k-state-hover, .k-button.k-inverse:hover {
            color: #fff;
            border-color: transparent;
            background: #616161
        }

        .k-button.k-inverse.k-state-active:active, .k-button.k-inverse.k-state-active:hover, .k-button.k-inverse:active, .k-button.k-inverse:active:hover {
            color: #fff;
            border-color: transparent;
            background: #6c6c6c
        }

        .k-button.k-inverse.k-state-focused, .k-button.k-inverse:focus {
            color: #fff;
            border-color: transparent
        }

.k-multiselect .k-button {
    color: #fff;
    border: none;
    background-color: #0e86fe;
    font-size: 12px
}

    .k-multiselect .k-button.k-state-hover, .k-multiselect .k-button:hover {
        border-color: transparent;
        background: #419ffe
    }

    .k-multiselect .k-button.k-state-active:active, .k-multiselect .k-button.k-state-active:hover, .k-multiselect .k-button.k-state-focused, .k-multiselect .k-button:active, .k-multiselect .k-button:active:hover, .k-multiselect .k-button:focus {
        color: #fff;
        border-color: transparent;
        background: #616161
    }

    .k-multiselect .k-button span:not(.k-icon) {
        display: inline-block;
        padding: 5px 6px 5px 8px;
        border-right: 1px solid rgba(247,249,253,.3)
    }

    .k-multiselect .k-button .k-i-close {
        position: relative;
        top: -1px;
        margin: 0 -5px;
        color: rgba(247,249,253,.7)
    }

        .k-multiselect .k-button .k-i-close:before {
            font-size: 11px
        }

.k-icon {
    line-height: 16px
}

    .k-icon:after, .k-icon:before {
        font-family: icomoon;
        font-weight: 700;
        font-style: normal;
        display: inline-block;
        vertical-align: middle;
        text-decoration: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 13px
    }

@media screen and (max-width:1400px) {
    .k-pager-wrap .k-link .k-icon.k-i-arrow-end-left, .k-pager-wrap .k-link .k-icon.k-i-arrow-end-right,
    .k-pager-wrap .k-link .k-icon.k-i-arrow-60-right, .k-pager-wrap .k-link .k-icon.k-i-arrow-60-left {
        width: 16px
    }

    .k-pager-input, .k-pager-wrap .k-pager-nav {
        margin: 0 2px;
        float: none;
        display: inline-block;
        vertical-align: top
    }

    .k-grid .k-pager-numbers, .k-pager-numbers {
        position: absolute;
        display: inline-flex;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-left: .3em;
    }

    .k-rtl .k-grid .k-pager-numbers, .k-rtl .k-pager-numbers {
        right: 5.18em;
        width: 4.45em
    }

    .k-grid .k-pager-numbers .k-current-page, .k-pager-numbers .k-current-page {
        display: none !important
    }

    .k-pager-numbers + .k-link {
        margin-left: 0
    }

    .k-pager-numbers li:not(.k-current-page) {
        display: none
    }

    .k-pager-numbers .k-current-page .k-link {
        width: 3.2em;
        padding: 0 .429em 0 .714em;
        border-radius: 4px;
        border-right: 1px solid #d8e2f5;
        color: #456296;
        background-color: #fff
    }

    .k-pager-numbers .k-link {
        color: #456296
    }

    .k-pager-nav.k-pager-first + .k-link {
        border-right: 1px solid #d8e2f5;
        border-radius: 0 4px 4px 0
    }

    .k-rtl .k-pager-nav.k-pager-first + .k-link {
        border-right: 0;
        border-radius: 4px 0 0 4px
    }

    .k-pager-numbers + .k-link {
        border-radius: 4px 0 0 4px
    }

    .k-rtl .k-pager-numbers + .k-link {
        margin-left: 0;
        border-radius: 0 4px 4px 0;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #d8e2f5
    }

    .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
        display: block;
        margin-right: 0;
        padding: 1px 5px 1px 5px;
        text-align: left
    }

    .k-pager-numbers.k-state-expanded {
        box-sizing: border-box;
        padding: 2px 2px 0;
        background-color: #fff
    }

        .k-pager-numbers.k-state-expanded .k-current-page {
            margin: -2em -3px 0;
            padding: 0
        }

            .k-pager-numbers.k-state-expanded .k-current-page .k-link {
                border-radius: 0 0 4px 4px
            }

        .k-pager-numbers.k-state-expanded li {
            display: inline-block
        }

            .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link {
                border: 0;
                background-color: #fff;
                border-radius: 3px
            }

    .k-pager-numbers .k-state-selected {
        border-radius: 3px
    }

    .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover {
        color: #2a4880;
        background-color: #eef2fc
    }

    .k-pager-numbers-wrap select.k-dropdown {
        display: inline-block;
    }
}

@media only screen and (max-width:640px) {
    .k-pager-info {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .k-pager-sizes {
        display: none
    }
}

.k-widget.k-tabstrip {
    background-color: transparent;
    background-image: none;
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-tabstrip .k-tabstrip-items {
    padding: 0
}

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    margin: 0
}

.k-slider-track {
    border-width: 1px;
    border-style: solid
}

.k-grouping-dropclue {
    margin-top: 10px
}

.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
    margin-top: -5px
}

.k-slider-vertical .k-slider-selection, .k-slider-vertical .k-slider-track {
    margin-left: -5px
}

input.k-textbox {
    padding: .177em 0
}

.k-checkbox-label, .k-radio-label {
    line-height: 1.1em;
    font-weight: 400
}

    .k-checkbox-label:after, .k-checkbox-label:before, .k-radio-label:after, .k-radio-label:before {
        box-sizing: border-box
    }

.k-grid .k-checkbox-label {
    font-size: 13px
}

.k-radio:checked + .k-radio-label:after {
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px
}

.k-checkbox:checked + .k-checkbox-label:after {
    line-height: .875em
}

.k-link:focus {
    outline: 0
}

.k-autocomplete .k-loading, .k-multiselect .k-loading {
    bottom: auto;
    top: 9px;
    right: 4px
}

.k-multiselect-wrap {
    min-height: 30px;
    padding: 0 5px
}

    .k-multiselect-wrap li {
        margin: 3px 1px;
        line-height: 20px;
        padding: 0 1.5em 0 0
    }

    .k-multiselect-wrap .k-input {
        line-height: 1.9em;
        text-indent: .2em
    }

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    line-height: 1.77em
}

.k-upload-status {
    right: 0;
    top: .4rem
}

    .k-upload-status.k-upload-status-total {
        position: absolute;
        right: 1.3rem;
        top: 122px
    }

.k-filter-menu {
    padding: 10px
}

.k-grid-filter.k-state-focused, .k-grid-filter:focus {
    outline: 0
}

.k-filter-row th, .k-grid-header th.k-header {
    padding: .6em .8em
}

.k-interval {
    display: inline-block;
    line-height: 1.62em;
    padding: .177em .4em
}

.k-overlay {
    background-color: #2d3139
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    padding: 0
}

.k-list-filter > .k-icon {
    top: 19px;
    right: 6px
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    line-height: 1.97em
}

/*GSSSPEED-7062 kendo button Icon顯示*/
.k-button::before {
    opacity: 1;
    background: 0 0;
    position: relative;
    display: inline-block;
}

/*GSSSPEED-7062 收文附件上傳排版設定*/
.k-upload > .k-dropzone {
    display: block;
    justify-content: normal;
    align-items: normal;
}

/*GSSSPEED-7062 收文附件下載附件控制*/
.k-upload.k-state-disabled > .k-upload-files {
    pointer-events: auto;
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-textbox > input {
    width: 100%;
    box-sizing: content-box;
}

/* GSSSPEED-6089 Email發文預覽 begin*/
.email-preview  .k-textbox {
    border-width: 0;
    padding: 0 0;
}
.email-preview  .k-input {
    padding: 0 0;
}
/* GSSSPEED-6089 Email發文預覽 end*/

/*# sourceMappingURL=kendo.speed-1.min.css.map */

@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

ol, ul {
  list-style: none; }

.form-box[class*="process-"] .checkbox-icon, .form-box[class*="process-"] .checkbox, .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:not(:first-child):after, .process-list .main-item[data-state="edit"]:not(:first-child) .sort-list .sub-item:after, .process-list .main-item_body .sort-list > :first-child:last-child:not(.has-selected):before, .process-list .main-item_body .sort-list > :not(:first-child):before, .process-list .main-item_body .action-list > :before,
.process-list .main-item_body .tail-list > :before, .process-list .main-item_body .sub-item.is-chief .name:before, .fields-collapse .collapse-icon, .history-flow-go-left:before,
.history-flow-go-right:before, .history-flow-item:not(:last-child):before, .receive-menu.is-open .receive-menu-tab li.active:after, .report-print-item:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sg-btn {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: calc(0.533rem - 1px) 1.066rem;
  border-radius: 4px;
  font-size: 1rem;
  line-height: 1;
  height: 2.066rem;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  cursor: pointer; }
  .sg-btn:focus {
    outline: 0; }
  .sg-btn i {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: -3px; }

.sg-btn-txt {
  vertical-align: top;
  margin: 0; }
  i + .sg-btn-txt {
    margin-left: 0.4rem; }
  .sg-btn-txt + i {
    margin-left: 0.4rem; }

.sg-btn-block {
  display: block;
  margin: 0;
  width: 100%; }
  .sg-btn-block + .sg-btn-block {
    margin-top: 5px; }

.sg-btn-square,
.sg-btn-circle,
.sg-btn.sg-btn-icon {
  padding: 0;
  width: 2.066rem;
  line-height: 2.066rem; }

.sg-btn.sg-btn-icon {
  background-color: transparent;
  border-width: 0px; }
  .sg-btn.sg-btn-icon:hover {
    color: #C4D2EB;
    background-color: transparent; }

.sg-btn-circle {
  border-radius: 100%; }

.sg-btn-default {
  color: #456297;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .sg-btn-default:hover {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-default:active {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-default.sg-state--active {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-default.sg-state--disable {
    color: #93a8ce;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-default.sg-state--disable:hover, .sg-btn-default.sg-state--disable:active {
      color: #93a8ce;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-primary {
  color: #0E86FE;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .sg-btn-primary:hover {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-primary:active {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-primary.sg-state--active {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-primary.sg-state--disable {
    color: #92c8ff;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-primary.sg-state--disable:hover, .sg-btn-primary.sg-state--disable:active {
      color: #92c8ff;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-success {
  color: #2BCD86;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .sg-btn-success:hover {
    color: #2BCD86;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-success:active {
    color: #2BCD86;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-success.sg-state--active {
    color: #2BCD86;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-success.sg-state--disable {
    color: #94e9c4;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-success.sg-state--disable:hover, .sg-btn-success.sg-state--disable:active {
      color: #94e9c4;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-info {
  color: #0E86FE;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .sg-btn-info:hover {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-info:active {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-info.sg-state--active {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-info.sg-state--disable {
    color: #92c8ff;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-info.sg-state--disable:hover, .sg-btn-info.sg-state--disable:active {
      color: #92c8ff;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-warning {
  color: #FFB400;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .sg-btn-warning:hover {
    color: #FFB400;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-warning:active {
    color: #FFB400;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-warning.sg-state--active {
    color: #FFB400;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-warning.sg-state--disable {
    color: #ffdb85;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-warning.sg-state--disable:hover, .sg-btn-warning.sg-state--disable:active {
      color: #ffdb85;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-alarm {
  color: #EB5000;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .sg-btn-alarm:hover {
    color: #EB5000;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-alarm:active {
    color: #EB5000;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-alarm.sg-state--active {
    color: #EB5000;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-alarm.sg-state--disable {
    color: #ffa171;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-alarm.sg-state--disable:hover, .sg-btn-alarm.sg-state--disable:active {
      color: #ffa171;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-link {
  color: #0E86FE;
  border: 1px solid transparent;
  background-color: transparent; }
  .sg-btn-link:hover {
    color: #419FFE;
    border-color: transparent;
    background-color: transparent;
    text-decoration: none; }
  .sg-btn-link:active {
    color: #0E86FE;
    border-color: transparent;
    background-color: transparent;
    text-decoration: none; }
  .sg-btn-link.sg-state--active {
    color: #0E86FE;
    border-color: transparent;
    background-color: transparent; }
  .sg-btn-link.sg-state--disable {
    color: #A6D2FF;
    border-color: transparent;
    background-color: transparent;
    cursor: inherit; }
    .sg-btn-link.sg-state--disable:hover, .sg-btn-link.sg-state--disable:active {
      color: #A6D2FF;
      border-color: transparent;
      background-color: transparent;
      cursor: inherit; }

.sg-btn-darklink {
  color: #456297;
  border: 1px solid transparent;
  background-color: transparent; }
  .sg-btn-darklink:hover {
    color: #7189B6;
    border-color: transparent;
    background-color: transparent;
    text-decoration: none; }
  .sg-btn-darklink:active {
    color: #2A487F;
    border-color: transparent;
    background-color: transparent;
    text-decoration: none; }
  .sg-btn-darklink.sg-state--active {
    color: #2A487F;
    border-color: transparent;
    background-color: transparent; }
  .sg-btn-darklink.sg-state--disable {
    color: #C4D2EB;
    border-color: transparent;
    background-color: transparent;
    cursor: inherit; }
    .sg-btn-darklink.sg-state--disable:hover, .sg-btn-darklink.sg-state--disable:active {
      color: #C4D2EB;
      border-color: transparent;
      background-color: transparent;
      cursor: inherit; }

.sg-btn-light-default {
  color: #456297;
  border: 1px solid #C4D2EB;
  background-color: #fff; }
  .sg-btn-light-default:hover {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-light-default:active {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-light-default.sg-state--active {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-light-default.sg-state--disable {
    color: #93a8ce;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-light-default.sg-state--disable:hover, .sg-btn-light-default.sg-state--disable:active {
      color: #93a8ce;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-light-primary {
  color: #0E86FE;
  border: 1px solid #C4D2EB;
  background-color: #fff; }
  .sg-btn-light-primary:hover {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-light-primary:active {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-light-primary.sg-state--active {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-light-primary.sg-state--disable {
    color: #92c8ff;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-light-primary.sg-state--disable:hover, .sg-btn-light-primary.sg-state--disable:active {
      color: #92c8ff;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-light-success {
  color: #2BCD86;
  border: 1px solid #C4D2EB;
  background-color: #fff; }
  .sg-btn-light-success:hover {
    color: #2BCD86;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-light-success:active {
    color: #2BCD86;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-light-success.sg-state--active {
    color: #2BCD86;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-light-success.sg-state--disable {
    color: #94e9c4;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-light-success.sg-state--disable:hover, .sg-btn-light-success.sg-state--disable:active {
      color: #94e9c4;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-light-info {
  color: #0E86FE;
  border: 1px solid #C4D2EB;
  background-color: #fff; }
  .sg-btn-light-info:hover {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-light-info:active {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-light-info.sg-state--active {
    color: #0E86FE;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-light-info.sg-state--disable {
    color: #92c8ff;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-light-info.sg-state--disable:hover, .sg-btn-light-info.sg-state--disable:active {
      color: #92c8ff;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-light-warning {
  color: #FFB400;
  border: 1px solid #C4D2EB;
  background-color: #fff; }
  .sg-btn-light-warning:hover {
    color: #FFB400;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-light-warning:active {
    color: #FFB400;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-light-warning.sg-state--active {
    color: #FFB400;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-light-warning.sg-state--disable {
    color: #ffdb85;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-light-warning.sg-state--disable:hover, .sg-btn-light-warning.sg-state--disable:active {
      color: #ffdb85;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-light-alarm {
  color: #EB5000;
  border: 1px solid #C4D2EB;
  background-color: #fff; }
  .sg-btn-light-alarm:hover {
    color: #EB5000;
    border-color: #C4D2EB;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-light-alarm:active {
    color: #EB5000;
    border-color: #C4D2EB;
    background-color: #C4D2EB;
    text-decoration: none; }
  .sg-btn-light-alarm.sg-state--active {
    color: #EB5000;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-light-alarm.sg-state--disable {
    color: #ffa171;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-light-alarm.sg-state--disable:hover, .sg-btn-light-alarm.sg-state--disable:active {
      color: #ffa171;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-flat-default {
  color: #456297;
  border: 1px solid #EEF2FC;
  background-color: #EEF2FC; }
  .sg-btn-flat-default:hover, .sg-btn-flat-default:active {
    color: #456297;
    border-color: #D8E3F6;
    background-color: #D8E3F6;
    text-decoration: none; }
  .sg-btn-flat-default:active {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-flat-default.sg-state--active {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .sg-btn-flat-default.sg-state--disable {
    color: #C4D2EB;
    border-color: white;
    background-color: #EEF2FC;
    cursor: inherit; }
    .sg-btn-flat-default.sg-state--disable:hover, .sg-btn-flat-default.sg-state--disable:active {
      color: #C4D2EB;
      border-color: white;
      background-color: #EEF2FC;
      cursor: inherit; }

.sg-btn-flat-primary {
  color: #F7F9FE;
  border: 1px solid #0E86FE;
  background-color: #0E86FE; }
  .sg-btn-flat-primary:hover, .sg-btn-flat-primary:active {
    color: #F7F9FE;
    border-color: #41a0fe;
    background-color: #41a0fe;
    text-decoration: none; }
  .sg-btn-flat-primary:active {
    color: #F7F9FE;
    border-color: #0167ce;
    background-color: #0167ce; }
  .sg-btn-flat-primary.sg-state--active {
    color: #F7F9FE;
    border-color: #0167ce;
    background-color: #0167ce; }
  .sg-btn-flat-primary.sg-state--disable {
    color: #F7F9FE;
    border-color: #d9ecff;
    background-color: #d9ecff;
    cursor: inherit; }
    .sg-btn-flat-primary.sg-state--disable:hover, .sg-btn-flat-primary.sg-state--disable:active {
      color: #F7F9FE;
      border-color: #d9ecff;
      background-color: #d9ecff;
      cursor: inherit; }

.sg-btn-flat-success {
  color: #F7F9FE;
  border: 1px solid #2BCD86;
  background-color: #2BCD86; }
  .sg-btn-flat-success:hover, .sg-btn-flat-success:active {
    color: #F7F9FE;
    border-color: #51da9e;
    background-color: #51da9e;
    text-decoration: none; }
  .sg-btn-flat-success:active {
    color: #F7F9FE;
    border-color: #209a65;
    background-color: #209a65; }
  .sg-btn-flat-success.sg-state--active {
    color: #F7F9FE;
    border-color: #209a65;
    background-color: #209a65; }
  .sg-btn-flat-success.sg-state--disable {
    color: #F7F9FE;
    border-color: #cff5e4;
    background-color: #cff5e4;
    cursor: inherit; }
    .sg-btn-flat-success.sg-state--disable:hover, .sg-btn-flat-success.sg-state--disable:active {
      color: #F7F9FE;
      border-color: #cff5e4;
      background-color: #cff5e4;
      cursor: inherit; }

.sg-btn-flat-info {
  color: #F7F9FE;
  border: 1px solid #0E86FE;
  background-color: #0E86FE; }
  .sg-btn-flat-info:hover, .sg-btn-flat-info:active {
    color: #F7F9FE;
    border-color: #41a0fe;
    background-color: #41a0fe;
    text-decoration: none; }
  .sg-btn-flat-info:active {
    color: #F7F9FE;
    border-color: #0167ce;
    background-color: #0167ce; }
  .sg-btn-flat-info.sg-state--active {
    color: #F7F9FE;
    border-color: #0167ce;
    background-color: #0167ce; }
  .sg-btn-flat-info.sg-state--disable {
    color: #F7F9FE;
    border-color: #d9ecff;
    background-color: #d9ecff;
    cursor: inherit; }
    .sg-btn-flat-info.sg-state--disable:hover, .sg-btn-flat-info.sg-state--disable:active {
      color: #F7F9FE;
      border-color: #d9ecff;
      background-color: #d9ecff;
      cursor: inherit; }

.sg-btn-flat-warning {
  color: #F7F9FE;
  border: 1px solid #FFB400;
  background-color: #FFB400; }
  .sg-btn-flat-warning:hover, .sg-btn-flat-warning:active {
    color: #F7F9FE;
    border-color: #ffc333;
    background-color: #ffc333;
    text-decoration: none; }
  .sg-btn-flat-warning:active {
    color: #F7F9FE;
    border-color: #c28900;
    background-color: #c28900; }
  .sg-btn-flat-warning.sg-state--active {
    color: #F7F9FE;
    border-color: #c28900;
    background-color: #c28900; }
  .sg-btn-flat-warning.sg-state--disable {
    color: #F7F9FE;
    border-color: #fff0cc;
    background-color: #fff0cc;
    cursor: inherit; }
    .sg-btn-flat-warning.sg-state--disable:hover, .sg-btn-flat-warning.sg-state--disable:active {
      color: #F7F9FE;
      border-color: #fff0cc;
      background-color: #fff0cc;
      cursor: inherit; }

.sg-btn-flat-alarm {
  color: #F7F9FE;
  border: 1px solid #EB5000;
  background-color: #EB5000; }
  .sg-btn-flat-alarm:hover, .sg-btn-flat-alarm:active {
    color: #F7F9FE;
    border-color: #ff6b1f;
    background-color: #ff6b1f;
    text-decoration: none; }
  .sg-btn-flat-alarm:active {
    color: #F7F9FE;
    border-color: #ae3b00;
    background-color: #ae3b00; }
  .sg-btn-flat-alarm.sg-state--active {
    color: #F7F9FE;
    border-color: #ae3b00;
    background-color: #ae3b00; }
  .sg-btn-flat-alarm.sg-state--disable {
    color: #F7F9FE;
    border-color: #ffd0b8;
    background-color: #ffd0b8;
    cursor: inherit; }
    .sg-btn-flat-alarm.sg-state--disable:hover, .sg-btn-flat-alarm.sg-state--disable:active {
      color: #F7F9FE;
      border-color: #ffd0b8;
      background-color: #ffd0b8;
      cursor: inherit; }

.sg-btn-inverse-default {
  color: #fff;
  border: 2px solid #C4D2EB;
  background-color: transparent;
  padding: calc(0.533rem - 2px) 1.066rem; }
  .sg-btn-inverse-default:hover, .sg-btn-inverse-default:active {
    color: #fff;
    border-color: #95ACD4;
    background-color: #95ACD4;
    text-decoration: none; }
  .sg-btn-inverse-default:active {
    color: #fff;
    border-color: #7189B6;
    background-color: #7189B6; }
  .sg-btn-inverse-default.sg-state--active {
    color: #fff;
    border-color: #7189B6;
    background-color: #7189B6; }
  .sg-btn-inverse-default.sg-state--disable {
    color: #D8E3F6;
    border-color: #eaeff8;
    background-color: transparent;
    cursor: inherit; }
    .sg-btn-inverse-default.sg-state--disable:hover, .sg-btn-inverse-default.sg-state--disable:active {
      color: #D8E3F6;
      border-color: #eaeff8;
      background-color: transparent;
      cursor: inherit; }

.sg-btn-inverse-primary {
  color: #0E86FE;
  border: 2px solid #0E86FE;
  background-color: transparent;
  padding: calc(0.533rem - 2px) 1.066rem; }
  .sg-btn-inverse-primary:hover, .sg-btn-inverse-primary:active {
    color: #fff;
    border-color: #0E86FE;
    background-color: #0E86FE;
    text-decoration: none; }
  .sg-btn-inverse-primary:active {
    color: #fff;
    border-color: #0167ce;
    background-color: #0167ce; }
  .sg-btn-inverse-primary.sg-state--active {
    color: #fff;
    border-color: #0167ce;
    background-color: #0167ce; }
  .sg-btn-inverse-primary.sg-state--disable {
    color: #fff;
    border-color: #d9ecff;
    background-color: #d9ecff;
    cursor: inherit; }
    .sg-btn-inverse-primary.sg-state--disable:hover, .sg-btn-inverse-primary.sg-state--disable:active {
      color: #fff;
      border-color: #d9ecff;
      background-color: #d9ecff;
      cursor: inherit; }

.sg-btn-inverse-success {
  color: #2BCD86;
  border: 2px solid #2BCD86;
  background-color: transparent;
  padding: calc(0.533rem - 2px) 1.066rem; }
  .sg-btn-inverse-success:hover, .sg-btn-inverse-success:active {
    color: #fff;
    border-color: #2BCD86;
    background-color: #2BCD86;
    text-decoration: none; }
  .sg-btn-inverse-success:active {
    color: #fff;
    border-color: #209a65;
    background-color: #209a65; }
  .sg-btn-inverse-success.sg-state--active {
    color: #fff;
    border-color: #209a65;
    background-color: #209a65; }
  .sg-btn-inverse-success.sg-state--disable {
    color: #fff;
    border-color: #cff5e4;
    background-color: #cff5e4;
    cursor: inherit; }
    .sg-btn-inverse-success.sg-state--disable:hover, .sg-btn-inverse-success.sg-state--disable:active {
      color: #fff;
      border-color: #cff5e4;
      background-color: #cff5e4;
      cursor: inherit; }

.sg-btn-inverse-info {
  color: #0E86FE;
  border: 2px solid #0E86FE;
  background-color: transparent;
  padding: calc(0.533rem - 2px) 1.066rem; }
  .sg-btn-inverse-info:hover, .sg-btn-inverse-info:active {
    color: #fff;
    border-color: #0E86FE;
    background-color: #0E86FE;
    text-decoration: none; }
  .sg-btn-inverse-info:active {
    color: #fff;
    border-color: #0167ce;
    background-color: #0167ce; }
  .sg-btn-inverse-info.sg-state--active {
    color: #fff;
    border-color: #0167ce;
    background-color: #0167ce; }
  .sg-btn-inverse-info.sg-state--disable {
    color: #fff;
    border-color: #d9ecff;
    background-color: #d9ecff;
    cursor: inherit; }
    .sg-btn-inverse-info.sg-state--disable:hover, .sg-btn-inverse-info.sg-state--disable:active {
      color: #fff;
      border-color: #d9ecff;
      background-color: #d9ecff;
      cursor: inherit; }

.sg-btn-inverse-warning {
  color: #FFB400;
  border: 2px solid #FFB400;
  background-color: transparent;
  padding: calc(0.533rem - 2px) 1.066rem; }
  .sg-btn-inverse-warning:hover, .sg-btn-inverse-warning:active {
    color: #fff;
    border-color: #FFB400;
    background-color: #FFB400;
    text-decoration: none; }
  .sg-btn-inverse-warning:active {
    color: #fff;
    border-color: #c28900;
    background-color: #c28900; }
  .sg-btn-inverse-warning.sg-state--active {
    color: #fff;
    border-color: #c28900;
    background-color: #c28900; }
  .sg-btn-inverse-warning.sg-state--disable {
    color: #fff;
    border-color: #fff0cc;
    background-color: #fff0cc;
    cursor: inherit; }
    .sg-btn-inverse-warning.sg-state--disable:hover, .sg-btn-inverse-warning.sg-state--disable:active {
      color: #fff;
      border-color: #fff0cc;
      background-color: #fff0cc;
      cursor: inherit; }

.sg-btn-inverse-alarm {
  color: #EB5000;
  border: 2px solid #EB5000;
  background-color: transparent;
  padding: calc(0.533rem - 2px) 1.066rem; }
  .sg-btn-inverse-alarm:hover, .sg-btn-inverse-alarm:active {
    color: #fff;
    border-color: #EB5000;
    background-color: #EB5000;
    text-decoration: none; }
  .sg-btn-inverse-alarm:active {
    color: #fff;
    border-color: #ae3b00;
    background-color: #ae3b00; }
  .sg-btn-inverse-alarm.sg-state--active {
    color: #fff;
    border-color: #ae3b00;
    background-color: #ae3b00; }
  .sg-btn-inverse-alarm.sg-state--disable {
    color: #fff;
    border-color: #ffd0b8;
    background-color: #ffd0b8;
    cursor: inherit; }
    .sg-btn-inverse-alarm.sg-state--disable:hover, .sg-btn-inverse-alarm.sg-state--disable:active {
      color: #fff;
      border-color: #ffd0b8;
      background-color: #ffd0b8;
      cursor: inherit; }

.sg-btn-xlarge {
  padding: calc(0.8rem - 1px) 1.333rem;
  font-size: 1.4rem;
  border-radius: 6px;
  height: 3rem; }
  .sg-btn-xlarge.sg-btn-square, .sg-btn-xlarge.sg-btn-circle, .sg-btn-xlarge.sg-btn.sg-btn-icon {
    padding: 0;
    width: 3rem;
    line-height: 3rem; }
  .sg-btn-xlarge.sg-btn-circle {
    border-radius: 100%; }

.sg-btn-large {
  padding: calc(0.666rem - 1px) 1.2rem;
  font-size: 1.2rem;
  border-radius: 5px;
  height: 2.532rem; }
  .sg-btn-large.sg-btn-square, .sg-btn-large.sg-btn-circle, .sg-btn-large.sg-btn.sg-btn-icon {
    padding: 0;
    width: 2.532rem;
    line-height: 2.532rem; }
  .sg-btn-large.sg-btn-circle {
    border-radius: 100%; }

.sg-btn-small {
  padding: calc(0.4rem - 1px) 0.8rem;
  font-size: 0.866rem;
  border-radius: 3px;
  height: 1.666rem; }
  .sg-btn-small.sg-btn-square, .sg-btn-small.sg-btn-circle, .sg-btn-small.sg-btn.sg-btn-icon {
    padding: 0;
    width: 1.666rem;
    line-height: 1.666rem; }
  .sg-btn-small.sg-btn-circle {
    border-radius: 100%; }

.sg-btn-xsmall {
  padding: calc(0.2rem - 1px) 0.533rem;
  font-size: 0.8rem;
  border-radius: 2px;
  height: 1.2rem; }
  .sg-btn-xsmall.sg-btn-square, .sg-btn-xsmall.sg-btn-circle, .sg-btn-xsmall.sg-btn.sg-btn-icon {
    padding: 0;
    width: 1.2rem;
    line-height: 1.2rem; }
  .sg-btn-xsmall.sg-btn-circle {
    border-radius: 100%; }

.sg-btn-facebook {
  color: #3b5998;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .sg-btn-facebook:hover, .sg-btn-facebook:active {
    color: #fff;
    border-color: #3b5998;
    background-color: #3b5998;
    text-decoration: none; }
  .sg-btn-facebook:active {
    color: #fff;
    border-color: #2d4373;
    background-color: #2d4373; }
  .sg-btn-facebook.sg-state--active {
    color: #fff;
    border-color: #2d4373;
    background-color: #2d4373; }
  .sg-btn-facebook.sg-state--disable {
    color: #879fd0;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-facebook.sg-state--disable:hover, .sg-btn-facebook.sg-state--disable:active {
      color: #879fd0;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-twitter {
  color: #00b6f1;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .sg-btn-twitter:hover, .sg-btn-twitter:active {
    color: #fff;
    border-color: #00b6f1;
    background-color: #00b6f1;
    text-decoration: none; }
  .sg-btn-twitter:active {
    color: #fff;
    border-color: #008fbe;
    background-color: #008fbe; }
  .sg-btn-twitter.sg-state--active {
    color: #fff;
    border-color: #008fbe;
    background-color: #008fbe; }
  .sg-btn-twitter.sg-state--disable {
    color: #77deff;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-twitter.sg-state--disable:hover, .sg-btn-twitter.sg-state--disable:active {
      color: #77deff;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-youtube {
  color: #cd201f;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .sg-btn-youtube:hover, .sg-btn-youtube:active {
    color: #fff;
    border-color: #cd201f;
    background-color: #cd201f;
    text-decoration: none; }
  .sg-btn-youtube:active {
    color: #fff;
    border-color: #a11918;
    background-color: #a11918; }
  .sg-btn-youtube.sg-state--active {
    color: #fff;
    border-color: #a11918;
    background-color: #a11918; }
  .sg-btn-youtube.sg-state--disable {
    color: #ec8584;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .sg-btn-youtube.sg-state--disable:hover, .sg-btn-youtube.sg-state--disable:active {
      color: #ec8584;
      border-color: #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }

.sg-btn-group {
  display: inline-block;
  font-size: 0; }
  .sg-btn-group > .sg-btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .sg-btn-group > .sg-btn:not(:first-child):not(:last-child) {
    margin-left: -1px;
    border-radius: 0; }
  .sg-btn-group > .sg-btn:last-child {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.sg-btn-group-vartical {
  display: inline-block; }
  .sg-btn-group-vartical > .sg-btn {
    display: block; }
  .sg-btn-group-vartical > .sg-btn:first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .sg-btn-group-vartical > .sg-btn:not(:first-child):not(:last-child) {
    margin-top: -1px;
    border-radius: 0; }
  .sg-btn-group-vartical > .sg-btn:last-child {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0; }

.sg-btn-toolbar > .sg-btn-group + .sg-btn-group {
  margin-left: 5px; }

.sg-btn-link.sg-state--disable,
.sg-btn-darklink.sg-state--disable {
  text-decoration: none; }
  .sg-btn-link.sg-state--disable:hover, .sg-btn-link.sg-state--disable:active,
  .sg-btn-darklink.sg-state--disable:hover,
  .sg-btn-darklink.sg-state--disable:active {
    text-decoration: none; }
.sg-btn-link.sg-state--underline:hover, .sg-btn-link.sg-state--underline:active,
.sg-btn-darklink.sg-state--underline:hover,
.sg-btn-darklink.sg-state--underline:active {
  text-decoration: underline; }
.sg-btn-link.sg-state--underline:active,
.sg-btn-darklink.sg-state--underline:active {
  text-decoration: underline; }
.sg-btn-link.sg-state--underline.sg-state--active,
.sg-btn-darklink.sg-state--underline.sg-state--active {
  text-decoration: underline; }

@font-face {
  font-family: 'Fixed Microsoft JhengHei';
  unicode-range: U+7db0, U+78A7, U+7B75;
  /* ASCII (碧筵綰) */
  font-style: normal;
  font-weight: bold;
  src: local("Yu Gothic"), local("MS Gothic"); }
@font-face {
  font-family: 'Fixed Microsoft JhengHei';
  unicode-range: U+7db0, U+78A7, U+7B75;
  /* ASCII (碧筵綰) */
  font-style: normal;
  font-weight: normal;
  src: local("Microsoft JhengHei"); }
@font-face {
  font-family: 'Microsoft JhengHei';
  src: local("Microsoft JhengHei"), local("微軟正黑體"); }

@-moz-keyframes shake-frames {
  2% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  4% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  6% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  8% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  10% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  12% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  14% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  16% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  18% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  20% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  22% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  24% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  26% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  28% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  30% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  32% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  34% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  36% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  38% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  40% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  42% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  44% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  46% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  48% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  50% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  52% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  54% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  56% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  58% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  60% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  62% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  64% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  66% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  68% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  70% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  72% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  74% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  76% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  78% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  80% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  82% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  84% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  86% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  88% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  90% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  92% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  94% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  96% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  98% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }
@-webkit-keyframes shake-frames {
  2% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  4% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  6% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  8% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  10% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  12% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  14% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  16% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  18% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  20% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  22% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  24% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  26% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  28% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  30% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  32% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  34% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  36% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  38% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  40% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  42% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  44% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  46% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  48% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  50% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  52% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  54% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  56% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  58% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  60% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  62% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  64% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  66% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  68% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  70% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  72% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  74% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  76% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  78% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  80% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  82% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  84% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  86% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  88% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  90% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  92% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  94% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  96% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  98% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }
@keyframes shake-frames {
  2% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  4% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  6% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  8% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  10% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  12% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  14% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  16% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  18% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  20% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  22% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  24% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  26% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  28% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  30% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  32% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  34% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  36% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  38% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  40% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  42% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  44% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  46% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  48% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  50% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  52% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  54% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  56% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  58% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  60% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  62% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  64% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  66% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  68% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  70% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  72% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  74% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  76% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  78% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  80% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  82% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  84% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  86% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  88% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  90% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  92% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  94% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  96% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  98% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }
.is-none,
.is-hide {
  display: none !important; }

.is-show {
  display: block; }

.is-transparent {
  opacity: 0; }

[disabled] {
  opacity: 0.5;
  pointer-events: none; }

.full-height {
  height: 100%; }

.align-right {
  text-align: right; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-visible {
  overflow: visible !important; }

.overflow-x-visible {
  overflow-x: visible !important; }

.overflow-y-visible {
  overflow-y: visible !important; }

.set-l {
  float: left; }

.set-r {
  float: right; }

.pos-r {
  position: relative; }

.pos-a {
  position: absolute; }

.u-inline-block {
  display: inline-block; }

.group:before, .group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.icon-text, .in-blk {
  display: inline-block;
  vertical-align: middle; }

.blk {
  display: block; }

.set-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.set-flex-1 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.set-flex-2 {
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2; }

.set-flex-3 {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3; }

.set-flex-4 {
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4; }

.set-flex-5 {
  -webkit-flex: 5;
  -ms-flex: 5;
  flex: 5; }

.set-flex-center {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.u-align-top:before, .u-align-middle:before, .u-align-bottom:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%; }
.u-align-top > *, .u-align-middle > *, .u-align-bottom > * {
  display: inline-block; }

.u-align-top:before {
  vertical-align: top; }
.u-align-top > * {
  vertical-align: top; }

.u-align-middle:before {
  vertical-align: middle; }
.u-align-middle > * {
  vertical-align: middle; }

.u-align-bottom:before {
  vertical-align: bottom; }
.u-align-bottom > * {
  vertical-align: bottom; }

.u-cell-align-top .cell {
  vertical-align: top; }

.u-cell-align-middle .cell {
  vertical-align: middle; }

.u-cell-align-bottom .cell {
  vertical-align: bottom; }

.u-group:after {
  content: "";
  display: block;
  clear: both; }

.u-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: inline-block; }

.u-scrollable {
  overflow: auto; }
  .u-scrollable:not(.u-scrollable-show) {
    -ms-overflow-style: none; }
  .u-scrollable:not(.u-scrollable-show)::-webkit-scrollbar {
    display: none; }

.u-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.u-nowrap {
  white-space: nowrap; }

.u-sticky {
  position: relative; }
  .u-sticky.affix {
    z-index: 999; }
    .u-sticky.affix > * {
      position: fixed; }

.u-sortable .sortable-placeholder {
  display: block; }
.u-sortable .sortable-dragging {
  cursor: move; }

.u-padding-r {
  padding-right: 10px; }

.u-padding-l {
  padding-left: 10px; }

.u-padding-r-s {
  padding-right: 8px; }

.u-padding-l-s {
  padding-left: 8px; }

.icon-color-light {
  color: #fff; }

.icon-color-dark {
  color: #555; }

.icon-color-black {
  color: #000; }

.icon-color-default {
  color: #C4D2EB; }

.icon-color-theme {
  color: #2F7DEB; }

.icon-color-side {
  color: #2D3649; }

.icon-color-desktop {
  color: #DADEE6; }

.icon-color-info {
  color: #0E86FE; }

.icon-color-warning {
  color: #FFB400; }

.icon-color-accepted {
  color: #2BCD86; }

.icon-color-denied {
  color: #EB5000; }

.icon-color-inverse {
  color: #4d4d4d; }

.gi-decision:before {
  content: "\f00c"; }

.gi-type-paper:before {
  content: "\f016"; }

.gi-permission-secret:before {
  content: "\f023"; }

.gi-edit:before {
  content: "\f044"; }

.gi-eye:before {
  content: "\f06e"; }

.gi-warning:before {
  content: "\f071"; }

.fields-collapse .collapse-icon:before {
  content: "\f078"; }

.gi-bullhorn:before {
  content: "\f0a1"; }

.gi-combine:before {
  content: "\f0c1"; }

.gi-paperclip:before {
  content: "\f0c6"; }

.gi-comment-o:before {
  content: "\f0e5"; }

.gi-doc-receipt {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-doc-receipt.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-doc-receipt.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-doc-receipt:before {
    color: #13A2D2;
    border: 1px solid #13A2D2;
    background-color: #DDF7FF;
    content: "收";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-doc-unit-receipt {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-doc-unit-receipt.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-doc-unit-receipt.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-doc-unit-receipt:before {
    color: #0E7CEB;
    border: 1px solid #0E7CEB;
    background-color: #DDEEFF;
    content: "單";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-doc-dispatch {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-doc-dispatch.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-doc-dispatch.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-doc-dispatch:before {
    color: #930C9D;
    border: 1px solid #930C9D;
    background-color: #FEE5FF;
    content: "發";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-doc-create {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-doc-create.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-doc-create.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-doc-create:before {
    color: #07A163;
    border: 1px solid #07A163;
    background-color: #E5FFF4;
    content: "創";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-doc-assign {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-doc-assign.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-doc-assign.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-doc-assign:before {
    color: #B57D00;
    border: 1px solid #B57D00;
    background-color: #FFF2CF;
    content: "交";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-doc-sign {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-doc-sign.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-doc-sign.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-doc-sign:before {
    color: #B44000;
    border: 1px solid #B44000;
    background-color: #FFE7DA;
    content: "簽";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-doc-internal {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-doc-internal.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-doc-internal.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-doc-internal:before {
    color: #AB1045;
    border: 1px solid #AB1045;
    background-color: #FCDFE9;
    content: "內";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-doc-processing {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-doc-processing.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-doc-processing.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-doc-processing:before {
    color: #403097;
    border: 1px solid #403097;
    background-color: #D9D4F2;
    content: "會";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-urgency-ordinary {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-urgency-ordinary.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-urgency-ordinary.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-urgency-ordinary:before {
    color: #fff;
    border: 1px solid #CC9000;
    background-color: #CC9000;
    content: "普";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-urgency-express {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-urgency-express.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-urgency-express.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-urgency-express:before {
    color: #fff;
    border: 1px solid #FFB400;
    background-color: #FFB400;
    content: "速";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-urgency-limited {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-urgency-limited.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-urgency-limited.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-urgency-limited:before {
    color: #fff;
    border: 1px solid #FF6B1F;
    background-color: #FF6B1F;
    content: "限";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-urgency-most {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-urgency-most.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-urgency-most.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-urgency-most:before {
    color: #fff;
    border: 1px solid #E70000;
    background-color: #E70000;
    content: "最";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-permission-secret {
  color: #1E3868;
  text-align: center;
  font: normal normal normal 1rem icomoon;
  font-size: 1rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .gi-permission-secret.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-permission-secret.gi-inline:not(:first-child) {
    margin-left: 10px; }

.gi-type-paper {
  color: #95abd3;
  text-align: center;
  font: normal normal normal 1rem icomoon;
  font-size: 1rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .gi-type-paper.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-type-paper.gi-inline:not(:first-child) {
    margin-left: 10px; }

.gi-type-online {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-type-online.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-type-online.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-type-online:before {
    color: #fff;
    border: 1px solid #42C74F;
    background-color: #42C74F;
    content: "線";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-type-apply {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-type-apply.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-type-apply.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-type-apply:before {
    color: #fff;
    border: 1px solid #2791FB;
    background-color: #2791FB;
    content: "申";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-combine {
  color: #95abd3;
  text-align: center;
  font: normal normal normal 1rem icomoon;
  font-size: 1rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .gi-combine.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-combine.gi-inline:not(:first-child) {
    margin-left: 10px; }

.gi-decision {
  color: #2BCD86;
  text-align: center;
  font: normal normal normal 1rem icomoon;
  font-size: 1rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .gi-decision.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-decision.gi-inline:not(:first-child) {
    margin-left: 10px; }

.gi-stamp-and {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-stamp-and.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-stamp-and.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-stamp-and:before {
    color: #fff;
    border: 1px solid #95abd3;
    background-color: #95abd3;
    content: "兼";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-emergency {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-emergency.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-emergency.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-emergency:before {
    color: #fff;
    border: 1px solid #FF68AE;
    background-color: #FF68AE;
    content: "急";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-emergency-ex {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-emergency-ex.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-emergency-ex.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-emergency-ex:before {
    color: #fff;
    border: 1px solid #6BD542;
    background-color: #6BD542;
    content: "特急";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 32px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-emergency-reqeust {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-emergency-reqeust.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-emergency-reqeust.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-emergency-reqeust:before {
    color: #fff;
    border: 1px solid #FF83B3;
    background-color: #FF83B3;
    content: "急要";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 32px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-letter {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-letter.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-letter.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-letter:before {
    color: #07A163;
    border: 1px solid #07A163;
    background-color: #E5FFF4;
    content: "函";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-draft {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-draft.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-draft.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-draft:before {
    color: #0E7CEB;
    border: 1px solid #0E7CEB;
    background-color: #DDEEFF;
    content: "稿";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-undertake {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-undertake.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-undertake.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-undertake:before {
    color: #000;
    border: 1px solid #888888;
    background-color: #CECCD0;
    content: "承";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi-sign {
  font-size: 0.75rem;
  text-align: center;
  text-rendering: auto; }
  .gi-sign.gi-inline:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi-sign.gi-inline:not(:first-child) {
    margin-left: 10px; }
  .gi-sign:before {
    color: #ab1045;
    border: 1px solid #ab1045;
    background-color: #FCDFE9;
    content: "簽";
    font: inherit;
    display: inline-block;
    border-radius: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.gi {
  display: inline;
  font: normal normal normal 1rem icomoon;
  font-size: 1rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #456296; }
  .gi:first-child:not(:last-child) {
    margin-right: 10px; }
  .gi:not(:first-child) {
    margin-left: 10px; }
  .gi.gi-color-lighter {
    color: #95abd3; }
  .gi.gi-color-info {
    color: #0E86FE; }
  .gi.gi-color-success {
    color: #2BCD86; }
  .gi.gi-color-warning {
    color: #FFB400; }
  .gi.gi-color-danger {
    color: #EB5000; }

.k-grid td .btn.btn-link.btn-small {
  padding: 3px;
  font-size: 18px;
  color: #456297; }
  .k-grid td .btn.btn-link.btn-small:hover {
    color: #7189B6; }
  .k-grid td .btn.btn-link.btn-small:active {
    color: #2A487F; }
.k-grid td .btn.btn-link.btn-small:first-child:last-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
  text-overflow: clip; }
.k-grid td .btn.no-ellipsis {
  width: 100%;
  text-overflow: clip; }

.btn {
  position: relative;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  box-sizing: border-box; }
  .btn:active, .btn:hover, .btn:focus {
    outline: 0; }

.btn-default {
  color: #456297;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .btn-default:hover {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #D8E3F6; }
  .btn-default:focus, .btn-default:active {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .btn-default.is-active {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .btn-default.is-disable {
    color: #93a8ce;
    border-color: #eaeff8;
    background-color: #F7F9FE;
    cursor: inherit; }
    .btn-default.is-disable:hover, .btn-default.is-disable:active {
      color: #93a8ce;
      border-color: l #eaeff8;
      background-color: #F7F9FE;
      cursor: inherit; }
  .btn-default.disabled {
    opacity: 0.5;
    pointer-events: none; }

.btn-primary {
  color: #F7F9FE;
  border: 1px solid #0E86FE;
  background-color: #0E86FE; }
  .btn-primary:hover {
    color: #F7F9FE;
    border-color: #41a0fe;
    background-color: #41a0fe; }
  .btn-primary:focus, .btn-primary:active {
    color: #F7F9FE;
    border-color: #0167ce;
    background-color: #0167ce; }
  .btn-primary.is-active {
    color: #F7F9FE;
    border-color: #0167ce;
    background-color: #0167ce; }
  .btn-primary.is-disable {
    color: #F7F9FE;
    border-color: #d9ecff;
    background-color: #d9ecff;
    cursor: inherit; }
    .btn-primary.is-disable:hover, .btn-primary.is-disable:active {
      color: #F7F9FE;
      border-color: l #d9ecff;
      background-color: #d9ecff;
      cursor: inherit; }
  .btn-primary.disabled {
    opacity: 0.5;
    pointer-events: none; }

.btn-success {
  color: #F7F9FE;
  border: 1px solid #2BCD86;
  background-color: #2BCD86; }
  .btn-success:hover {
    color: #F7F9FE;
    border-color: #51da9e;
    background-color: #51da9e; }
  .btn-success:focus, .btn-success:active {
    color: #F7F9FE;
    border-color: #209a65;
    background-color: #209a65; }
  .btn-success.is-active {
    color: #F7F9FE;
    border-color: #209a65;
    background-color: #209a65; }
  .btn-success.is-disable {
    color: #F7F9FE;
    border-color: #cff5e4;
    background-color: #cff5e4;
    cursor: inherit; }
    .btn-success.is-disable:hover, .btn-success.is-disable:active {
      color: #F7F9FE;
      border-color: l #cff5e4;
      background-color: #cff5e4;
      cursor: inherit; }
  .btn-success.disabled {
    opacity: 0.5;
    pointer-events: none; }

.btn-info {
  color: #F7F9FE;
  border: 1px solid #0E86FE;
  background-color: #0E86FE; }
  .btn-info:hover {
    color: #F7F9FE;
    border-color: #41a0fe;
    background-color: #41a0fe; }
  .btn-info:focus, .btn-info:active {
    color: #F7F9FE;
    border-color: #0167ce;
    background-color: #0167ce; }
  .btn-info.is-active {
    color: #F7F9FE;
    border-color: #0167ce;
    background-color: #0167ce; }
  .btn-info.is-disable {
    color: #F7F9FE;
    border-color: #d9ecff;
    background-color: #d9ecff;
    cursor: inherit; }
    .btn-info.is-disable:hover, .btn-info.is-disable:active {
      color: #F7F9FE;
      border-color: l #d9ecff;
      background-color: #d9ecff;
      cursor: inherit; }
  .btn-info.disabled {
    opacity: 0.5;
    pointer-events: none; }

.btn-warning {
  color: #F7F9FE;
  border: 1px solid #FFB400;
  background-color: #FFB400; }
  .btn-warning:hover {
    color: #F7F9FE;
    border-color: #ffc333;
    background-color: #ffc333; }
  .btn-warning:focus, .btn-warning:active {
    color: #F7F9FE;
    border-color: #c28900;
    background-color: #c28900; }
  .btn-warning.is-active {
    color: #F7F9FE;
    border-color: #c28900;
    background-color: #c28900; }
  .btn-warning.is-disable {
    color: #F7F9FE;
    border-color: #fff0cc;
    background-color: #fff0cc;
    cursor: inherit; }
    .btn-warning.is-disable:hover, .btn-warning.is-disable:active {
      color: #F7F9FE;
      border-color: l #fff0cc;
      background-color: #fff0cc;
      cursor: inherit; }
  .btn-warning.disabled {
    opacity: 0.5;
    pointer-events: none; }

.btn-danger {
  color: #F7F9FE;
  border: 1px solid #EB5000;
  background-color: #EB5000; }
  .btn-danger:hover {
    color: #F7F9FE;
    border-color: #ff6b1f;
    background-color: #ff6b1f; }
  .btn-danger:focus, .btn-danger:active {
    color: #F7F9FE;
    border-color: #ae3b00;
    background-color: #ae3b00; }
  .btn-danger.is-active {
    color: #F7F9FE;
    border-color: #ae3b00;
    background-color: #ae3b00; }
  .btn-danger.is-disable {
    color: #F7F9FE;
    border-color: #ffd0b8;
    background-color: #ffd0b8;
    cursor: inherit; }
    .btn-danger.is-disable:hover, .btn-danger.is-disable:active {
      color: #F7F9FE;
      border-color: l #ffd0b8;
      background-color: #ffd0b8;
      cursor: inherit; }
  .btn-danger.disabled {
    opacity: 0.5;
    pointer-events: none; }

.btn-inverse {
  color: #fff;
  border: 1px solid #C4D2EB;
  background-color: transparent; }
  .btn-inverse:hover {
    color: #fff;
    border-color: #95ACD4;
    background-color: #95ACD4; }
  .btn-inverse:focus, .btn-inverse:active {
    color: #fff;
    border-color: #7189B6;
    background-color: #7189B6; }
  .btn-inverse.is-active {
    color: #fff;
    border-color: #7189B6;
    background-color: #7189B6; }
  .btn-inverse.is-disable {
    color: #D8E3F6;
    border-color: #eaeff8;
    background-color: transparent;
    cursor: inherit; }
    .btn-inverse.is-disable:hover, .btn-inverse.is-disable:active {
      color: #D8E3F6;
      border-color: l #eaeff8;
      background-color: transparent;
      cursor: inherit; }
  .btn-inverse.disabled {
    opacity: 0.5;
    pointer-events: none; }

.btn-xl {
  padding: 12px 18px;
  font-size: 1.6rem; }

.btn-l {
  padding: 10px 16px;
  font-size: 1.2rem; }

.btn-s {
  padding: 6px 12px;
  font-size: 0.9rem; }

.btn-xs {
  padding: 3px 8px;
  font-size: 0.8rem; }

.modal-body .btn,
.modal-footer .btn {
  padding: 7px 21px;
  border-radius: 4px;
  font-size: 1rem;
  line-height: 1;
  color: #456297;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .modal-body .btn:not(:last-child),
  .modal-footer .btn:not(:last-child) {
    margin-right: 10px; }
  .modal-body .btn.btn-link,
  .modal-footer .btn.btn-link {
    border: none;
    background-color: transparent; }
    .modal-body .btn.btn-link:hover,
    .modal-footer .btn.btn-link:hover {
      background-color: transparent; }
  .modal-body .btn.btn-small,
  .modal-footer .btn.btn-small {
    padding: 3px; }
  .modal-body .btn:hover,
  .modal-footer .btn:hover {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #D8E3F6; }
  .modal-body .btn:focus, .modal-body .btn:active,
  .modal-footer .btn:focus,
  .modal-footer .btn:active {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .modal-body .btn.disabled,
  .modal-footer .btn.disabled {
    opacity: 0.5;
    pointer-events: none; }
.modal-body .btn-default,
.modal-footer .btn-default {
  color: #456297;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE; }
  .modal-body .btn-default:hover,
  .modal-footer .btn-default:hover {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #D8E3F6; }
  .modal-body .btn-default:focus, .modal-body .btn-default:active,
  .modal-footer .btn-default:focus,
  .modal-footer .btn-default:active {
    color: #456297;
    border-color: #C4D2EB;
    background-color: #C4D2EB; }
  .modal-body .btn-default.disabled,
  .modal-footer .btn-default.disabled {
    opacity: 0.5;
    pointer-events: none; }
.modal-body .btn-primary,
.modal-footer .btn-primary {
  color: #F7F9FE;
  border: 1px solid #0E86FE;
  background-color: #0E86FE; }
  .modal-body .btn-primary:hover,
  .modal-footer .btn-primary:hover {
    color: #F7F9FE;
    border-color: #41a0fe;
    background-color: #41a0fe; }
  .modal-body .btn-primary:focus, .modal-body .btn-primary:active,
  .modal-footer .btn-primary:focus,
  .modal-footer .btn-primary:active {
    color: #F7F9FE;
    border-color: #0167ce;
    background-color: #0167ce; }
  .modal-body .btn-primary.disabled,
  .modal-footer .btn-primary.disabled {
    opacity: 0.5;
    pointer-events: none; }
.modal-body .btn-success,
.modal-footer .btn-success {
  color: #F7F9FE;
  border: 1px solid #2BCD86;
  background-color: #2BCD86; }
  .modal-body .btn-success:hover,
  .modal-footer .btn-success:hover {
    color: #F7F9FE;
    border-color: #51da9e;
    background-color: #51da9e; }
  .modal-body .btn-success:focus, .modal-body .btn-success:active,
  .modal-footer .btn-success:focus,
  .modal-footer .btn-success:active {
    color: #F7F9FE;
    border-color: #209a65;
    background-color: #209a65; }
  .modal-body .btn-success.disabled,
  .modal-footer .btn-success.disabled {
    opacity: 0.5;
    pointer-events: none; }
.modal-body .btn-info,
.modal-footer .btn-info {
  color: #F7F9FE;
  border: 1px solid #0E86FE;
  background-color: #0E86FE; }
  .modal-body .btn-info:hover,
  .modal-footer .btn-info:hover {
    color: #F7F9FE;
    border-color: #41a0fe;
    background-color: #41a0fe; }
  .modal-body .btn-info:focus, .modal-body .btn-info:active,
  .modal-footer .btn-info:focus,
  .modal-footer .btn-info:active {
    color: #F7F9FE;
    border-color: #0167ce;
    background-color: #0167ce; }
  .modal-body .btn-info.disabled,
  .modal-footer .btn-info.disabled {
    opacity: 0.5;
    pointer-events: none; }
.modal-body .btn-warning,
.modal-footer .btn-warning {
  color: #F7F9FE;
  border: 1px solid #FFB400;
  background-color: #FFB400; }
  .modal-body .btn-warning:hover,
  .modal-footer .btn-warning:hover {
    color: #F7F9FE;
    border-color: #ffc333;
    background-color: #ffc333; }
  .modal-body .btn-warning:focus, .modal-body .btn-warning:active,
  .modal-footer .btn-warning:focus,
  .modal-footer .btn-warning:active {
    color: #F7F9FE;
    border-color: #c28900;
    background-color: #c28900; }
  .modal-body .btn-warning.disabled,
  .modal-footer .btn-warning.disabled {
    opacity: 0.5;
    pointer-events: none; }
.modal-body .btn-danger,
.modal-footer .btn-danger {
  color: #F7F9FE;
  border: 1px solid #EB5000;
  background-color: #EB5000; }
  .modal-body .btn-danger:hover,
  .modal-footer .btn-danger:hover {
    color: #F7F9FE;
    border-color: #ff6b1f;
    background-color: #ff6b1f; }
  .modal-body .btn-danger:focus, .modal-body .btn-danger:active,
  .modal-footer .btn-danger:focus,
  .modal-footer .btn-danger:active {
    color: #F7F9FE;
    border-color: #ae3b00;
    background-color: #ae3b00; }
  .modal-body .btn-danger.disabled,
  .modal-footer .btn-danger.disabled {
    opacity: 0.5;
    pointer-events: none; }
.modal-body .btn-inverse,
.modal-footer .btn-inverse {
  color: #fff;
  border: 1px solid #C4D2EB;
  background-color: transparent; }
  .modal-body .btn-inverse:hover,
  .modal-footer .btn-inverse:hover {
    color: #fff;
    border-color: #95ACD4;
    background-color: #95ACD4; }
  .modal-body .btn-inverse:focus, .modal-body .btn-inverse:active,
  .modal-footer .btn-inverse:focus,
  .modal-footer .btn-inverse:active {
    color: #fff;
    border-color: #7189B6;
    background-color: #7189B6; }
  .modal-body .btn-inverse.disabled,
  .modal-footer .btn-inverse.disabled {
    opacity: 0.5;
    pointer-events: none; }
.modal-body .btn-xl,
.modal-footer .btn-xl {
  padding: 12px 18px;
  font-size: 1.6rem; }
.modal-body .btn-l,
.modal-footer .btn-l {
  padding: 10px 16px;
  font-size: 1.2rem; }
.modal-body .btn-s,
.modal-footer .btn-s {
  padding: 6px 12px;
  font-size: 0.9rem; }
.modal-body .btn-xs,
.modal-footer .btn-xs {
  padding: 3px 8px;
  font-size: 0.8rem; }
.modal-body .btn-square,
.modal-footer .btn-square {
  padding: 0;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.2; }
.modal-body .btn-circle,
.modal-footer .btn-circle {
  padding: 0;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.2;
  border-radius: 50%; }
.modal-body .btn-star-toggle,
.modal-footer .btn-star-toggle {
  color: #95ACD4;
  font-size: 1.125rem;
  text-align: center;
  cursor: pointer; }
  .modal-body .btn-star-toggle:hover,
  .modal-footer .btn-star-toggle:hover {
    color: #456297; }
  .modal-body .btn-star-toggle .icon-star:before,
  .modal-footer .btn-star-toggle .icon-star:before {
    content: ""; }
  .modal-body .btn-star-toggle.active,
  .modal-footer .btn-star-toggle.active {
    color: #FFB400; }
    .modal-body .btn-star-toggle.active .icon-star:before,
    .modal-footer .btn-star-toggle.active .icon-star:before {
      content: ""; }

.tab-box {
  position: relative;
  width: 100%;
  white-space: nowrap; }

.tab-item {
  display: inline-block; }
  .tab-item:not(:last-child) {
    margin-right: 10px; }

.arrow-tab-item {
  position: relative;
  display: inline-block; }
  .arrow-tab-item:not(:last-child) {
    margin-right: 32px; }
  .arrow-tab-item:last-child > .arrow-tab-icon {
    display: none; }

.arrow-tab-icon {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -24px; }

.tab-btn {
  position: relative;
  z-index: 5;
  display: block;
  font-size: 1rem;
  color: #456297;
  padding: 6px 22px 7px;
  line-height: 1.3;
  border-radius: 2.16667rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .tab-btn:hover {
    color: #456297;
    background-color: #D8E3F6; }
  .tab-btn:active {
    background-color: #C4D2EB; }
  .tab-btn.is-active {
    color: #F7F9FE;
    background-color: #2A487F; }
  .tab-btn > * {
    vertical-align: middle;
    display: inline-block; }

.tab-text {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: -1px;
  margin-bottom: 1px; }

.sub-tab {
  background: linear-gradient(to right, #0e86fe, #0e86fe);
  width: auto;
  border-radius: 4px 4px 0 0;
  padding: 8px 0 0 12px; }
  .sub-tab .tab-item:not(:last-child) {
    margin-right: 2px; }
  .sub-tab .tab-btn {
    padding: 5px 20px 4px;
    line-height: 1.4;
    font-size: 1rem;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 4px 4px 0 0; }
    .sub-tab .tab-btn.is-active {
      color: #456297;
      background-color: #fff; }

.tab-content,
.tab-panel {
  position: static; }

.tab-badge {
  font-family: Arial;
  color: #fff;
  background-color: #0E86FE;
  padding: 1px 8px 2px;
  font-size: 0.875rem;
  border-radius: 5.1375rem;
  margin: 0 -5px 0 4px; }
  .main-tab .tab-btn.is-active .tab-badge {
    color: #555555;
    background-color: #fff; }
  .sub-tab .tab-btn:not(.is-active) .tab-badge {
    color: #555555;
    background-color: #fff; }

.lavalamp-object:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  z-index: 7;
  background-color: #0E86FE; }

.priority-nav {
  white-space: nowrap;
  /*
    * Makes sure the menu's are inline-block so they don't take up
    * the entire width of its parent. This will break the plugin.
    */ }

.priority-nav > ul {
  display: inline-block; }

.priority-nav > ul > li {
  display: inline-block; }

.priority-nav__wrapper {
  position: relative; }

.priority-nav__dropdown {
  position: absolute; }

.priority-nav-is-visible {
  display: inline-block; }

.priority-nav-is-hidden {
  display: none; }

.nav-dropdown.show {
  display: block; }

.main-tab .nav-dropdown,
.sub-tab .nav-dropdown {
  padding: 14px 0; }
  .main-tab .nav-dropdown.set-left,
  .sub-tab .nav-dropdown.set-left {
    left: 0;
    right: auto; }
  .main-tab .nav-dropdown .tab-item,
  .sub-tab .nav-dropdown .tab-item {
    display: block;
    margin-right: 0; }
    .sub-tab .main-tab .nav-dropdown .tab-item, .sub-tab
    .sub-tab .nav-dropdown .tab-item {
      margin-right: 0; }
  .main-tab .nav-dropdown .tab-btn,
  .sub-tab .nav-dropdown .tab-btn {
    padding: 14px 23px 11px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .main-tab .nav-dropdown .tab-text,
  .sub-tab .nav-dropdown .tab-text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .main-tab .nav-dropdown .tab-badge,
  .sub-tab .nav-dropdown .tab-badge {
    margin-left: 5px; }
.main-tab .nav-dropdown-toggle,
.sub-tab .nav-dropdown-toggle {
  padding: 0 15px;
  line-height: 30px;
  height: 30px;
  width: 40px;
  text-align: center; }
  .main-tab .nav-dropdown-toggle:hover,
  .sub-tab .nav-dropdown-toggle:hover {
    font-size: 1.2rem; }

.main-tab .nav-dropdown {
  background-color: #f8f8f8; }
  .main-tab .nav-dropdown .tab-btn {
    margin: 0 5px; }
.main-tab .nav-dropdown-toggle {
  background-color: #f8f8f8; }
  .main-tab .nav-dropdown-toggle:hover {
    font-size: 1.2rem; }

.sub-tab .nav-dropdown {
  background-color: #0E86FE; }
  .sub-tab .nav-dropdown .tab-btn {
    border-radius: 0;
    background-color: transparent; }
    .sub-tab .nav-dropdown .tab-btn:hover {
      background-color: rgba(255, 255, 255, 0.3); }
    .sub-tab .nav-dropdown .tab-btn.is-active {
      background-color: #fff; }
.sub-tab .nav-dropdown-toggle {
  color: #fff; }

.form-box[class*="process-"] {
  text-align: center;
  height: calc(100% - 50px); }
  .form-box[class*="process-"] .process-info {
    padding: 12px 12px 8px 0;
    height: auto;
    line-height: 1; }
    .form-box[class*="process-"] .process-info > *:not(:last-child) {
      margin-right: 4px; }
  .form-box[class*="process-"] .form-inner {
    padding: 10px 15px;
    overflow: auto; }
  .form-box[class*="process-"] .checkbox-icon, .form-box[class*="process-"] .checkbox {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 10px;
    width: 1rem;
    height: 1rem;
    line-height: 0.934rem;
    color: #EEF2FC;
    background-color: #C4D2EB;
    border: 1px solid #95ACD4; }
    .form-box[class*="process-"] .checkbox-icon:before, .form-box[class*="process-"] .checkbox:before {
      content: ""; }
  .form-box[class*="process-"] .checkbox {
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.434rem;
    cursor: pointer;
    transition: all 0.3s ease; }
    .form-box[class*="process-"] .checkbox:before {
      content: ""; }
    .form-box[class*="process-"] .checkbox.is-active {
      background-color: #2BCD86;
      border-color: #7BE3B5; }
      .form-box[class*="process-"] .checkbox.is-active ~ .sub-item-label:after {
        opacity: 1; }
  .form-box[class*="process-"] .sub-item-label:after {
    content: attr(data-label);
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    opacity: 0;
    font-size: 0.75rem;
    color: #fff;
    background-color: #2BCD86;
    padding: 0.25rem 5px;
    border-radius: 1.25rem;
    transition: all 0.3s ease; }

.process-list {
  margin-bottom: 15px;
  position: relative;
  text-align: left; }
  .process-list.is-completed .main-item:not(:first-child) .main-item_head:before {
    color: #7189B6; }
  .process-list.is-completed .main-item_cell.btn-drag {
    pointer-events: auto;
    cursor: move;
    color: #7189B6; }
  .process-list.is-completed + .btn-add-main-item {
    opacity: 1;
    pointer-events: auto; }
    .process-list.is-completed + .btn-add-main-item i {
      opacity: 1; }
  .process-list.is-empty + .process-bar-btn-group, .process-list.is-empty + .process-bar-btn {
    position: absolute;
    top: 30%;
    left: 50%; }
    .process-list.is-empty + .process-bar-btn-group:before, .process-list.is-empty + .process-bar-btn:before {
      content: none; }
  .process-list.is-empty + .process-bar-btn-group .process-bar-btn, .process-list.is-empty + .process-bar-btn {
    box-sizing: border-box;
    font-size: 1rem;
    width: 260px; }
  .process-list.is-empty + .process-bar-btn-group {
    margin-top: -2.75rem;
    margin-left: -130px; }
    .process-list.is-empty + .process-bar-btn-group.process-bar-big-btn:after {
      font-size: 20px;
      top: 21px;
      left: 241px;
      height: 38px;
      line-height: 38px;
      width: 38px; }
  .process-list.is-empty + .process-bar-btn {
    margin-top: -2.75rem;
    margin-left: -130px; }

.process-list + .process-bar-btn-group.process-bar-dropdown .process-bar-toggle.process-bar-btn {
  display: inline-block;
  border-top-width: 1px;
  border-radius: 4px;
  padding: 17px 25px;
  width: 100px;
  height: 55px; }
  .process-list + .process-bar-btn-group.process-bar-dropdown .process-bar-toggle.process-bar-btn:after {
    display: none; }
.process-list + .process-bar-btn-group.process-bar-dropdown .dropdown-wrapper {
  display: none;
  position: absolute;
  padding: 10px 0 10px 0;
  border-radius: 4px;
  border: 1px solid #C4D2EB;
  top: 0;
  right: -35%; }
  .process-list + .process-bar-btn-group.process-bar-dropdown .dropdown-wrapper.toggle {
    display: block; }
  .process-list + .process-bar-btn-group.process-bar-dropdown .dropdown-wrapper .arrow {
    position: absolute;
    border-style: solid;
    top: 11%;
    left: -8px;
    border-color: transparent #C4D2EB transparent transparent;
    border-width: 8px 8px 8px 0; }
    .process-list + .process-bar-btn-group.process-bar-dropdown .dropdown-wrapper .arrow:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-color: transparent #fff transparent transparent;
      left: 1px;
      bottom: -7px;
      border-width: 7px 7px 7px 0; }
  .process-list + .process-bar-btn-group.process-bar-dropdown .dropdown-wrapper .process-bar-dropdownList:first-of-type:hover ~ .arrow:after {
    border-color: transparent #EEF2FC transparent transparent; }
  .process-list + .process-bar-btn-group.process-bar-dropdown .dropdown-wrapper .process-bar-dropdownList {
    line-height: 1;
    padding: 10px 35px 10px 20px;
    display: list-item;
    list-style-type: none;
    color: #456297;
    cursor: pointer; }
    .process-list + .process-bar-btn-group.process-bar-dropdown .dropdown-wrapper .process-bar-dropdownList:hover {
      background-color: #EEF2FC; }

.process-bar-btn-group {
  position: relative;
  display: inline-block;
  width: 260px; }
  .process-bar-btn-group .process-bar-toggle {
    display: none; }
  .process-bar-btn-group .process-bar-btn {
    border-top-width: 0;
    border-radius: 0; }
    .process-bar-btn-group .process-bar-btn:after {
      content: '或';
      position: absolute;
      text-align: center;
      font-size: 0.75rem;
      top: 45px;
      left: 118px;
      height: 24px;
      line-height: 24px;
      width: 24px;
      border-radius: 50%;
      border: 1px solid #C4D2EB;
      background-color: #F7F9FE;
      z-index: 10; }
    .process-bar-btn-group .process-bar-btn:first-child {
      border-top-width: 1px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .process-bar-btn-group .process-bar-btn:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
      .process-bar-btn-group .process-bar-btn:last-child:after {
        display: none; }

.process-bar-btn {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  font-size: 1rem;
  padding: 21px 63px;
  width: 260px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  border: 1px solid #C4D2EB;
  border-radius: 4px;
  color: #456297;
  background-color: #F7F9FE; }
  .process-bar-btn:hover {
    color: #456297;
    background-color: #EEF2FC; }
  .process-bar-btn:active {
    background-color: #D8E3F6; }
  .process-bar-btn > * {
    vertical-align: middle; }

.btn-add-main-item {
  opacity: 0.5;
  pointer-events: none; }
  .btn-add-main-item:before {
    content: '';
    border-left: 1px dashed #95ACD4;
    height: 15px;
    position: absolute;
    left: 50%;
    top: -15px; }
  .btn-add-main-item i {
    opacity: 0.5;
    color: #2BCD86; }

.process-list .sub-item {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  min-width: 155px;
  white-space: nowrap; }
  .process-list .sub-item:not(.has-selected) .k-input {
    font-size: 0.81rem; }
.process-list .main-item {
  display: table;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE;
  border-radius: 4px; }
  .process-list .main-item:not(:first-child) {
    margin-top: 8px; }
  .process-list .main-item > * {
    display: table-cell;
    vertical-align: middle; }
  .process-list .main-item:not(:first-child) .main-item_head:before {
    content: "\f063";
    display: inline-block;
    font-family: icomoon;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    position: absolute;
    top: -15px;
    right: -10px;
    color: #C4D2EB;
    border: 1px solid #C4D2EB;
    background-color: #F7F9FE;
    padding: 4px;
    border-radius: 50%;
    line-height: 1;
    font-size: 0.75rem; }
  .process-list .main-item[data-state="default"] .btn.btn-edit {
    color: #D8E3F6;
    pointer-events: none; }
  .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:first-child {
    cursor: auto;
    pointer-events: none; }
    .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:first-child .k-dropdown-wrap {
      opacity: 1;
      color: #95ACD4;
      background-color: #EEF2FC;
      border-color: #C4D2EB; }
    .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:first-child .k-input {
      color: #95ACD4; }
    .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:first-child .btn-drag {
      background-color: #EEF2FC; }
  .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:not(:first-child), .process-list .main-item[data-state="edit"]:not(:first-child) .sort-list .sub-item {
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-name: shake-frames;
    animation-timing-function: ease-in-out;
    cursor: pointer; }
    .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:not(:first-child):after, .process-list .main-item[data-state="edit"]:not(:first-child) .sort-list .sub-item:after {
      content: "";
      position: absolute;
      font-size: 12px;
      right: -8px;
      top: -8px;
      padding: 2px 3.5px;
      background-color: #456297;
      color: #fff;
      border-radius: 50%; }
    .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:not(:first-child):nth-child(2n+1), .process-list .main-item[data-state="edit"]:not(:first-child) .sort-list .sub-item:nth-child(2n+1) {
      animation-duration: 3000ms; }
    .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:not(:first-child) .btn-drag,
    .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:not(:first-child) .k-dropdown-wrap, .process-list .main-item[data-state="edit"]:not(:first-child) .sort-list .sub-item .btn-drag,
    .process-list .main-item[data-state="edit"]:not(:first-child) .sort-list .sub-item .k-dropdown-wrap {
      border-color: #456297; }
    .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:not(:first-child) .btn-drag:after, .process-list .main-item[data-state="edit"]:not(:first-child) .sort-list .sub-item .btn-drag:after {
      content: '';
      position: absolute;
      top: 0;
      right: -1px;
      border-right: 1px solid #C4D2EB;
      height: 100%; }
    .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:not(:first-child) .btn-drag,
    .process-list .main-item[data-state="edit"]:first-child .sort-list .sub-item:not(:first-child) .k-dropdown, .process-list .main-item[data-state="edit"]:not(:first-child) .sort-list .sub-item .btn-drag,
    .process-list .main-item[data-state="edit"]:not(:first-child) .sort-list .sub-item .k-dropdown {
      pointer-events: none; }
  .process-list .main-item[data-state="done"] .btn-add {
    display: inline-block; }
  .process-list .main-item[data-state="done"] .sub-item:first-child .btn-drag {
    pointer-events: none;
    cursor: auto;
    color: #C4D2EB; }
  .process-list .main-item[data-state="done"] .sub-item .btn-drag {
    pointer-events: auto;
    cursor: move;
    color: #7189B6; }
  .process-list .main-item[data-state="done"] .sub-item:first-child:last-child .btn-drag {
    pointer-events: none;
    cursor: auto;
    color: #C4D2EB; }
  .process-list .main-item[data-state="done"]:first-child .sub-item:first-child .btn-drag {
    pointer-events: none;
    cursor: auto;
    color: #C4D2EB; }
.process-list .main-item_head {
  width: 1%;
  border-right: 1px solid #C4D2EB;
  padding: 8px 10px 8px 0;
  position: relative;
  text-align: center; }
  .process-list .main-item_head .k-dropdown {
    text-align: left; }
  .process-list .main-item_head .checkbox {
    margin-right: 10px; }
  .process-list .main-item_head .sub-item-label {
    margin-left: 10px; }
  .process-list .main-item_head ~ .main-item_head {
    padding-left: 10px; }
.process-list .main-item_body {
  padding: 8px 10px 0 8px;
  border-right: 1px solid #C4D2EB;
  font-size: 0; }
  .process-list .main-item_body .sort-list,
  .process-list .main-item_body .action-list,
  .process-list .main-item_body .tail-list {
    display: inline; }
  .process-list .main-item_body .sort-list > *,
  .process-list .main-item_body .action-list > *,
  .process-list .main-item_body .tail-list > * {
    font-size: 1rem;
    vertical-align: middle;
    margin-bottom: 10px; }
  .process-list .main-item_body .sort-list > *:not(:first-child) {
    margin-left: 15px; }
  .process-list .main-item_body .sort-list > *:first-child:last-child:not(.has-selected):before, .process-list .main-item_body .sort-list > *:not(:first-child):before {
    content: "";
    font-size: 10px;
    color: #C4D2EB;
    position: absolute;
    top: calc(50% - 10px/2); }
  .process-list .main-item_body .sort-list > *:first-child:last-child:before {
    right: -12px; }
  .process-list .main-item_body .sort-list > *:not(:first-child):before {
    left: -10px; }
  .process-list .main-item_body .action-list > *,
  .process-list .main-item_body .tail-list > * {
    margin-left: 15px; }
    .process-list .main-item_body .action-list > *:before,
    .process-list .main-item_body .tail-list > *:before {
      content: "";
      font-size: 10px;
      color: #C4D2EB;
      position: absolute;
      top: calc(50% - 10px/2); }
    .process-list .main-item_body .action-list > *:before,
    .process-list .main-item_body .tail-list > *:before {
      left: -12px; }
  .process-list .main-item_body .has-selected + .has-selected:before,
  .process-list .main-item_body .is-chief:before,
  .process-list .main-item_body .tail-list > *:before {
    color: #7189B6; }
  .process-list .main-item_body .sub-item.is-chief {
    min-width: 120px;
    padding: 0 9px 0 10px;
    border: 1px solid #C4D2EB;
    height: 35px;
    line-height: 33px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: white;
    border-radius: 4px;
    transition: all 0.3s ease; }
    .process-list .main-item_body .sub-item.is-chief .name {
      overflow: hidden;
      vertical-align: top;
      text-overflow: ellipsis;
      display: inline-block;
      max-width: 90px;
      min-width: 70px;
      margin: 0 4px 0 10px; }
      .process-list .main-item_body .sub-item.is-chief .name:before {
        content: "";
        font-size: 1rem;
        vertical-align: middle;
        margin-right: 4px; }
  .process-list .main-item_body .btn-drag {
    color: #C4D2EB;
    float: right;
    width: 35px;
    font-size: 0.81rem;
    text-align: center;
    line-height: 35px;
    height: 35px;
    border: 1px solid #C4D2EB;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    background-color: white;
    pointer-events: none; }
  .process-list .main-item_body .btn-add {
    display: none;
    color: #2BCD86; }
    .process-list .main-item_body .btn-add i {
      font-size: 18px; }
.process-list .main-item .k-input {
  line-height: 33px;
  height: 33px;
  box-sizing: border-box;
  padding: 0 0 0 5px; }
.process-list .main-item .k-dropdown[aria-disabled="true"] .k-dropdown-wrap {
  opacity: 1;
  color: #95ACD4;
  background-color: #EEF2FC;
  border-color: #C4D2EB; }
.process-list .main-item .k-dropdown[aria-disabled="true"] .k-input {
  color: #95ACD4; }
.process-list .main-item .k-dropdown[aria-disabled="true"] + .btn-drag {
  background-color: #EEF2FC;
  cursor: auto;
  pointer-events: none; }
.process-list .main-item .k-dropdown[aria-disabled="true"] + .checkbox {
  color: #D8E3F6;
  background-color: #EEF2FC;
  border-color: #C4D2EB;
  pointer-events: none; }
.process-list .main-item_head .k-dropdown {
  width: 400px; }
.process-list .main-item_body .k-dropdown {
  width: 300px;
  position: relative;
  float: right; }
.process-list .main-item_body .k-dropdown-wrap {
  border-radius: 0 4px 4px 0; }
  .process-list .main-item_body .k-dropdown-wrap.k-state-border-down {
    border-radius: 0 4px 0 0; }
.process-list .main-item_cell {
  width: 1%; }
  .process-list .main-item_cell.btn-drag {
    padding: 0 13px;
    font-size: 0.81rem;
    color: #C4D2EB;
    pointer-events: none; }
  .process-list .main-item_cell .btn {
    margin-left: 10px;
    color: #456297; }
  .process-list .main-item_cell:last-child .btn {
    margin-right: 10px; }

.process-in-unit .process-list .main-item[data-state="default"]:first-child .btn.btn-delete {
  color: #D8E3F6;
  pointer-events: none; }
.process-in-unit .sub-item.is-chief.is-checked {
  border-color: #2BCD86;
  box-shadow: inset 0 0 0 1px #2BCD86; }

.process-branch .main-item_cell.btn-drag {
  padding: 0 24px; }
.process-branch .process-list .main-item_head {
  width: 50%; }
  .process-branch .process-list .main-item_head.col-3 {
    width: 25%;
    float: none; }
    .process-branch .process-list .main-item_head.col-3 .sub-item, .process-branch .process-list .main-item_head.col-3 .k-dropdown {
      width: 100%; }
  .process-branch .process-list .main-item_head.col-9 {
    width: 75%;
    float: none; }
    .process-branch .process-list .main-item_head.col-9 .sub-item, .process-branch .process-list .main-item_head.col-9 .k-dropdown {
      width: calc(100% - 40px); }
  .process-branch .process-list .main-item_head.is-supervisor .k-dropdown-wrap {
    border-color: #B83F00;
    box-shadow: inset 0 0 0 1px #B83F00; }
  .process-branch .process-list .main-item_head.is-supervisor .sub-item-label:after {
    opacity: 1;
    background-color: #852D00; }
.process-branch .process-list .main-item_body {
  width: 50%;
  text-align: center; }
.process-branch .process-list .sub-item {
  text-align: left; }
  .process-branch .process-list .sub-item.is-checked .k-dropdown-wrap {
    border-color: #2BCD86;
    box-shadow: inset 0 0 0 1px #2BCD86; }
.process-branch .process-list .checkbox {
  float: left;
  margin-top: 5px; }
.process-branch .process-tool {
  color: #fff;
  background-color: #456297;
  padding: 0;
  height: 50px;
  line-height: 48px; }
  .process-branch .process-tool .k-dropdown {
    width: 175px; }
  .process-branch .process-tool .k-input {
    line-height: 28px;
    height: 28px;
    box-sizing: border-box;
    padding: 0 0 0 5px; }

.process-parallel .process-list .main-item_head {
  width: auto; }
.process-parallel .process-list .main-item:not(:first-child) .main-item_head:before {
  content: none; }

.fields {
  list-style: none;
  padding: 0 17px 10px;
  border: 0 solid #D8E3F6; }
  .fields:first-child {
    padding-top: 30px; }
  .fields:last-child {
    padding-bottom: 30px; }
  .form-inner .fields {
    padding: 0; }
  .fields.fields-row {
    padding-top: 0;
    padding-bottom: 0; }
  .fields.border-top {
    border-top-width: 1px; }
  .fields.border-bottom {
    border-bottom-width: 1px; }
  .fields.border-left {
    border-left-width: 1px; }
  .fields.border-right {
    border-right-width: 1px; }

.fields-list {
  padding: 10px 0;
  list-style: none;
  vertical-align: top;
  font-size: 1rem; }
  .fields-list.padding-bottom {
    padding-bottom: 30px; }

.fields-grid-row {
  min-height: 1.875rem;
  line-height: 1.2;
  border-style: solid;
  border-color: #D8E3F6;
  padding: 0.3375rem 17px;
  box-sizing: border-box; }
  .fields-grid-row.border-top {
    border-top-width: 1px; }
  .fields-grid-row.border-bottom {
    border-bottom-width: 1px; }
  .fields-grid-row.border-left {
    border-left-width: 1px; }
  .fields-grid-row.border-right {
    border-right-width: 1px; }
  .fields-grid-row.height-40 {
    min-height: 40px;
    padding: 0.73333rem 17px; }
  .fields-grid-row.height-50 {
    min-height: 50px;
    padding: 1.06667rem 17px; }
  .fields-grid-row.lineheight-2 {
    line-height: 2; }
  .fields-grid-row.lineheight-14 {
    line-height: 1.4; }
  .fields-grid-row.font-small {
    font-size: 0.81rem;
    padding: 0.4515rem 17px; }
    .fields-grid-row.font-small.height-40 {
      padding: 0.84733rem 17px; }
    .fields-grid-row.font-small.height-50 {
      padding: 1.18067rem 17px; }
  .fields-grid-row.font-large {
    font-size: 1.125rem;
    padding: 0.2625rem 17px; }
    .fields-grid-row.font-large.height-40 {
      padding: 0.65833rem 17px; }
    .fields-grid-row.font-large.height-50 {
      padding: 0.99167rem 17px; }

.field-two-col {
  text-align: justify;
  font-size: 0; }
  .field-two-col:after {
    content: "";
    display: inline-block;
    width: 100%; }
  @media (min-width: 700px) {
    .field-two-col .fields-list:not(.collapse-group) {
      text-align: left;
      display: inline-table;
      width: 50%; }
      .field-two-col .fields-list:not(.collapse-group) > .fields-label {
        display: table-cell; }
      .field-two-col .fields-list:not(.collapse-group) > .fields-value {
        display: table-cell; } }

.col-horiz-padding,
.col-horiz-padding-l,
.col-horiz-padding-r {
  position: relative; }

.col-horiz-padding-l {
  padding-left: 16px; }

.col-horiz-padding {
  padding: 0 10px; }

.col-horiz-padding-r {
  padding-right: 16px; }

.col-horiz-margin-l {
  margin-left: 10px; }

.col-horiz-margin {
  margin: 0 10px; }

.col-horiz-margin-r {
  margin-right: 10px; }

.field-symbol {
  position: relative; }
  .field-symbol:after {
    content: attr(data-symbol);
    position: absolute;
    top: 0;
    right: -5px;
    display: inline-block;
    height: 100%;
    width: 10px;
    line-height: 2.4;
    text-align: center; }

.form-box {
  position: relative;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.form-inner {
  overflow: auto;
  position: relative;
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.form-footer {
  position: relative;
  padding: 10px 22px 9px;
  text-align: right;
  border-top: 1px solid #D8E3F6; }
  .form-footer .btn:not(:last-child) {
    margin-right: 12px; }

.form-header {
  padding: 18px 25px 13px;
  border-bottom: 1px solid #D8E3F6;
  color: #456297; }

.form-header_text {
  font-size: 1.125rem; }

.form-header_close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 18px 25px 13px;
  color: #456297; }

.form-collapse {
  overflow: auto;
  top: 0;
  right: -100%;
  position: absolute;
  z-index: 9000;
  background-color: white;
  height: 100%;
  max-width: 100%;
  border-radius: 0 3px 3px 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .form-collapse.is-open {
    right: 0; }

.content-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -9000;
  opacity: 0;
  pointer-events: none;
  border-radius: 3px;
  background: rgba(45, 49, 57, 0.5);
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
  -webkit-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out; }
.content-box.is-overlay:after {
  opacity: 1;
  z-index: 7;
  pointer-events: auto; }

.form-subpanel {
  padding: 10px 0;
  background-color: #fff; }
  .form-subpanel.btn-list {
    padding-bottom: 0; }
    .form-subpanel.btn-list .btn,
    .form-subpanel.btn-list input {
      margin-bottom: 10px; }

.form-subpanel__btn-group {
  transition: height 0.1s ease-out; }
  .form-subpanel__btn-group.is-expand {
    transition: height 0.2s ease-in;
    overflow: auto; }
    .form-subpanel__btn-group.is-expand .form-btns_ctrl .btn-expand {
      opacity: 0; }
    .form-subpanel__btn-group.is-expand .form-btns_ctrl .btn-collapse {
      opacity: 1; }
  .form-subpanel__btn-group > *:first-child {
    margin-left: 5px; }
  .form-subpanel__btn-group > *:last-child {
    margin-right: 10px; }
/*  .form-subpanel__btn-group > *:not(:last-child) {
    margin-right: 18px; }*/
  .form-subpanel__btn-group .form-btns {
    overflow: hidden;
    max-height: 80vh; }
  .form-subpanel__btn-group .form-btns_list {
    float: right; }
    .form-subpanel__btn-group .form-btns_list > * {
      vertical-align: top;
      margin: 0 8px 11px 0; }
    .form-subpanel__btn-group .form-btns_list .btn-expand {
      margin-right: 0; }
  .form-subpanel__btn-group .form-btns_ctrl {
    position: relative;
    text-align: right;
    float: right;
    margin-right: -100%; }
    .form-subpanel__btn-group .form-btns_ctrl .btn-collapse {
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0; }
  .form-subpanel__btn-group .form-info {
    color: #456297;
    font-size: 0.81rem;
    padding: 0 15px 0 25px;
    border-left: 1px solid #D8E3F6;
    min-height: 31px; }
    .form-subpanel__btn-group .form-info .num {
      padding: 0 4px; }

.form-subpabel__tag-input {
  margin-top: 10px; }

.fields-list {
  white-space: nowrap; }

.label,
.fields-label {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  width: 140px;
  padding: 0 0 0 12px;
  font-size: 1rem;
  color: #456297;
  line-height: 1.3;
  white-space: normal;
  word-break: break-all;
  word-break: break-word;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .label.is-mandatory:before,
  .fields-label.is-mandatory:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background-color: #FFB400;
    width: 5px;
    height: 5px;
    border-radius: 50%; }

.fields-mandatory {
  position: relative;
  padding-right: 5px;
  margin: 0 10px; }
  .fields-mandatory:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background-color: #FFB400;
    width: 5px;
    height: 5px;
    border-radius: 50%; }

.value,
.fields-value {
  color: #456297;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: calc(100% - 150px);
  min-width: 180px;
  max-width: 420px;
  white-space: normal; }
  @media (max-width: 1024px) {
    .value,
    .fields-value {
      max-width: 440px; } }
  .value ::-webkit-input-placeholder,
  .fields-value ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #555555; }
  .value :-moz-placeholder,
  .fields-value :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #555555; }
  .value ::-moz-placeholder,
  .fields-value ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #555555; }
  .value :-ms-input-placeholder,
  .fields-value :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #555555; }

.fields-collapse,
.fields-collapse + .panel-collapse {
  border: 1px solid #d8e2f5;
  width: calc(100% - 10px);
  white-space: normal;
  font-size: 0;
  min-width: 335px; }

.fields-collapse {
  display: block;
  padding: 10px 10px;
  font-size: 1rem;
  color: #456297;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #EEF2FC; }
  .fields-collapse:hover, .fields-collapse:hover + .panel-collapse {
    border-color: #95ACD4;
    color: #2A487F; }
  .fields-collapse.is-active {
    border-bottom: none;
    border-radius: 4px 4px 0 0; }
    .fields-collapse.is-active .collapse-icon {
      transform: rotate(-180deg); }
  .fields-collapse .collapse-icon {
    transition: all 0.3s ease;
    transform: rotate(0deg);
    font-size: 14px; }
  .fields-collapse .fields-label {
    width: calc(100% - 19px);
    text-align: left;
    padding-left: 5px; }
  .fields-collapse + .panel-collapse {
    border-top: none;
    padding-left: 10px;
    box-sizing: border-box;
    text-align: justify; }
    .fields-collapse + .panel-collapse:before {
      content: none; }
    .fields-collapse + .panel-collapse:after {
      content: "";
      display: inline-block;
      width: 100%; }
    .fields-collapse + .panel-collapse .fields-list:first-child {
      padding-top: 15px; }
    .fields-collapse + .panel-collapse .fields-list:last-child {
      padding-bottom: 20px; }
    .fields-collapse + .panel-collapse .fields-label {
      width: 130px; }
    .fields-collapse + .panel-collapse .fields-value {
      width: calc(100% - 150px); }

.row {
  width: 100%; }
  .row:after {
    content: '';
    clear: both;
    display: table; }

[class^="col"].col-horiz-padding-r {
  padding-right: 8px; }
[class^="col"].col-horiz-padding {
  padding: 0 8px; }
[class^="col"].col-horiz-padding-l {
  padding-left: 8px; }

.col-1 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 8.33333%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-1 {
    width: 8.33333%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-1 {
    width: 8.33333%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-2 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 16.66667%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-2 {
    width: 16.66667%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-2 {
    width: 16.66667%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-3 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 25%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-3 {
    width: 25%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-3 {
    width: 25%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-4 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 33.33333%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-4 {
    width: 33.33333%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-4 {
    width: 33.33333%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-5 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 41.66667%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-5 {
    width: 41.66667%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-5 {
    width: 41.66667%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-6 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 50%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-6 {
    width: 50%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-6 {
    width: 50%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-7 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 58.33333%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-7 {
    width: 58.33333%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-7 {
    width: 58.33333%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-8 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 66.66667%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-8 {
    width: 66.66667%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-8 {
    width: 66.66667%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-9 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 75%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-9 {
    width: 75%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-9 {
    width: 75%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-10 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 83.33333%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-10 {
    width: 83.33333%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-10 {
    width: 83.33333%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-11 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 91.66667%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-11 {
    width: 91.66667%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-11 {
    width: 91.66667%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
.col-12 {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 100%; }

.col-padding {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 1024px) {
  .col-wp-12 {
    width: 100%; }

  .col-wp-padding {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 667px) {
  .col-wm-12 {
    width: 100%; }

  .col-wm-padding {
    padding-left: 10px;
    padding-right: 10px; } }
div[data-speedcontrol=notifyArea] {
  overflow: hidden;
  height: 37px; }

.speed-notify {
  width: 100%;
  font-size: large !important;
  text-align: center; }
  .speed-notify h2 {
    font-size: 1.5625rem;
    line-height: 2.25rem; }

.modal-header_text {
  display: inline-block;
  line-height: 1;
  padding: 0 18px 0 0; }

.modal-header_info {
  display: inline-block;
  font-size: 15px;
  color: #95ACD4;
  padding: 0 18px;
  border-left: 1px solid #D8E3F6;
  line-height: 50px; }

.modal-footer {
  position: relative;
  padding: 10px 22px 9px;
  text-align: right;
  border-top: 1px solid #D8E3F6; }
  .modal-footer .btn:not(:last-child) {
    margin-right: 12px; }

.modal-body {
  position: relative; }
  .modal-body.modal-body-padding {
    padding: 20px; }
  .modal-body.u-align-top, .modal-body.u-align-middle, .modal-body.u-align-bottom {
    font-size: 0; }
    .modal-body.u-align-top > *, .modal-body.u-align-middle > *, .modal-body.u-align-bottom > * {
      font-size: 1rem; }
    .modal-body.u-align-top > *, .modal-body.u-align-middle > *, .modal-body.u-align-bottom > * {
      width: 100%; }
  .modal-body.has-left-icon {
    position: relative;
    padding-left: 70px;
    min-height: 30px; }
    .modal-body.has-left-icon > i:first-child {
      position: absolute;
      top: calc(50% - 15px);
      left: 20px;
      font-size: 30px; }
    .modal-body.has-left-icon p {
      line-height: 30px; }
  .modal-body.has-right-icon {
    position: relative;
    padding-right: 70px;
    min-height: 30px; }
    .modal-body.has-right-icon > i:last-child {
      position: absolute;
      top: 5px;
      right: 20px;
      font-size: 30px; }
  .modal-body .fn-section {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0; }
  .modal-body.not-scrollable {
    overflow: hidden !important; }
  .modal-body .sub-tab {
    border-radius: 0; }
  .modal-body .k-grid {
    border-radius: 0;
    box-sizing: border-box; }
    .modal-body .k-grid:first-child {
      border-top-width: 0; }
    .modal-body .k-grid th, .modal-body .k-grid td {
      font-size: 1rem; }
  .modal-body .k-grid-header {
    border-top-width: 0; }

.k-compound-td__wrapper {
  display: flex; }
  .k-compound-td__wrapper i {
    color: #419FFE; }

.k-compound-td__text {
  font-size: 14px;
  color: #419FFE;
  margin: 0 8px; }

.modal-tab {
  position: relative;
  width: 100%;
  white-space: nowrap;
  background: linear-gradient(to right, #0e86fe, #0e86fe);
  width: auto;
  border-radius: 0;
  padding: 10px 0 0 12px;
  font-size: 0; }

.modal-tab-item {
  display: inline-block; }
  .modal-tab-item:not(:last-child) {
    margin-right: 4px; }
  .modal-tab-item.active .modal-tab-btn {
    color: #456297;
    background-color: #fff; }

.modal-tab-btn {
  position: relative;
  z-index: 5;
  display: block;
  font-size: 1rem;
  color: #fff;
  padding: 5px 20px 4px;
  line-height: 1.4;
  border-radius: 4px 4px 0 0;
  background-color: rgba(255, 255, 255, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .modal-tab-btn:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    text-decoration: none; }
  .modal-tab-btn:active {
    background-color: #C4D2EB; }
  .modal-tab-btn > * {
    vertical-align: middle;
    display: inline-block; }

.modal-tab-content {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 40px);
  overflow-x: hidden; }
  .modal-tab-content li {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    transition: all 300ms;
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0); }
    .modal-tab-content li.active {
      z-index: 2;
      opacity: 0.99;
      pointer-events: auto;
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }

.popup-wrapper {
  height: calc(100% - 2px);
  position: absolute;
  top: -50px;
  right: 0;
  overflow: auto;
  background-color: white;
  box-sizing: border-box;
  transform: translate3d(290px, 0, 0);
  transition: all 0.3s;
  overflow: visible; }
  .popup-wrapper:before {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 100%;
    width: 6px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0) 100%); }
  .popup-wrapper.active {
    transform: none;
    transition: all 0.3s; }
  .popup-wrapper .popup-arrow {
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 11px 11px 0;
    border-color: transparent rgba(0, 0, 0, 0.15) transparent transparent;
    transition: all ease-out 0.1s; }
    .popup-wrapper .popup-arrow:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      top: -7px;
      left: 3px;
      border-width: 7px 9px 7px 0;
      border-color: transparent #ffffff transparent transparent; }
  .popup-wrapper .btn-close-popup {
    float: right;
    line-height: 50px;
    width: 50px; }
  .popup-wrapper .popup-content {
    padding: 10px 8px; }
  .popup-wrapper .fields-list-bar {
    margin-bottom: 28px; }

.popup-content {
  height: calc(100% -  50px);
  box-sizing: border-box;
  overflow: auto; }

.popup-header {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #D8E3F6;
  font-size: 18px;
  padding-left: 21px; }
  .popup-header h3 {
    -moz-user-select: auto;
    -ms-user-select: auto;
    -webkit-user-select: auto;
    user-select: auto; }

.nav-right {
  float: right; }

.nav {
  display: inline-block;
  vertical-align: top; }
  .nav > .nav-item {
    display: inline-block;
    height: 31px;
    line-height: 31px;
    position: relative;
    cursor: pointer;
    font-size: 1rem; }
    .nav > .nav-item.open {
      opacity: 1;
      background-color: #F7F9FE; }
    .nav > .nav-item > a {
      color: #456297;
      display: inline-block;
      height: 100%;
      line-height: 31px;
      padding: 0 14px;
      vertical-align: middle; }
    .nav > .nav-item i {
      font-size: 13px;
      margin-left: 5px; }

.nav-sub {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  min-width: 114px;
  white-space: nowrap;
  background-color: #F7F9FE;
  opacity: 0;
  pointer-events: none;
  transition: all 300ms;
  padding: 10px 0;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 9;
  text-align: left; }
  .nav-sub .nav-item {
    display: block; }
  .open .nav-sub {
    opacity: 1;
    pointer-events: auto; }
  .left .nav-sub {
    left: auto;
    right: 0; }

.nav-sub > .nav-item > .nav-sub {
  top: 0;
  left: 100%;
  opacity: 0;
  pointer-events: none; }
  .left .nav-sub > .nav-item > .nav-sub {
    top: 0;
    left: auto;
    right: 100%; }
.nav-sub > .nav-item:hover > a {
  background-color: #D8E3F6; }
.nav-sub > .nav-item:hover > .nav-sub {
  opacity: 1;
  pointer-events: auto; }

.dropdown {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.nav.dropdown-menu .nav-item, .nav-sub.dropdown-menu .nav-item {
  height: 40px;
  margin: 0; }
  .nav.dropdown-menu .nav-item a, .nav-sub.dropdown-menu .nav-item a {
    display: block;
    color: #456297;
    padding: 0 23px;
    line-height: 40px;
    font-size: inherit; }
    .nav.dropdown-menu .nav-item a:hover, .nav-sub.dropdown-menu .nav-item a:hover {
      background-color: #D8E3F6; }
.nav .sg-btn, .nav-sub .sg-btn {
  padding: 0; }
  .nav .sg-btn a, .nav-sub .sg-btn a {
    padding: calc(0.533rem - 1px) 1.066rem;
    display: inline-block; }
.nav .sg-btn-txt + i, .nav-sub .sg-btn-txt + i {
  margin-left: 14px;
  font-size: 12px;
  margin-right: -8px; }

.header .nav {
  font-size: 0; }
  .header .nav > li {
    margin-right: 8px; }

.header .btn-close-editor {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 50px;
  width: 50px; }

.print-preview {
  height: 100%;
  width: calc(100% - 400px);
  box-sizing: border-box;
  float: left;
  background-color: #F8F8F8;
  overflow: auto; }
  .print-preview .fields-grid-row {
    padding: 0; }

.print-preview-title {
  height: 55px;
  line-height: 55px;
  font-size: 1rem;
  text-align: center;
  box-sizing: border-box; }

.print-preview-area-wrapper {
  color: black;
  font-weight: normal;
  padding: 5px;
  margin: 0 auto 10px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  transform-origin: 0 0;
  width: 800px;
  max-width: 800px; }
  .print-preview-area-wrapper.page-size-b5 {
    width: 665.2px;
    max-width: 665.2px; }

.print-preview-area {
  position: relative;
  display: inline-block;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 0;
  padding-bottom: 141.4%; }
  .print-preview-area:not(:first-child) {
    margin-top: 20px; }

.print-tool {
  height: 100%;
  width: 400px;
  box-sizing: border-box;
  overflow-y: scroll;
  float: left;
  border-left: 1px solid #D8E3F6;
  padding: 17px 25px 17px 13px; }

@media only screen and (max-width: 1200px) {
  .print-tool {
    width: 300px; }

  .print-preview {
    width: calc(100% - 300px); } }
@media only screen and (max-width: 1100px) {
  .print-tool {
    width: 200px; }

  .print-preview {
    width: calc(100% - 200px); } }
.modal-history {
  background-color: #F8F8F8; }

.history-header {
  height: 80px;
  line-height: 77px;
  box-sizing: border-box;
  text-align: center;
  border-bottom: 1px solid #D8E3F6;
  position: relative; }
  .history-header.scrollable-right .history-flow-go-right {
    opacity: 1;
    pointer-events: auto; }
  .history-header.scrollable-left .history-flow-go-left {
    opacity: 1;
    pointer-events: auto; }

.history-flow-go-left,
.history-flow-go-right {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  font-size: 1rem;
  display: inline-block;
  width: 30px;
  height: 100%;
  box-sizing: border-box;
  cursor: pointer;
  border-style: solid;
  border-color: #C4D2EB;
  z-index: 1; }
  .history-flow-go-left:hover,
  .history-flow-go-right:hover {
    background-color: #D8E3F6; }
  .history-flow-go-left:before,
  .history-flow-go-right:before {
    line-height: 80px; }
  .history-flow-go-left:after,
  .history-flow-go-right:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 15px; }

.history-flow-go-left {
  border-right-width: 1px;
  left: 0; }
  .history-flow-go-left:before {
    content: ""; }
  .history-flow-go-left:after {
    left: calc(100% + 1px);
    background: linear-gradient(to right, rgba(85, 85, 85, 0.15) 0%, rgba(85, 85, 85, 0.05) 60%, rgba(85, 85, 85, 0) 100%); }

.history-flow-go-right {
  border-left-width: 1px;
  right: 0; }
  .history-flow-go-right:before {
    content: ""; }
  .history-flow-go-right:after {
    right: calc(100% + 1px);
    background: linear-gradient(to left, rgba(85, 85, 85, 0.15) 0%, rgba(85, 85, 85, 0.05) 60%, rgba(85, 85, 85, 0) 100%); }

.history-flow {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  margin: 0 30px;
  overflow: auto;
  -ms-overflow-style: none; }
  .history-flow::-webkit-scrollbar {
    width: 0 !important; }

.history-flow-inner {
  display: inline-block;
  transition: all 0.3s ease-out; }

.history-flow-item {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  color: #555555;
  border: 1px solid #C4D2EB;
  background-color: #F7F9FE;
  border-radius: 4px;
  padding: 5px 5px 15px;
  min-width: 150px;
  margin-top: 8px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer; }
  .history-flow-item:hover {
    background-color: #D8E3F6; }
  .history-flow-item:not(:last-child) {
    margin-right: 25px; }
    .history-flow-item:not(:last-child):before {
      content: "";
      color: #95ACD4;
      position: absolute;
      font-size: 0.81rem;
      right: -1.276rem;
      top: 50%;
      margin-top: -0.405rem; }
  .history-flow-item.active {
    color: #fff;
    background-color: #1E3768;
    border-color: #1E3768;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15), 0 5px 4px rgba(0, 0, 0, 0.15); }
    .history-flow-item.active:after {
      content: '';
      position: absolute;
      bottom: -6px;
      left: calc(50% - 5px);
      color: #1E3768;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 5px 0 5px;
      border-color: #1E3768 transparent transparent transparent; }
  .history-flow-item .text {
    line-height: 1.5; }
  .history-flow-item .label {
    position: absolute;
    bottom: 3px;
    left: 3px;
    height: 4px;
    width: calc(100% - 6px);
    border-radius: 4px;
    background-color: #00C3FF; }
  .history-flow-item.style-1 .label {
    background-color: #00C3FF; }
  .history-flow-item.style-2 .label {
    background-color: #8E00A8; }
  .history-flow-item.style-3 .label {
    background-color: #017A98; }
  .history-flow-item.style-4 .label {
    background-color: #EB5000; }
  .history-flow-item.style-5 .label {
    background-color: #008A06; }
  .history-flow-item.style-6 .label {
    background-color: #A462FF; }
  .history-flow-item.style-7 .label {
    background-color: #FF998B; }
  .history-flow-item.style-8 .label {
    background-color: #2BCD86; }
  .history-flow-item.style-9 .label {
    background-color: #0E86FE; }
  .history-flow-item.style-10 .label {
    background-color: #FF79FD; }
  .history-flow-item.style-11 .label {
    background-color: #FFB400; }
  .history-flow-item.style-12 .label {
    background-color: #95E102; }

.history-content {
  height: calc(100% - 80px);
  box-sizing: border-box;
  overflow: auto; }
  .history-content .print-preview-area {
    height: auto;
    padding-bottom: 0;
    min-height: 1122.5px; }
    .print-preview-area-wrapper.page-size-b5 .history-content .print-preview-area {
      min-height: 944.9px; }

#refundcase-window p {
  font-size: 0.81rem; }

#assign-attachment-grid .k-grid-content {
  color: #333333; }

.assign-attachment-popup {
  width: 280px; }

.words-body {
  height: 100%; }

.words-tool {
  height: 40px;
  background-color: #456297;
  color: #fff; }
  .words-tool .set-fluid {
    overflow-y: hidden;
    background-size: 20px 100%, 20px 100%, 6px 100%, 6px 100%;
    background-position: left top, right top, left top, right top;
    background-attachment: local, local, scroll, scroll;
    background-repeat: no-repeat;
    display: inline-block; }
  .words-tool .set-fixed {
    position: absolute;
    right: 0;
    top: 5px;
    width: 31px;
    text-align: center; }
    .words-tool .set-fixed .btn {
      margin-left: 5px;
      width: 30px;
      height: 30px;
      min-width: 30px;
      line-height: 32px; }
      .words-tool .set-fixed .btn:hover {
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        background-color: transparent; }
    .words-tool .set-fixed select {
      display: none; }
  .words-tool .btn-group {
    padding-left: 4px;
    display: inline-block;
    white-space: nowrap;
    font-size: 0; }
  .words-tool .btn-symbol-choice {
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    box-sizing: border-box; }
    .words-tool .btn-symbol-choice:active, .words-tool .btn-symbol-choice:hover, .words-tool .btn-symbol-choice:focus {
      outline: 0; }
  .words-tool .btn,
  .words-tool .btn-symbol-choise {
    color: inherit;
    border: none;
    background: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 1rem;
    margin: 5px 2px 4px;
    height: 31px;
    line-height: 31px;
    min-width: 31px;
    border-radius: 4px; }
    .words-tool .btn:hover,
    .words-tool .btn-symbol-choise:hover {
      background-color: #7189B6; }
  .words-tool .nav-dropdown-toggle {
    color: #0E86FE; }
  .words-tool .nav-dropdown {
    top: 6px;
    right: -230px;
    width: 200px; }

.words-body-content {
  height: calc(100% - 41px); }

.words-textarea {
  height: 100%;
  width: calc(100% - 250px);
  box-sizing: border-box;
  padding: 10px;
  float: left; }
  .words-textarea textarea {
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15);
    font-size: 1rem; }
  .words-textarea .words-input-area {
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15);
    font-size: 1rem; }

.words-menu {
  height: 100%;
  width: 250px;
  float: left;
  border-left: 1px solid #C4D2EB;
  box-sizing: border-box; }
  .words-menu .fields-grid-row {
    padding: 0 12px; }
    .words-menu .fields-grid-row .header-text {
      display: table-cell;
      width: 100%; }
    .words-menu .fields-grid-row .header-tool {
      display: table-cell;
      width: 1%;
      white-space: nowrap; }

.words-container {
  height: calc(100% - 50px);
  overflow-y: scroll;
  background-color: #EEF2FC; }

.words-content {
  width: 100%;
  background-color: #F7F9FE; }
  .words-content tr {
    height: 40px;
    line-height: 40px;
    color: #555555;
    cursor: pointer; }
    .words-content tr:nth-child(2n+1) {
      background-color: #fff; }
    .words-content tr:hover {
      background-color: #D8E3F6; }
  .words-content td {
    padding: 0 12px; }

.words-add-field input {
  border-radius: 4px 0 0 4px; }
.words-add-field .btn {
  border-radius: 0 4px 4px 0;
  white-space: nowrap;
  padding: 7px 14px; }

#receiver-window #GroupList.k-treeview .k-item .btn {
  position: absolute;
  left: 0;
  margin-top: 6px; }
#receiver-window #GroupList.k-treeview > .k-group .k-group {
  position: static; }
#receiver-window #GroupList.k-treeview .k-icon {
  vertical-align: top; }
#receiver-window #GroupList.k-treeview .k-treeview .k-plus,
#receiver-window #GroupList.k-treeview .k-treeview
.k-minus,
#receiver-window #GroupList.k-treeview .k-treeview
.k-plus-disabled,
#receiver-window #GroupList.k-treeview .k-treeview .k-minus-disabled {
  margin-top: 6px; }

.modal-dropdown-tab {
  float: right;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.modal-dropdown-tab-item {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 1rem;
  text-align: left; }
  .modal-dropdown-tab-item.open .btn-tab-dropdown {
    color: #00A9E7;
    text-shadow: 0 0 6px #4ecfff; }

.btn-tab-dropdown {
  padding: .9em 1.2em !important;
  font-size: 1rem !important; }
  .btn-tab-dropdown [class^="icon-"] {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-left: 3px;
    vertical-align: baseline;
    font-size: 0.9375rem;
    -moz-transform: scale(0.65, 0.65);
    -ms-transform: scale(0.65, 0.65);
    -webkit-transform: scale(0.65, 0.65);
    transform: scale(0.65, 0.65); }
  .btn-tab-dropdown:hover {
    color: #00A9E7; }
  .btn-tab-dropdown:focus {
    outline: 0; }

.dropdown {
  position: relative; }
  .dropdown.open .receive-dropdown {
    display: block; }

.receive-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  padding: 5px 0;
  margin: 2px 0 0;
  text-align: left;
  border: none;
  border-radius: 0;
  background-color: #10131a;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }
  .receive-dropdown:before {
    content: "";
    position: absolute;
    top: -6px;
    right: 50%;
    width: 0;
    height: 0;
    margin-right: -3px;
    border-style: solid;
    border-width: 0 6px 7px 6px;
    border-color: transparent transparent #10131a transparent; }

.receive-dropdown-item.dropdown-submenu > .receive-dropdown {
  display: none;
  top: 0;
  left: 100%;
  margin: 0 0 0 2px;
  white-space: nowrap; }
  .receive-dropdown-item.dropdown-submenu > .receive-dropdown:before {
    display: none; }
.receive-dropdown-item.dropdown-submenu:hover > .receive-dropdown {
  display: block; }

.receive-dropdown.receive-dropdown-subleft .dropdown-submenu > .receive-dropdown {
  left: auto;
  right: 100%;
  margin: 0 2px 0 0; }

.receiver-fn-link {
  padding: 8px 10px;
  display: block;
  color: #fff; }
  .receiver-fn-link:hover {
    color: #fff;
    background-color: #00A9E7;
    cursor: pointer; }

.receive-content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  height: 100%; }

.receive-menu {
  position: relative;
  -webkit-flex: 0 0 45px;
  flex: 0 0 45px;
  height: 100%;
  background-color: #2A487F;
  border-right: 1px solid #D8E3F6;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  overflow: hidden; }
  .receive-menu.is-open {
    -webkit-flex: 0 0 245px;
    flex: 0 0 245px; }

.receive-menu-tab {
  position: relative;
  width: 45px;
  background-color: #456297;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 40px;
  font-size: 16px;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  -ms-overflow-style: none; }
  .receive-menu-tab::-webkit-scrollbar {
    width: 0 !important; }
  .receive-menu-tab li {
    position: relative;
    text-align: center;
    line-height: normal;
    margin: 2px 8px;
    padding: 10px 0;
    border-radius: 4px;
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .receive-menu-tab li:hover {
      background-color: #95ACD4;
      cursor: pointer; }
    .receive-menu-tab li.active {
      background-color: #7189B6;
      cursor: pointer; }
    .receive-menu-tab li:after {
      opacity: 0;
      pointer-events: none;
      position: absolute;
      bottom: 3px;
      left: 10px;
      font-size: 12px;
      transform: rotate(90deg);
      content: "";
      transition: transform 0.3s; }
    .receive-menu.is-open .receive-menu-tab li.active {
      padding-bottom: 22px; }
    .receive-menu.is-open .receive-menu-tab li.active:after {
      opacity: 1;
      pointer-events: inherit;
      transform: rotate(0); }

.receive-menu-content {
  position: absolute;
  top: 0;
  left: 45px;
  width: 200px;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.receive-menu-list {
  padding: 10px 8px;
  height: 100%;
  background-color: #2A487F;
  overflow: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .receive-menu-list .tab-info {
    margin-bottom: 10px;
    color: #fff;
    line-height: 1.8; }
  .receive-menu-list .span2 {
    margin: 0 0 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .receive-menu-list .btn-default {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px 10px;
    font-size: inherit;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    color: white; }
    .receive-menu-list .btn-default:hover {
      cursor: pointer;
      background-color: #95ACD4; }
  .receive-menu-list .k-widget.k-dropdown {
    margin: 0 0 10px;
    width: 100%; }
    .receive-menu-list .k-widget.k-dropdown .k-input {
      margin: 0; }
  .receive-menu-list .k-listview, .receive-menu-list .k-treeview {
    padding: 5px;
    background-color: #F7F9FE;
    border: none;
    outline: none;
    box-sizing: border-box;
    overflow: auto;
    border-radius: 4px; }
    /*GSSSPEED-7189 排除.k-listview-content*/
    .receive-menu-list .k-listview div:not(.k-listview-content), .receive-menu-list .k-treeview div {
        padding: 5px;
    }
    .receive-menu-list .k-listview div:not(.k-listview-content) {
        cursor: default;
        border-radius: 4px;
    }
    .receive-menu-list .k-listview div:not(.k-listview-content):hover {
        background-color: #D8E3F6;
    }
    .receive-menu-list .k-listview div:not(.k-listview-content):active {
        background-color: #C4D2EB;
    }

#HDL_DEPT_LIST-list.k-list-container .k-list-filter .k-textbox {
  width: 100% !important; }

.receive-grid {
  border-radius: 0;
  -webkit-flex: 1;
  flex: 1;
  height: 100%;
  overflow: auto;
  border-top-width: 0;
  background-color: #EEF2FC; }
  .receive-grid .k-grid-toolbar {
    border-radius: 0; }
    .receive-grid .k-grid-toolbar .toolbar {
      padding: 9px 11px 0 12px;
      display: table;
      width: 100%;
      box-sizing: border-box; }
      .receive-grid .k-grid-toolbar .toolbar:after {
        content: '';
        display: table;
        clear: both; }
    .receive-grid .k-grid-toolbar .toolbar-item {
      margin-bottom: 7px;
      display: table-cell;
      width: 1%;
      white-space: nowrap;
      padding-right: 10px;
      vertical-align: top; }
    .receive-grid .k-grid-toolbar ul.nav {
      font-size: 0;
      display: table-cell;
      width: 100%;
      vertical-align: top;
      text-align: right; }
      .receive-grid .k-grid-toolbar ul.nav > li {
        margin-right: 10px;
        vertical-align: top;
        font-size: 1rem;
        margin-bottom: 7px; }
    .receive-grid .k-grid-toolbar .category-label {
      margin-right: 10px; }
    .receive-grid .k-grid-toolbar .fields-grid-row {
      padding-left: 12px; }
    .receive-grid .k-grid-toolbar .k-input {
      padding: calc(0.533rem - 1px) 0;
      height: auto;
      line-height: 1; }

#merge-grid .k-grid-toolbar {
  padding: 9px 11px 0 12px; }

.fn-head {
  flex: 0 0 auto;
  position: sticky;
  background: #f8f8f8;
  padding: 10px;
  z-index: 1; }

.fn-body {
  flex: 1 0 auto;
  position: sticky;
  overflow: auto;
  background: #f8f8f8;
  z-index: 0; }

.fn-body-inner {
  position: relative;
  padding: 0 10px 10px;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.fn-section {
  position: absolute;
  top: 0;
  right: 10px;
  left: 10px;
  bottom: 34px;
  z-index: 1;
  background: #fff;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px; }

.content-box {
  position: relative;
  height: 100%;
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  border-radius: 4px; }

.fn-board {
  height: 100%; }
  .fn-board [class^=col-] {
    max-height: 100%; }

.fn-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10010; }

.page-slide {
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }
  .page-slide.is-current {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  .page-slide.is-leave {
    -moz-animation: page-slide-leave 1.5s ease;
    -webkit-animation: page-slide-leave 1.5s ease;
    animation: page-slide-leave 1.5s ease; }
  .page-slide.is-in {
    -moz-animation: page-slide-in 1.5s ease;
    -webkit-animation: page-slide-in 1.5s ease;
    animation: page-slide-in 1.5s ease; }
  .page-slide.is-back {
    -moz-animation: page-slide-back 1.5s ease;
    -webkit-animation: page-slide-back 1.5s ease;
    animation: page-slide-back 1.5s ease; }
  .page-slide.is-out {
    -moz-animation: page-slide-out 1.5s ease;
    -webkit-animation: page-slide-out 1.5s ease;
    animation: page-slide-out 1.5s ease; }

@-webkit-keyframes user-turn-on {
  0% {
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-moz-keyframes user-turn-on {
  0% {
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes user-turn-on {
  0% {
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes user-turn-off {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@-moz-keyframes user-turn-off {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes user-turn-off {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@-webkit-keyframes f-turn-on {
  0% {
    height: 0; }
  100% {
    height: 220px; } }
@-moz-keyframes f-turn-on {
  0% {
    height: 0; }
  100% {
    height: 220px; } }
@keyframes f-turn-on {
  0% {
    height: 0; }
  100% {
    height: 220px; } }
@-webkit-keyframes f-turn-off {
  0% {
    height: 220px; }
  100% {
    height: 0; } }
@-moz-keyframes f-turn-off {
  0% {
    height: 220px; }
  100% {
    height: 0; } }
@keyframes f-turn-off {
  0% {
    height: 220px; }
  100% {
    height: 0; } }
@-webkit-keyframes g-ctrl-box-open-before {
  0% {
    width: 6px;
    height: 6px;
    left: -8px;
    background-color: #fff; }
  30% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  70% {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  100% {
    width: 15px;
    left: -6px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }
@-moz-keyframes g-ctrl-box-open-before {
  0% {
    width: 6px;
    height: 6px;
    left: -8px;
    background-color: #fff; }
  30% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  70% {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  100% {
    width: 15px;
    left: -6px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }
@keyframes g-ctrl-box-open-before {
  0% {
    width: 6px;
    height: 6px;
    left: -8px;
    background-color: #fff; }
  30% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  70% {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  100% {
    width: 15px;
    left: -6px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }
@-webkit-keyframes g-ctrl-box-close-before {
  0% {
    width: 15px;
    left: -6px;
    background-color: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  30% {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  70% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    left: -8px;
    background-color: #4C8AE0; } }
@-moz-keyframes g-ctrl-box-close-before {
  0% {
    width: 15px;
    left: -6px;
    background-color: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  30% {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  70% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    left: -8px;
    background-color: #4C8AE0; } }
@keyframes g-ctrl-box-close-before {
  0% {
    width: 15px;
    left: -6px;
    background-color: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  30% {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  70% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    left: -8px;
    background-color: #4C8AE0; } }
@-webkit-keyframes g-ctrl-box-open-after {
  0% {
    width: 6px;
    height: 6px;
    left: 8px;
    background-color: #fff; }
  30% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  70% {
    -moz-transform: rotate(45de-g);
    -webkit-transform: rotate(45de-g);
    transform: rotate(45de-g); }
  100% {
    width: 15px;
    left: -6px;
    -moz-transform: rotate(45de-g);
    -webkit-transform: rotate(45de-g);
    transform: rotate(45de-g); } }
@-moz-keyframes g-ctrl-box-open-after {
  0% {
    width: 6px;
    height: 6px;
    left: 8px;
    background-color: #fff; }
  30% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  70% {
    -moz-transform: rotate(45de-g);
    -webkit-transform: rotate(45de-g);
    transform: rotate(45de-g); }
  100% {
    width: 15px;
    left: -6px;
    -moz-transform: rotate(45de-g);
    -webkit-transform: rotate(45de-g);
    transform: rotate(45de-g); } }
@keyframes g-ctrl-box-open-after {
  0% {
    width: 6px;
    height: 6px;
    left: 8px;
    background-color: #fff; }
  30% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  70% {
    -moz-transform: rotate(45de-g);
    -webkit-transform: rotate(45de-g);
    transform: rotate(45de-g); }
  100% {
    width: 15px;
    left: -6px;
    -moz-transform: rotate(45de-g);
    -webkit-transform: rotate(45de-g);
    transform: rotate(45de-g); } }
@-webkit-keyframes g-ctrl-box-close-after {
  0% {
    width: 15px;
    left: -6px;
    background-color: #fff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  30% {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  70% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    left: 8px;
    background-color: #4C8AE0; } }
@-moz-keyframes g-ctrl-box-close-after {
  0% {
    width: 15px;
    left: -6px;
    background-color: #fff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  30% {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  70% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    left: 8px;
    background-color: #4C8AE0; } }
@keyframes g-ctrl-box-close-after {
  0% {
    width: 15px;
    left: -6px;
    background-color: #fff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  30% {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  70% {
    width: 3px;
    height: 3px;
    left: 0;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    left: 8px;
    background-color: #4C8AE0; } }
@-webkit-keyframes g-ctrl-list-on {
  0% {
    -moz-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-moz-keyframes g-ctrl-list-on {
  0% {
    -moz-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes g-ctrl-list-on {
  0% {
    -moz-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes g-ctrl-list-off {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -moz-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@-moz-keyframes g-ctrl-list-off {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -moz-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes g-ctrl-list-off {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -moz-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@-webkit-keyframes load-bg {
  0% {
    margin: 0;
    width: 0;
    height: 0; }
  25% {
    margin: -75px 0 0 -75px;
    width: 150px;
    height: 150px; }
  100% {
    margin: -75px 0 0 -75px;
    width: 150px;
    height: 150px; } }
@-moz-keyframes load-bg {
  0% {
    margin: 0;
    width: 0;
    height: 0; }
  25% {
    margin: -75px 0 0 -75px;
    width: 150px;
    height: 150px; }
  100% {
    margin: -75px 0 0 -75px;
    width: 150px;
    height: 150px; } }
@keyframes load-bg {
  0% {
    margin: 0;
    width: 0;
    height: 0; }
  25% {
    margin: -75px 0 0 -75px;
    width: 150px;
    height: 150px; }
  100% {
    margin: -75px 0 0 -75px;
    width: 150px;
    height: 150px; } }
@-webkit-keyframes load-file-bg {
  0% {
    margin: 0;
    width: 0;
    height: 0; }
  25% {
    margin: -60px 0 0 -60px;
    width: 120px;
    height: 120px; }
  100% {
    margin: -60px 0 0 -60px;
    width: 120px;
    height: 120px; } }
@-moz-keyframes load-file-bg {
  0% {
    margin: 0;
    width: 0;
    height: 0; }
  25% {
    margin: -60px 0 0 -60px;
    width: 120px;
    height: 120px; }
  100% {
    margin: -60px 0 0 -60px;
    width: 120px;
    height: 120px; } }
@keyframes load-file-bg {
  0% {
    margin: 0;
    width: 0;
    height: 0; }
  25% {
    margin: -60px 0 0 -60px;
    width: 120px;
    height: 120px; }
  100% {
    margin: -60px 0 0 -60px;
    width: 120px;
    height: 120px; } }
@-webkit-keyframes load-file {
  0% {
    margin: 0;
    width: 0;
    height: 0; }
  25% {
    margin: -37px 0 0 -30px;
    width: 60px;
    height: 74px; }
  100% {
    margin: -37px 0 0 -30px;
    width: 60px;
    height: 74px; } }
@-moz-keyframes load-file {
  0% {
    margin: 0;
    width: 0;
    height: 0; }
  25% {
    margin: -37px 0 0 -30px;
    width: 60px;
    height: 74px; }
  100% {
    margin: -37px 0 0 -30px;
    width: 60px;
    height: 74px; } }
@keyframes load-file {
  0% {
    margin: 0;
    width: 0;
    height: 0; }
  25% {
    margin: -37px 0 0 -30px;
    width: 60px;
    height: 74px; }
  100% {
    margin: -37px 0 0 -30px;
    width: 60px;
    height: 74px; } }
@-webkit-keyframes line {
  0% {
    stroke-dashoffset: 50; }
  25% {
    stroke-dashoffset: 50; }
  50% {
    stroke-dashoffset: 0; }
  75% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-moz-keyframes line {
  0% {
    stroke-dashoffset: 50; }
  25% {
    stroke-dashoffset: 50; }
  50% {
    stroke-dashoffset: 0; }
  75% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes line {
  0% {
    stroke-dashoffset: 50; }
  25% {
    stroke-dashoffset: 50; }
  50% {
    stroke-dashoffset: 0; }
  75% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes line2 {
  0% {
    stroke-dashoffset: 50; }
  25% {
    stroke-dashoffset: 50; }
  50% {
    stroke-dashoffset: 50; }
  75% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-moz-keyframes line2 {
  0% {
    stroke-dashoffset: 50; }
  25% {
    stroke-dashoffset: 50; }
  50% {
    stroke-dashoffset: 50; }
  75% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes line2 {
  0% {
    stroke-dashoffset: 50; }
  25% {
    stroke-dashoffset: 50; }
  50% {
    stroke-dashoffset: 50; }
  75% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes line3 {
  0% {
    stroke-dashoffset: 50; }
  25% {
    stroke-dashoffset: 50; }
  50% {
    stroke-dashoffset: 50; }
  75% {
    stroke-dashoffset: 50; }
  100% {
    stroke-dashoffset: 0; } }
@-moz-keyframes line3 {
  0% {
    stroke-dashoffset: 50; }
  25% {
    stroke-dashoffset: 50; }
  50% {
    stroke-dashoffset: 50; }
  75% {
    stroke-dashoffset: 50; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes line3 {
  0% {
    stroke-dashoffset: 50; }
  25% {
    stroke-dashoffset: 50; }
  50% {
    stroke-dashoffset: 50; }
  75% {
    stroke-dashoffset: 50; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes page-slide-leave {
  0% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  10% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  30% {
    -moz-transform: translate3d(0, 0, 0) scale(0.86);
    -ms-transform: translate3d(0, 0, 0) scale(0.86);
    -webkit-transform: translate3d(0, 0, 0) scale(0.86);
    transform: translate3d(0, 0, 0) scale(0.86); }
  40% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
  100% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); } }
@-moz-keyframes page-slide-leave {
  0% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  10% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  30% {
    -moz-transform: translate3d(0, 0, 0) scale(0.86);
    -ms-transform: translate3d(0, 0, 0) scale(0.86);
    -webkit-transform: translate3d(0, 0, 0) scale(0.86);
    transform: translate3d(0, 0, 0) scale(0.86); }
  40% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
  100% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); } }
@keyframes page-slide-leave {
  0% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  10% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  30% {
    -moz-transform: translate3d(0, 0, 0) scale(0.86);
    -ms-transform: translate3d(0, 0, 0) scale(0.86);
    -webkit-transform: translate3d(0, 0, 0) scale(0.86);
    transform: translate3d(0, 0, 0) scale(0.86); }
  40% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
  100% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); } }
@-webkit-keyframes page-slide-in {
  0% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
  20% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(92%, 0, 0) scale(0.9);
    -ms-transform: translate3d(92%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(92%, 0, 0) scale(0.9);
    transform: translate3d(92%, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  70% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  80% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }
@-moz-keyframes page-slide-in {
  0% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
  20% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(92%, 0, 0) scale(0.9);
    -ms-transform: translate3d(92%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(92%, 0, 0) scale(0.9);
    transform: translate3d(92%, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  70% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  80% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }
@keyframes page-slide-in {
  0% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
  20% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(92%, 0, 0) scale(0.9);
    -ms-transform: translate3d(92%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(92%, 0, 0) scale(0.9);
    transform: translate3d(92%, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  70% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  80% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes page-slide-back {
  0% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
  20% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(-92%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-92%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-92%, 0, 0) scale(0.9);
    transform: translate3d(-92%, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  70% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  80% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }
@-moz-keyframes page-slide-back {
  0% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
  20% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(-92%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-92%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-92%, 0, 0) scale(0.9);
    transform: translate3d(-92%, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  70% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  80% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }
@keyframes page-slide-back {
  0% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
  20% {
    -moz-transform: translate3d(-100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
    transform: translate3d(-100%, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(-92%, 0, 0) scale(0.9);
    -ms-transform: translate3d(-92%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(-92%, 0, 0) scale(0.9);
    transform: translate3d(-92%, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  70% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  80% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes page-slide-out {
  0% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  10% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  30% {
    -moz-transform: translate3d(0, 0, 0) scale(0.86);
    -ms-transform: translate3d(0, 0, 0) scale(0.86);
    -webkit-transform: translate3d(0, 0, 0) scale(0.86);
    transform: translate3d(0, 0, 0) scale(0.86); }
  40% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
  100% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); } }
@-moz-keyframes page-slide-out {
  0% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  10% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  30% {
    -moz-transform: translate3d(0, 0, 0) scale(0.86);
    -ms-transform: translate3d(0, 0, 0) scale(0.86);
    -webkit-transform: translate3d(0, 0, 0) scale(0.86);
    transform: translate3d(0, 0, 0) scale(0.86); }
  40% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
  100% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); } }
@keyframes page-slide-out {
  0% {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  10% {
    -moz-transform: translate3d(0, 0, 0) scale(1.02);
    -ms-transform: translate3d(0, 0, 0) scale(1.02);
    -webkit-transform: translate3d(0, 0, 0) scale(1.02);
    transform: translate3d(0, 0, 0) scale(1.02); }
  30% {
    -moz-transform: translate3d(0, 0, 0) scale(0.86);
    -ms-transform: translate3d(0, 0, 0) scale(0.86);
    -webkit-transform: translate3d(0, 0, 0) scale(0.86);
    transform: translate3d(0, 0, 0) scale(0.86); }
  40% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  45% {
    -moz-transform: translate3d(0, 0, 0) scale(0.9);
    -ms-transform: translate3d(0, 0, 0) scale(0.9);
    -webkit-transform: translate3d(0, 0, 0) scale(0.9);
    transform: translate3d(0, 0, 0) scale(0.9); }
  60% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); }
  100% {
    -moz-transform: translate3d(100%, 0, 0) scale(0.9);
    -ms-transform: translate3d(100%, 0, 0) scale(0.9);
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
    transform: translate3d(100%, 0, 0) scale(0.9); } }
html, body {
  height: 100%;
  font-size: 1rem;
  overflow: hidden; }

body {
  min-height: 100%;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: #555555; }

body, button, html, input, keygen, select, textarea {
    font-family: Arial, Helvetica, "Fixed Microsoft JhengHei", "Microsoft JhengHei", sans-serif;
    font-weight: bold;
    font-size: 1rem;
}

textarea {
  padding: 10px; }

button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border: none; }

@media (orientation: landscape) {
  html.ipad.ios7 > body {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 672px !important; } }
h1 {
  font-size: 31px;
  font-size: 1.9375rem;
  line-height: 48px;
  line-height: 3rem; }

h2 {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 36px;
  line-height: 2.25rem; }

h3 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 30px;
  line-height: 1.875rem; }

h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem; }

h5 {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 24px;
  line-height: 1.5rem; }

h6 {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 21px;
  line-height: 1.3125rem; }

p, li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem; }

a {
  color: #0E86FE;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); }
  a:hover {
    color: #419FFE; }
  a:active {
    color: #0C6CCC; }

.gi-decision:before {
  content: "\f00c"; }

.gi-type-paper:before {
  content: "\f016"; }

.gi-permission-secret:before {
  content: "\f023"; }

.gi-edit:before {
  content: "\f044"; }

.gi-eye:before {
  content: "\f06e"; }

.gi-warning:before {
  content: "\f071"; }

.fields-collapse .collapse-icon:before {
  content: "\f078"; }

.gi-bullhorn:before {
  content: "\f0a1"; }

.gi-combine:before {
  content: "\f0c1"; }

.gi-paperclip:before {
  content: "\f0c6"; }

.gi-comment-o:before {
  content: "\f0e5"; }

.ap-wrap {
  position: relative;
  overflow: auto;
  height: 100%;
  background-image: url(./images/bg/blur-bg.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.ap-set {
    position: relative;
    margin: 0px auto;
    max-width: 1720px;
    height: 100%;
}

.ap-box {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #DADFE6;
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.33); }
  @media (max-width: 1720px) {
    .ap-box {
      top: 0; } }

.ap-header {
  position: absolute;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 42px;
  border-top: 1px solid #D8E3F6;
  border-bottom: 1px solid #D8E3F6;
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ap-logo {
  display: inline-block;
  float: left;
  padding: 0;
  font-size: 24px;
  color: #fff; }

.ap-logo-link {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 42px;
  width: 194px;
  margin-left: 26px;
  color: #fff;
  background-image: url(./images/login-header-logo.png);
  background-size: auto 28px;
  background-repeat: no-repeat;
  background-position: left center; }
  @media (max-width: 568px) {
    .ap-logo-link {
      width: 34px; } }
  .ap-logo-link img {
    height: 39px;
    object-fit: cover;
    width: 194px; }

.ap-container {
  position: relative;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ap-nav {
  position: absolute;
  z-index: 1;
  top: 0px;
  bottom: 0;
  width: 50px;
  background-color: #367cb0;
  -moz-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1); }
  .ap-nav.is-open {
    width: 220px; }
    .ap-nav.is-open .nav-btn {
      padding: 13px 30px 0; }
  .ap-nav:not(.is-open).is-open-list:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 5; }
  @media (max-width: 480px) {
    .ap-nav {
      background-color: #456297; } }

.ap-main {
  display: flex;
  flex-direction: column;
  margin-left: 50px;
  padding-top: 42px;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: margin 600ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: margin 600ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: margin 600ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: margin 600ms cubic-bezier(0.86, 0, 0.07, 1); }
  .ap-main.is-open {
    margin-left: 220px; }
    .ap-main.is-open + .ap-footer {
      margin-left: 220px;
      width: calc(100% - 220px); }

@media (max-width: 1720px) {
  .ap-set {
    width: 100%; } }
@media (max-width: 768px) {
  .ap-set {
    width: 100%; } }
@media (max-width: 1024px) {
  .ap-set {
    width: 100%; }

  .ap-nav {
    width: 50px; }

  .ap-main {
    margin-left: 50px; }

  .ap-footer {
    margin-left: 50px;
    width: calc(100% - 50px); } }
.ap-footer {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  background: #f8f8f8;
  margin-left: 50px;
  width: calc(100% - 50px);
  max-width: 1440px;
  z-index: 1; }

@media (max-width: 667px) {
  .ap-footer {
    display: none; } }
.cell, [class*="cell-"] {
  display: table-cell;
  vertical-align: middle; }
  .cell.cell--fit, [class*="cell-"].cell--fit {
    width: 1%;
    white-space: nowrap; }

.cell-group {
  display: table;
  width: 100%; }

.cell-group-fixed {
  display: table;
  width: 100%;
  table-layout: fixed; }

.cell-inner {
  box-sizing: border-box; }

.cell-fluid {
  width: 100%; }

.cell-1 {
  width: 8.33333%; }

@media (max-width: 1024px) {
  .cell-wp-1 {
    width: 8.33333%; } }
@media (max-width: 568px) {
  .cell-wm-1 {
    width: 8.33333%; } }
.cell-2 {
  width: 16.66667%; }

@media (max-width: 1024px) {
  .cell-wp-2 {
    width: 16.66667%; } }
@media (max-width: 568px) {
  .cell-wm-2 {
    width: 16.66667%; } }
.cell-3 {
  width: 25%; }

@media (max-width: 1024px) {
  .cell-wp-3 {
    width: 25%; } }
@media (max-width: 568px) {
  .cell-wm-3 {
    width: 25%; } }
.cell-4 {
  width: 33.33333%; }

@media (max-width: 1024px) {
  .cell-wp-4 {
    width: 33.33333%; } }
@media (max-width: 568px) {
  .cell-wm-4 {
    width: 33.33333%; } }
.cell-5 {
  width: 41.66667%; }

@media (max-width: 1024px) {
  .cell-wp-5 {
    width: 41.66667%; } }
@media (max-width: 568px) {
  .cell-wm-5 {
    width: 41.66667%; } }
.cell-6 {
  width: 50%; }

@media (max-width: 1024px) {
  .cell-wp-6 {
    width: 50%; } }
@media (max-width: 568px) {
  .cell-wm-6 {
    width: 50%; } }
.cell-7 {
  width: 58.33333%; }

@media (max-width: 1024px) {
  .cell-wp-7 {
    width: 58.33333%; } }
@media (max-width: 568px) {
  .cell-wm-7 {
    width: 58.33333%; } }
.cell-8 {
  width: 66.66667%; }

@media (max-width: 1024px) {
  .cell-wp-8 {
    width: 66.66667%; } }
@media (max-width: 568px) {
  .cell-wm-8 {
    width: 66.66667%; } }
.cell-9 {
  width: 75%; }

@media (max-width: 1024px) {
  .cell-wp-9 {
    width: 75%; } }
@media (max-width: 568px) {
  .cell-wm-9 {
    width: 75%; } }
.cell-10 {
  width: 83.33333%; }

@media (max-width: 1024px) {
  .cell-wp-10 {
    width: 83.33333%; } }
@media (max-width: 568px) {
  .cell-wm-10 {
    width: 83.33333%; } }
.cell-11 {
  width: 91.66667%; }

@media (max-width: 1024px) {
  .cell-wp-11 {
    width: 91.66667%; } }
@media (max-width: 568px) {
  .cell-wm-11 {
    width: 91.66667%; } }
.cell-12 {
  display: block; }

@media (max-width: 1024px) {
  .cell-wp-12 {
    display: block; } }
@media (max-width: 568px) {
  .cell-wm-12 {
    display: block; } }
.sidebar {
  background-color: #456297;
  color: #fff;
  width: 220px;
  position: relative;
  top: 42px;
  height: calc(100% - 42px + 24px);
  overflow-x: hidden;
  overflow-y: auto; }
  @media (max-width: 480px) {
    .sidebar {
      height: calc(100% - 42px - 50px); } }
  .ap-nav:not(.is-open) .sidebar {
    width: 50px; }
  .sidebar .list-item {
    position: relative; }
    .sidebar .list-item.is-open > .list-link .sidebar-icon--right {
      transform: rotate(180deg);
      color: #0E86FE; }
    .sidebar .list-item.is-open .list-group--sublist.sublist--second {
      display: block; }
      .sidebar .list-item.is-open .list-group--sublist.sublist--second .is-open .sidebar-icon--right {
        transform: rotate(180deg); }
      .sidebar .list-item.is-open .list-group--sublist.sublist--second .is-open .sublist--third {
        display: block; }
    .ap-nav:not(.is-open) .sidebar .list-item.is-open .inner-txt.first-level {
      display: none; }
  .sidebar .list-link {
    position: relative;
    display: block;
    padding: 10px 25px 10px 50px;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease; }
    .sidebar .list-link.state-selected:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background-color: #0E86FE; }
    .ap-nav:not(.is-open) .sidebar .list-link {
      padding: 0;
      width: 50px;
      height: 50px;
      text-align: center;
      font-size: 0; }
      .ap-nav:not(.is-open) .sidebar .list-link .inner-txt {
        text-align: left; }
        .ap-nav:not(.is-open) .sidebar .list-link .inner-txt.first-level {
          pointer-events: none;
          opacity: 0;
          font-size: 0.9375rem;
          transition: all 0.2s ease-out;
          position: absolute;
          width: 200px;
          text-align: left;
          background-color: #1E3768;
          border-radius: 4px;
          padding: 7px 10px;
          line-height: 21px;
          transform: translate3d(48px, 5px, 0);
          z-index: 99;
          width: auto;
          min-width: 100px; }
      .ap-nav:not(.is-open) .sidebar .list-link:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        position: relative; }
    .sidebar .list-link .sidebar-icon--left {
      position: absolute;
      top: 1rem;
      left: 24px;
      font-size: 1rem; }
      .ap-nav:not(.is-open) .sidebar .list-link .sidebar-icon--left {
        position: static;
        display: inline-block;
        vertical-align: middle; }
    .sidebar .list-link .sidebar-icon--right {
      position: absolute;
      top: 1rem;
      right: 13px;
      font-size: 0.75rem;
      transition: all 0.2s ease;
      color: #95ACD4; }
      .ap-nav:not(.is-open) .sidebar .list-link .sidebar-icon--right {
        top: 50%;
        margin-top: -0.32rem; }
    .sidebar .list-link:hover {
      background: #7189B6 !important;
      color: inherit; }
      @media (max-width: 768px) {
        .sidebar .list-link:hover .inner-txt.first-level {
          opacity: 1;
          transform: translate3d(28px, 5px, 0); }
          .sidebar .list-link:hover .inner-txt.first-level:before {
            content: '';
            position: absolute;
            left: -7px;
            top: 12px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 8px 6px 0;
            border-color: transparent #1E3768 transparent transparent; } }
    .sidebar .list-link:active {
      background-color: #95ACD4 !important; }
  .ap-nav:not(.is-open) .sidebar .list-group > .list-item > .list-link .sidebar-icon--right {
    transform: rotate(-90deg) scale(0.8);
    right: 2px; }
  .ap-nav:not(.is-open) .sidebar .list-group > .list-item.is-open > .list-link .sidebar-icon--right {
    transform: rotate(90deg) scale(0.8); }
  .sidebar .list-group {
    padding-bottom: 41px; }
  .sidebar .list-group--sublist {
    display: none;
    z-index: 10; }
    .ap-nav:not(.is-open) .sidebar .list-group--sublist .list-link {
      width: 220px;
      height: auto; }
      .ap-nav:not(.is-open) .sidebar .list-group--sublist .list-link:before {
        display: none; }
      .ap-nav:not(.is-open) .sidebar .list-group--sublist .list-link .inner-txt {
        position: static;
        display: block;
        font-size: 1rem;
        padding: 0;
        width: auto; }
    .sidebar .list-group--sublist .list-link .sidebar-icon--right {
      right: 13px;
      transform: rotate(360deg); }
    .sidebar .list-group--sublist.sublist--second {
      display: none;
      overflow-y: auto; }
      .ap-nav:not(.is-open) .sidebar .list-group--sublist.sublist--second {
        border-radius: 4px;
        position: fixed;
        left: 55px; }
      .sidebar .list-group--sublist.sublist--second .list-link {
        padding-left: 50px;
        background-color: #2A487F;
        overflow: hidden; }
        .ap-nav:not(.is-open) .sidebar .list-group--sublist.sublist--second .list-link {
          padding: 12px 24px;
          max-width: 140px; }
    .sidebar .list-group--sublist.sublist--third {
      display: none; }
      .sidebar .list-group--sublist.sublist--third .list-link {
        padding-left: 66px;
        background: #1E3768;
        width: auto; }

.nav-toggle {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  height: 25px;
  width: 25px;
  cursor: pointer;
  text-align: right;
  cursor: pointer;
  z-index: 7; }
  .nav-toggle:hover .nav-toggle_icon {
    color: #00C3FF; }
  .nav-toggle:active .nav-toggle_icon {
    color: #009CCC; }

.nav-toggle_icon {
  text-align: center;
  border-radius: 4px 0 0 4px;
  font-size: 15px; }
  .nav-toggle_icon.fa {
    line-height: 25px; }
  .nav-toggle_icon:before {
    display: block;
    content: "";
    transition: all 0.3s ease; }
  .ap-nav:not(.is-open) .nav-toggle_icon:before {
    transform: rotate(180deg); }

.list-title {
  position: relative;
  display: block;
  padding: 10px 25px 10px 50px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #EEF2FC;
  text-decoration: none;
  letter-spacing: 0.69px; }
  .ap-nav:not(.is-open) .list-title {
    padding: 0;
    width: 0;
    height: 0;
    text-align: center;
    font-size: 0; }

.btn {
  padding: 7px 16px;
  font-size: 1rem;
  line-height: 1;
  background-repeat: repeat-x;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px; }
    .btn.fa {
        font-family: Arial, Helvetica, "Fixed Microsoft JhengHei", "Microsoft JhengHei", sans-serif;
        font-weight: bold;
    }

i + .icon-text {
  margin-left: 3px;
  font-size: 1rem; }

.kendo-tip {
  max-width: 100px;
  padding: 9px 16px; }

.menu-box {
  text-align: right;
  margin-left: 220px; }
  @media (max-width: 568px) {
    .menu-box {
      margin-left: 60px; } }

.menu {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: left; }
  .menu.nav-ul .menu-item {
    border-left: 1px solid #D8E3F6; }
  .menu:first-child .menu-btn {
    min-width: 170px; }

.menu-item {
  position: relative;
  display: inline-block;
  text-align: left; }

.menu-info {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.menu-btn {
  display: block;
  padding: 10px 20px 11px;
  font-size: 1rem;
  color: #456297;
  line-height: 1;
  height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
    .menu-btn .tab-badge {
        background-color: #0E86FE;
        white-space: nowrap;
        display: inline-block;
    }
  .menu-btn:hover {
    background-color: #EEF2FC;
    color: #456297; }
  .menu-btn *:not(:last-child) {
    margin-right: 5px;
    vertical-align: middle; }
  .menu-btn i {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
  .sub-menu .menu-btn {
    line-height: 1.3; }

.sub-menu {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15); }

.sub-menu-title {
  background: #D8E3F6;
  font-size: 14px;
  color: #456297;
  padding-left: 12px;
  line-height: 20px;
  margin-top: 10px; }

.sub-menu-button {
  background-color: #0E86FE; }
  .sub-menu-button a.menu-btn {
    color: #fff;
    text-align: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .sub-menu-button a.menu-btn:hover {
      background-color: #0E86FE; }

.sub-menu-item {
  text-align: center; }
  .sub-menu-item .menu-btn {
    height: inherit; }
  .sub-menu-item .toggle-blue {
    display: inline-block;
    margin: 0 10px;
    width: 25px;
    height: 25px;
    background-color: #0E86FE;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer; }
    .sub-menu-item .toggle-blue:hover {
      background-color: #419FFE; }
    .sub-menu-item .toggle-blue.is-active {
      box-shadow: 0 0 0 2px #0E86FE; }
  .sub-menu-item .toggle-green {
    display: inline-block;
    margin: 0 10px;
    width: 25px;
    height: 25px;
    background-color: #10A498;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer; }
    .sub-menu-item .toggle-green:hover {
      background-color: #6dd1c9; }
    .sub-menu-item .toggle-green.is-active {
      box-shadow: 0 0 0 2px #10A498; }

.dropdown-menu:not(.nav-sub) {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  display: none; }
  .nav-dropdown-wrapper .dropdown-menu:not(.nav-sub) {
    top: 0;
    left: -150px; }

.show > .dropdown-menu {
  display: block; }

.user-select {
  max-width: 100%;
  width: 100%;
  padding: 14px 0;
  background-color: #fff;
  border-radius: 4px; }
  .user-select.no-padding {
    padding: 0; }
  .user-select:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 25%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 10px 7px;
    border-color: transparent transparent #fff transparent;
    z-index: -1; }
    .user-select .menu-btn {
        white-space: normal;
        word-break: break-all;
        word-break: break-word;
        color: #456297;
    }
    .user-select .menu-btn:hover, .user-select .menu-btn:focus {
      background-color: #EEF2FC; }
    .user-select .menu-btn:after {
      display: none; }

.menu-btn svg .top {
  color: #0E86FE; }
.menu-btn svg .bottom {
  color: #FFA700; }

.grid-box {
  position: relative; }
  .grid-box:first-child .k-grid-header {
    border-top: none; }

.g-overflow {
  position: relative;
  overflow: visible !important;
  height: 100%; }

.g-collapse-box {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  z-index: 7;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px; }

.g-collapse-btn {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-top: 1px;
  height: 24px;
  width: 24px;
  margin: 3px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .g-collapse-btn:hover {
    background: #D8E3F6; }

.icon-ellipsis-h {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 3px;
  height: 3px;
  top: -2px;
  background-color: #0E86FE;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px; }
  .icon-ellipsis-h:before {
    content: "";
    position: absolute;
    left: -5px;
    width: 3px;
    height: 3px;
    background-color: #0E86FE;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-animation: g-ctrl-box-close-before 600ms ease;
    -moz-animation: g-ctrl-box-close-before 600ms ease;
    -o-animation: g-ctrl-box-close-before 600ms ease;
    animation: g-ctrl-box-close-before 600ms ease; }
  .icon-ellipsis-h:after {
    content: "";
    position: absolute;
    left: 5px;
    width: 3px;
    height: 3px;
    background-color: #0E86FE;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-animation: g-ctrl-box-close-after 600ms ease;
    -moz-animation: g-ctrl-box-close-after 600ms ease;
    -o-animation: g-ctrl-box-close-after 600ms ease;
    animation: g-ctrl-box-close-after 600ms ease; }

.g-ctrl-box {
  z-index: 5;
  white-space: nowrap;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  top: 4px;
  font-size: 0; }
  @media all and (-ms-high-contrast: none) {
    .g-ctrl-box *::-ms-backdrop, .g-ctrl-box {
      margin-top: -2px; } }
  .g-ctrl-box.is-close .g-ctrl-list-box {
    display: none; }
  .g-ctrl-box.is-open .g-collapse-box {
    background-color: #2A487F; }
  .g-ctrl-box.is-open .g-collapse-btn {
    background-color: #2A487F; }
    .g-ctrl-box.is-open .g-collapse-btn .icon-ellipsis-h:before, .g-ctrl-box.is-open .g-collapse-btn .icon-ellipsis-h:after {
      left: -6px;
      height: 2px;
      width: 15px;
      background-color: #fff; }
    .g-ctrl-box.is-open .g-collapse-btn .icon-ellipsis-h:before {
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-animation: g-ctrl-box-open-before 600ms ease;
      -moz-animation: g-ctrl-box-open-before 600ms ease;
      -o-animation: g-ctrl-box-open-before 600ms ease;
      animation: g-ctrl-box-open-before 600ms ease; }
    .g-ctrl-box.is-open .g-collapse-btn .icon-ellipsis-h:after {
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-animation: g-ctrl-box-open-after 600ms ease;
      -moz-animation: g-ctrl-box-open-after 600ms ease;
      -o-animation: g-ctrl-box-open-after 600ms ease;
      animation: g-ctrl-box-open-after 600ms ease; }
    .g-ctrl-box.is-open .g-collapse-btn:hover {
      background-color: #C4D2EB; }
      .g-ctrl-box.is-open .g-collapse-btn:hover .icon-ellipsis-h:before, .g-ctrl-box.is-open .g-collapse-btn:hover .icon-ellipsis-h:after {
        background-color: #2A487F; }
    .g-ctrl-box.is-open .g-collapse-btn:active {
      background-color: #7189B6; }
  .g-ctrl-box.is-open .g-ctrl-list-box:before {
    display: none; }
  .g-ctrl-box.is-open .g-ctrl-list {
    -webkit-animation: "g-ctrl-list-on" 600ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-animation: "g-ctrl-list-on" 600ms cubic-bezier(0.86, 0, 0.07, 1);
    animation: "g-ctrl-list-on" 600ms cubic-bezier(0.86, 0, 0.07, 1); }

.g-ctrl-list-box {
  position: relative;
  z-index: 3;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  overflow: auto; }
  .g-ctrl-list-box:before {
    content: "";
    position: absolute;
    z-index: 7;
    height: 100%;
    width: 3px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.12)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%); }

.g-ctrl-list {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background-color: #2A487F;
  -webkit-animation: "g-ctrl-list-off" 600ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-animation: "g-ctrl-list-off" 600ms cubic-bezier(0.86, 0, 0.07, 1);
  animation: "g-ctrl-list-off" 600ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0; }
  .g-ctrl-list .g-ctrl-btn {
    border: none;
    margin: 3px 0; }

.g-ctrl-item {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }
  .g-ctrl-item:last-child {
    margin-right: 3px; }

.g-ctrl-btn {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  min-width: 44px;
  padding: 0 10px;
  background-color: #2A487F;
  font-size: 1rem;
  text-align: center;
  color: #fff;
  border: 1px solid #2A487F;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer; }
  .g-ctrl-btn:hover, .g-ctrl-btn:focus {
    color: #456297;
    background-color: #F7F9FE;
    border-color: #456297; }

.grid-tip {
  line-height: 1.4;
  max-width: 360px;
  padding: 6px 12px;
  box-sizing: content-box; }
  .grid-tip * {
    font-size: 1rem;
    line-height: 1.4; }

.grid-tip-header {
  text-align: left;
  font-size: 1rem;
  border-bottom: 1px solid #456297;
  margin: -6px -12px 0;
  padding: 6px 12px 6px 12px; }

.grid-tip-footer {
  margin: 0 -12px -6px;
  font-size: 1rem; }

.grid-tip-time {
  border-right: 1px solid #456297;
  padding: 6px 12px 6px 13px; }
  .grid-tip-time:before {
    margin-right: 10px; }

.grid-tip-state {
  text-align: left;
  padding: 6px 13px 6px 12px; }

.grid-tip--green {
  color: #2BCD86; }

.grid-tip--blue {
  color: #0E86FE; }

.load-box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -75px;
  width: 150px;
  height: 150px; }

.load-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -75px;
  width: 150px;
  height: 150px;
  background-color: #0E86FE;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  -webkit-animation: load-bg 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95);
  -moz-animation: load-bg 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95);
  -o-animation: load-bg 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95);
  animation: load-bg 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95); }

.load-file-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -60px 0 0 -60px;
  width: 120px;
  height: 120px;
  background-color: #eeeeee;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: load-file-bg 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95);
  -moz-animation: load-file-bg 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95);
  -o-animation: load-file-bg 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95);
  animation: load-file-bg 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95); }

.load-file {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -37px 0 0 -30px;
  -webkit-animation: load-file 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95);
  -moz-animation: load-file 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95);
  -o-animation: load-file 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95);
  animation: load-file 1.5s cubic-bezier(0.53, 1.4, 0.65, 0.95); }

.line-anime {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  -webkit-animation: line 1.5s linear infinite;
  -moz-animation: line 1.5s linear infinite;
  -o-animation: line 1.5s linear infinite;
  animation: line 1.5s linear infinite; }

.line-anime2 {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  -webkit-animation: line2 1.5s linear infinite;
  -moz-animation: line2 1.5s linear infinite;
  -o-animation: line2 1.5s linear infinite;
  animation: line2 1.5s linear infinite; }

.line-anime3 {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  -webkit-animation: line3 1.5s linear infinite;
  -moz-animation: line3 1.5s linear infinite;
  -o-animation: line3 1.5s linear infinite;
  animation: line3 1.5s linear infinite; }

.sortable-wrapper, .sortable-candidates {
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.sortable-candidates {
  position: relative;
  float: left;
  width: 260px;
  background-color: #4d4d4d; }
  .sortable-candidates:before {
    content: "";
    position: absolute;
    top: 0;
    right: -3px;
    bottom: 0;
    width: 3px;
    background-color: rgba(0, 0, 0, 0.18); }

.sortable-wrapper {
  padding: 15px 18px;
  overflow: auto;
  background-color: #cccccc; }

.sortable-select {
  position: relative;
  padding: 15px 20px;
  background-color: #555555; }
  .sortable-select:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    z-index: 1;
    height: 3px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }
  .sortable-select .k-dropdown.k-header {
    -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.08); }

.sortable-user-list {
  height: calc(100% - 68px);
  overflow: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.sortable-user-item {
  position: relative;
  margin: 0;
  padding: 15px 18px;
  width: 260px;
  background-color: #222222;
  color: #ffffff;
  list-style-type: none;
  cursor: move;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.66);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.66);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.66); }
  .sortable-user-item:after {
    content: "\f047";
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-top: -22px;
    padding: 10px;
    font-family: "icomoon";
    font-size: 1rem;
    color: #fff;
    text-shadow: none; }

#candidate-users .sortable-user-item {
  background-color: #4d4d4d;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #3d3d3d; }
  #candidate-users .sortable-user-item:after {
    color: #cccccc;
    text-shadow: none; }
  #candidate-users .sortable-user-item:hover {
    background-color: #595959; }
    #candidate-users .sortable-user-item:hover:after {
      color: #fff;
      text-shadow: 0 0 3px rgba(255, 255, 255, 0.8); }

.sortable-user {
  margin: 0 20px 0 0;
  word-break: break-all;
  word-break: break-word; }

.flow-sortable-list {
  height: 100%; }

.flow-sortable-item, .sortable-placeholder {
  position: relative;
  margin-bottom: 3px;
  padding: 0;
  width: 100%;
  text-align: left;
  list-style: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.sortable-placeholder {
  padding: 15px 10px;
  border: dotted #999999;
  border-width: 2px;
  color: #666666;
  font-size: 1rem; }

.flow-sortable-item {
  position: relative;
  background-color: #fff;
  color: #555555;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  white-space: nowrap; }
  .flow-sortable-item + .flow-sortable-item:before {
    content: "\f13a";
    position: absolute;
    top: -14px;
    z-index: 1;
    left: 132px;
    height: 24px;
    color: #0E86FE;
    background-color: #fff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-family: "icomoon";
    font-size: 1.125rem;
    line-height: 24px; }
  .flow-sortable-item:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 140px;
    bottom: 7px;
    width: 1px;
    background-color: #cccccc; }

.sortable-cell-header {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 140px; }

.sortable-cell-title {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 10px;
  width: 120px;
  white-space: normal; }

.sortable-cell-container {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: calc(100% - 140px - 97px);
  margin: 5px 0;
  padding: 0 0 0 8px;
  text-align: left;
  white-space: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.sortable-cell {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 10px 2px 10px 5px; }

.edit-buttons {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-right: 5px;
  width: 97px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .edit-buttons .btn {
    float: right;
    margin: 0;
    padding-left: 10px;
    width: 46px;
    height: 46px;
    background-color: transparent;
    background-image: none;
    font-size: 1rem;
    border-width: 0;
    color: #555555;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .edit-buttons .btn:before {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      content: "";
      width: 0;
      height: 100%; }
    .edit-buttons .btn i {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      margin: 0;
      font-size: 1.125rem; }
  .edit-buttons .btn-danger {
    color: #EB5000; }
    .edit-buttons .btn-danger:hover {
      color: #fff;
      background-color: #EB5000; }
  .edit-buttons .btn-primary {
    color: #0E86FE; }
    .edit-buttons .btn-primary:hover {
      color: #fff;
      background-color: #0E86FE; }

.sortable-cell:not(:last-child):after {
  content: "\f061";
  margin-left: 10px;
  padding: 0;
  text-align: center;
  font-family: "icomoon"; }

#candidate-users .sortable-placeholder {
  display: none; }

.flow-hid-modify {
  display: none; }

.doc-side {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 260px;
  background-color: #eeeeee; }

.doc-ctrl {
  color: #7189B6;
  background: #fff;
  font-size: 0.81rem;
  height: 40px;
  border-bottom: 1px solid #D8E3F6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .doc-ctrl .doc-back {
    display: inline-block;
    font-size: 1rem;
    color: #2A487F;
    background: #fff;
    border-right: 1px solid #D8E3F6;
    line-height: 39px;
    padding: 0 0.9em; }
    .doc-ctrl .doc-back .fa {
      margin: 0 5px 0 0; }
    .doc-ctrl .doc-back:hover {
      background-color: #D8E3F6; }
    .doc-ctrl .doc-back:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      height: 100%;
      width: 0;
      vertical-align: middle; }
  .doc-ctrl span.text {
    margin-left: 1em; }

.doc-side-list {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 40px;
  border: 0;
  overflow: auto; }

.doc-side-item:nth-child(odd) {
  background: #F7F9FE; }

.doc-side-item-link {
  display: block;
  padding: 15px;
  font-size: 1rem;
  line-height: 1.2;
  color: #2A487F; }
  .doc-side-item-link:hover {
    background-color: #D8E3F6;
    color: #2A487F; }
  .doc-side-item-link.is-active {
    position: relative;
    color: #2A487F; }
    .doc-side-item-link.is-active:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 5px;
      height: 100%;
      background-color: #0E86FE; }

.doc-section {
  margin: 0 0 5px 0; }
  .doc-section:last-child {
    margin: 0; }

.doc-num-title {
  font-size: 0.81rem;
  color: #7189B6; }

.doc-num {
  font-size: 0.81rem;
  color: #7189B6; }

.doc-info {
  font-size: 1rem;
  color: #1E3768;
  max-height: 54px;
  overflow: hidden;
  word-break: break-word; }

.page-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  font-size: 1rem;
  padding: 0;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .page-wrap .k-pager-numbers,
  .page-wrap .k-pager-info,
  .page-wrap .k-pager-refresh {
    display: none; }
  .page-wrap.k-pager-wrap > .k-link {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    float: none;
    margin: 0;
    width: 25%;
    border: 0;
    cursor: pointer;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; }
    .page-wrap.k-pager-wrap > .k-link:hover {
      color: #fff;
      background-color: #2793fe; }
    .page-wrap.k-pager-wrap .k-link .k-icon:before {
      font-size: 1rem; }

.doc-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 260px;
  bottom: 0; }
  .doc-content .sub-tab {
    border-radius: 0 4px 0 0; }
    .doc-content .sub-tab .doc-back {
      padding-right: 10px;
      color: #fff; }
      @media (min-width: 1025px) {
        .doc-content .sub-tab .doc-back {
          display: none; } }

.doc-article {
  overflow: auto;
  padding: 10px 0 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), -2px 0 8px rgba(0, 0, 0, 0.15); }

.doc-grid {
  display: table;
  width: 100%;
  border-top: 1px solid #D8E3F6; }
  .doc-grid.doc-info .doc-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #D8E3F6; }
  .doc-grid.doc-info .doc-cell {
    color: #222222;
    line-height: 1.2em;
    word-break: break-word;
    box-sizing: border-box; }
    .doc-grid.doc-info .doc-cell:not(:last-child) {
      border-right: 1px solid #D8E3F6; }
    .doc-grid.doc-info .doc-cell:nth-child(2n+1) {
      width: 140px;
      min-width: 140px;
      font-size: 1rem;
      color: #456297;
      text-align: left;
      background-color: #F7F9FE; }

.doc-cell {
  display: table-cell;
  padding: 12px 15px; }
  .doc-cell > span {
    display: table-cell;
    vertical-align: middle; }

@media (max-width: 1024px) {
  .doc-side {
    display: none; }

  .doc-content {
    left: 0; }

  .doc-row {
    border-bottom: none !important; }

  .doc-cell {
    display: table-cell;
    width: auto !important;
    border-right: none !important; }
    .doc-cell:nth-child(2n) {
      border-bottom: 1px solid #D8E3F6; }
    .doc-cell:nth-child(2n+1) {
      border-bottom: 1px solid #D8E3F6; } }
.nav-dropdown {
  font-size: 1rem;
  display: none;
  padding: 8px 10px;
  border-radius: 4px;
  top: calc(100% + 10px);
  right: 0;
  z-index: 9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15);
  max-width: 200px; }
  .nav-dropdown.show {
    display: block;
    overflow: scroll;
    max-height: 150px; }

.nav-dropdown-wrapper {
  display: inline-block;
  vertical-align: top; }

.nav-dropdown-toggle {
  font-size: 1rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background: none;
  border: none;
  outline: none; }
  .nav-dropdown-toggle:before {
    font-family: "icomoon";
    content: "\f141"; }

.menu-box .nav-dropdown {
  background-color: #fff;
  margin-right: 10px;
  padding-right: 0;
  padding-left: 0; }
  .menu-box .nav-dropdown .menu-item {
    display: block; }
  .menu-box .nav-dropdown .menu-btn {
    color: #456297;
    padding: 14px 23px 11px;
    line-height: 1; }
    .menu-box .nav-dropdown .menu-btn:hover {
      background-color: #EEF2FC; }
.menu-box .nav-dropdown-toggle {
  padding: 10px 20px 11px;
  border-width: 0;
  border-left: 1px solid #D8E3F6;
  background-color: #fff;
  color: #456297;
  line-height: 1; }
  .menu-box .nav-dropdown-toggle:hover {
    background-color: #EEF2FC; }
  .menu-box .nav-dropdown-toggle:before {
    content: ""; }

.board-title {
  color: #456297;
  font-size: 1.125rem; }

.board-footer-des {
  display: flex;
  justify-content: center;
  align-items: center; }
  .board-footer-des * {
    font-size: 12px;
    color: #456297; }
  .board-footer-des a {
    display: inline-block;
    border-bottom: 1px solid #456297; }

.board-box {
  margin: 0 10px 20px; }

.board-list {
  margin: 0 10px; }

.board-list-item {
  line-height: normal;
  margin: 0 0 5px 0; }

.board-list-item-btn {
  position: relative;
  border: 1px solid #D8E3F6;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 10px;
  font-size: 1rem;
  color: #456297;
  display: table;
  width: 100%;
  cursor: pointer; }
  .col-8 .board-list-item-btn {
    color: #456297; }
    .col-8 .board-list-item-btn:hover {
      color: #419FFE; }
    .col-8 .board-list-item-btn:active {
      color: #0C6CCC; }
  .board-list-item-btn:hover {
    background-color: #EEF2FC; }
  .board-list-item-btn:focus {
    background-color: #EEF2FC; }
  .board-list-item-btn:active {
    background-color: #EEF2FC; }
  .board-list-item-btn .text {
    vertical-align: middle;
    display: table-cell; }
  .board-list-item-btn .badge {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    width: 1%; }
    .board-list-item-btn .badge.normal span {
      background: #8BAAD9; }
    .board-list-item-btn .badge.important span {
      background: #ffB933; }
    .board-list-item-btn .badge.very-important span {
      background: #ff894D; }
    .board-list-item-btn .badge span {
      font-family: Arial;
      color: #fff;
      background: #0E86FE;
      border-radius: 5.1375rem;
      padding: 2px 8px;
      font-size: 16px;
      line-height: 1rem;
      margin: 0 0 0 4px; }
      .board-list-item-btn .badge span:empty {
        display: none; }

.board-divider {
  display: block;
  border-top: 1px solid #D8E3F6;
  line-height: 20px;
  height: 20px;
  color: #fff;
  background: #456297;
  padding: 10px 15px 10px 20px;
  border-bottom: 1px solid #DFE4E8; }
  .board-divider:first-child {
    border-top: none; }
  .board-divider i {
    font-size: 0.75rem; }
  .board-divider .text {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 1rem; }
  .board-divider [class^='gi-stamp'] {
    font-size: 0.81rem; }
    .board-divider [class^='gi-stamp']:before {
      border: none;
      top: -1px;
      position: relative; }
  .board-divider .badge {
    display: none; }
    .board-divider .badge span {
      color: #fff;
      background-color: #0E86FE;
      border-radius: 5.1375rem;
      padding: 2px 8px;
      font-size: 0.875rem;
      line-height: 1rem;
      margin: 0 0 0 4px; }
      .board-divider .badge span:empty {
        display: none; }

a.board-divider .fa-chevron-up {
  font-size: 12px;
  transition: all 0.3s ease;
  transform: rotate(0deg); }
a.board-divider:hover {
  color: #fff;
  background-color: #2A487F; }
a.board-divider.collapsed {
  color: #456297;
  background: #fff;
  border-bottom: none; }
  a.board-divider.collapsed:hover {
    background-color: #EEF2FC; }
  a.board-divider.collapsed .fa-chevron-up {
    transform: rotate(180deg); }
  a.board-divider.collapsed .badge {
    display: inline-block; }

.board-right-area {
  float: right;
  margin: -2px 0 0 0; }
  .board-right-area .badge {
    margin: 0 10px 0 0; }

.board-link {
  margin: 0.4em;
  overflow: auto; }

.board-link-item {
  line-height: normal;
  display: inline-block; }

.board-link-item-btn {
  display: inline-block;
  color: #456297;
  margin: 3px 2px;
  padding: 6px;
  font-size: 0.81rem;
  border: 1px solid #D8E3F6;
  border-radius: 20px; }
  .board-link-item-btn:hover {
    background-color: #EEF2FC; }
  .board-link-item-btn:focus {
    background-color: #EEF2FC; }
  .board-link-item-btn:active {
    background-color: #EEF2FC; }
  .board-link-item-btn.is-active {
    background: #456297;
    color: #fff;
    border: 1px solid transparent; }

.board-card {
  position: relative;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(34, 34, 34, 0.25);
  border-radius: 4px; }

.board-card_head *:not(:last-child),
.board-divider *:not(:last-child) {
  margin-right: 5px; }

.board-card_head {
  background: #fff;
  padding: 10px 20px;
  font-size: 1.125rem;
  color: #456297;
  border-bottom: 1px solid #D8E3F6; }

.board-card_body {
  background: initial; }
  .board-card_body .row:first-child {
    margin: 10px 0 5px 0; }
  .board-card_body .title {
    padding-top: 15px;
    padding-left: 15px;
    color: #0E86FE; }

.panel-collapse.collapse {
    display: none;
}

    .panel-collapse.collapse.show {
        display: block;
    }

.panel-collapse.collapsing {
    height: 0px;
    overflow: hidden;
    -moz-transition: height 350ms ease;
    -o-transition: height 350ms ease;
    -webkit-transition: height 350ms ease;
    transition: height 350ms ease;
}

.background-svg {
  display: none;
  position: absolute;
  right: 20px;
  bottom: 20px; }

.board-card_section {
  padding: 20px;
  background-color: #fff;
  background-clip: content-box; }
  .board-card_section .board-list-item-btn {
    border: none; }
    .board-card_section .board-list-item-btn:before {
      content: "";
      position: absolute;
      left: 11px;
      right: 50px;
      bottom: 14px;
      top: 0;
      border-bottom: 1px dotted #95ABD3;
      pointer-events: none; }
    .board-card_section .board-list-item-btn:hover {
      background-color: transparent; }
    .board-card_section .board-list-item-btn .text {
      color: #333333;
      display: inline-block;
      background-color: #fff;
      z-index: 1;
      position: relative; }
      .board-card_section .board-list-item-btn .text:hover {
        color: #0E86FE; }
  .board-card_section .badge span {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.2); }

.report-print-item {
  margin: 0 5px 10px;
  padding: 14px;
  border: 1px solid #C4D2EB;
  border-radius: 4px;
  color: #456297;
  cursor: pointer; }
  .report-print-item:hover {
    background-color: #EEF2FC; }
  .report-print-item:active {
    background-color: #D8E3F6; }
  .report-print-item:before {
    content: "";
    font-size: 1rem;
    padding-right: 10px; }
  @media (max-width: 568px) {
    .report-print-item {
      margin-left: 0;
      margin-right: 0; } }

.login-wrap {
  height: 100%;
  background: url(./images/bg/login-bg.png) no-repeat center;
  background-size: cover;
  text-align: center; }
  @media (min-width: 330px) {
    .login-wrap:before {
      content: '';
      width: 0;
      height: 100%;
      display: inline-block;
      position: relative;
      vertical-align: middle; } }

.login-box {
  display: inline-block;
  position: relative;
  padding: 40px 0 40px 0;
  width: 330px;
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
  vertical-align: middle; }
  @media (max-width: 330px) {
    .login-box {
      width: 100%; } }
  .login-box input {
    margin-top: 2px; }
  .login-box .login-logo {
    background: url(./images/login-header-logo.png) no-repeat center;
    background-size: contain;
    height: 40px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px; }
  .login-box .login-fields {
    padding: 30px 33px;
    text-align: left; }
  .login-box .fields-label {
    padding: 0; }
  .login-box .fields-value {
    display: block;
    width: auto; }
    .login-box .fields-value input::placeholder {
      color: #C4D2EB; }
  .login-box .btn-primary {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 10px;
    border: 1px solid #0E86FE;
    background: #0E86FE; }
  .login-box .login-btn {
    border-radius: 15px;
    color: #0E86FE;
    border-color: #D8E3F6; }
    .login-box .login-btn:hover {
      color: #419FFE; }
  .login-box .fields-center {
    text-align: center; }
  .login-box .login-row {
    display: inline; }
    .login-box .login-row .login-row-label {
      display: inline;
      padding: 0 16px; }
    .login-box .login-row .field-symbol:after {
      color: #D8E3F6;
      line-height: normal; }
  .login-box .login-link {
    color: #7189B6;
    font-weight: normal; }
    .login-box .login-link:hover {
      color: #456297; }
  .login-box .login-img {
    background: url("./images/login-img.png") no-repeat;
    position: absolute;
    bottom: 22px;
    left: 9px;
    width: 96px;
    height: 61px; }

.logo-title {
  color: #6dd1c9; }

.login-desc {
  margin-top: 10px;
  font-size: 0.8125rem;
  color: #555555; }

.upload-placeholder {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* GSSSPEED-6089 Email發文預覽 begin*/
.fields-list-bar {
    margin-bottom: 20px;
}
.fields-label-bar {
    padding-bottom: 3px;
}
.fields-list-item-bar {
    padding: 8px 0;
}
/* GSSSPEED-6089 Email發文預覽 end*/


/*# sourceMappingURL=1-basic.css.map */