body {
    background: #f2f2f2;
    font: 400 12px "Microsoft YaHei UI", Arial, Helvetica, sans-serif;
}

.layui-fluid {
    padding: 15px;
}

.k-widget.k-numerictextbox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-combobox, .k-autocomplete, .k-maskedtextbox, .k-dropdowntree {
    width: 100%;
}

.k-button {
    padding: 5px 14px 6px 14px;
}

.k-colorpicker {
    width: inherit;
}

.k-flatcolorpicker {
    width: inherit;
}

.k-textbox {
    width: 100%;
}

.k-textbox.k-state-invalid {
    border-color: #ff3448!important;
}

.k-state-invalid .k-form-hint{
    color: red!important;
}

.k-success {
    color: #fff;
    border-color: #43a047;
    background-color: #43a047;
}

.k-success:hover {
    color: #fff;
    border-color: #61a05c;
    background-color: #61a05c;
}

.k-warning {
    color: #fff;
    border-color: #ff5722;
    background-color: #ff5722;
}

.k-warning:hover {
    color: #fff;
    border-color: #ff984f;
    background-color: #ff984f;
}

.k-error {
    color: #fff;
    background-color: #e91e63;
    border-color: #e91e63;
}

.k-error:hover {
    color: #fff;
    background-color: #e95c90;
    border-color: #e95c90;
}

.k-info {
    color: #fff;
    border-color: #2196f3;
    background-color: #2196f3;
}

.k-info:hover {
    color: #fff;
    border-color: #6bb7f3;
    background-color: #6bb7f3;
}

.k-success.ghost {
    color: #43a047;
    border: 1px solid #43a047;
    background-color: #fff;
}

.k-success.ghost:hover {
    color: #61a05c;
    border: 1px solid #61a05c;
    background-color: #fff;
}

.k-warning.ghost {
    color: #ff5722;
    border: 1px solid #ff5722;
    background-color: #fff;
}

.k-warning.ghost:hover {
    color: #ff984f;
    border: 1px solid #ff984f;
    background-color: #fff;
}

.k-error.ghost {
    color: #e91e63;
    background-color: #fff;
    border: 1px solid #e91e63;
}

.k-error.ghost:hover {
    color: #e95c90;
    background-color: #fff;
    border: 1px solid #e95c90;
}

.k-info.ghost {
    color: #2196f3;
    border: 1px solid #2196f3;
    background-color: #fff;
}

.k-info.ghost:hover {
    color: #6bb7f3;
    border: 1px solid #6bb7f3;
    background-color: #fff;
}

/*.k-checkbox-label{
    margin-top: 10px;
}

.k-checkbox-label:before {
    width: 17px;
    height: 17px;
}*/

.form-horizontal label:not(.k-radio-label,.k-checkbox-label):after {
    content: ":";
}

.k-header.qwb-grid-required:before {
    content: "*";
    color: red;
}

.form-horizontal label.required:before {
    content: "*";
    color: red;
}

span.qwb-err-msg {
    color: red;
}

ul.qwb-radio {
    margin-top: 10px;
    vertical-align: middle;
}

ul.qwb-radio.horizontal li {
    display: inline-block;
    margin-left: 10px;
    list-style: none;
    vertical-align: middle;
}

.qwb-radio .k-radio-label:before {
    width: 16px;
    height: 16px;
}

.qwb-radio .k-radio:checked + .k-radio-label:after {
    top: 3px;
    left: 3px;
}

span.k-widget.k-tooltip-validation {
    display: inline-block;
    width: 160px;
    text-align: left;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    color: red;
}

.validator-msg,
.validator-msg .k-tooltip {
    position: static;
    display: inline-block;
}

/* hide validator tooltip callouts */
.validator-msg .k-tooltip .k-callout {
    display: none;
}

.k-tooltip-validation.k-invalid-msg {

}

.valid {
    color: green;
}

.invalid {
    color: red;
}

.k-tooltip-validation .k-warning {
    display: none;
}

.el-message {
    z-index: 19891123;
}

.el-message-box__wrapper {
    z-index: 19891123;
}

.header .layui-card-body {
    padding: 5px 10px;
}

.header .layui-card-body .form-group {
    margin-bottom: 0 !important;
}

.header .layui-card-body .form-group:last-child:not(:first-child) {
    margin-top: 5px !important;
}

.layui-card-header.btn-group {
    padding-left: 0;
    line-height: inherit;
    height: inherit;
}

.layui-card-header .bill-info {
    float: right;
    margin-top: 8px;
    font-weight: bold;
    display: inline-flex;
}

.layui-card-header .bill-info .no {
    color: gray
}

.layui-card-header .bill-info .status {
    margin-left: 10px;
    color: green;
}


.layui-card-body.full {
    padding: 0
}

.layui-layer-page .layui-layer-title {
    height: 32px;
    line-height: 32px;
    padding: 0 80px 0 10px;
}

.layui-layer-page .layui-layer-setwin {
    right: 10px;
    top: 10px;
}


.qwb-grid .k-grid-toolbar, .k-grouping-header {
    padding: 0;
}

.qwb-grid .k-header.k-grid-toolbar {
    background-color: #f8f9fa;
    border-color: #dde2e7;
}

.qwb-grid .k-header.k-grid-toolbar .k-button:first-child {
    margin-left: 10px !important;
}

.qwb-grid .k-header.k-grid-toolbar .k-button {
    background-color: #fafafa;
    border-color: #fafafa;
    color: #444;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.qwb-grid .k-header.k-grid-toolbar .k-button:hover {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb;
}

span.text-red {
    color: red;
}

.k-grid-header th.k-header {
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
    padding: .5em .3em .5em .7em;
}

input[data-readonly] {
    pointer-events: none;
}

.qwb-grid .k-grid-content td {
    font-family: "system-ui", -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
}

.qwb-grid .k-grid-content td.qwb-grid-editable {
    /*color: #38f;*/
}

/*.k-grid-header {
    background-color: rgba(0, 0, 0, .05) !important;
}*/
/*.k-grid-footer, .k-grid-footer td, .k-grid-header, .k-grid-header .k-header, .k-pager-numbers .k-state-selected, .k-pager-wrap, .km-pane-wrapper .k-grid-header .k-header {
    color: #444;
        background-color: #f2f2f2;
}*/

.k-grid-footer, .k-pager-wrap.k-grid-pager {
    color: #838a9d;
}

.qwb-grid.qwb-small .k-grid-header th.k-header {
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    /*color: rgba(52, 52, 52, 0.98);*/
    padding: .3em .3em .3em .7em;
}

/*.k-grid .k-alt {
    background-color: #f2f2f2;
}*/


.qwb-grid .qwb-grid-checkbox {
    padding: 0 !important;
    text-align: center !important;
}

.qwb-grid .qwb-grid-checkbox .k-checkbox-label {
    margin-left: -18px;
}

.qwb-grid .k-checkbox-label {
    margin-bottom: inherit;
}

/*.k-grid tbody tr{
    height: 32px!important;
}*/

.k-grid.qwb-small td {
    padding-top: .3em;
    padding-bottom: .3em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-grid td {
    padding-top: .5em;
    padding-bottom: .5em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qwb-grid.none-header .k-grid-header {
    height: 0;
    border-bottom-width: 0;
    display: none;
    overflow: hidden;
}

.k-grid-norecords {
    height: 0 !important;
}

.k-grid-norecords-template {
    position: absolute !important;
}

.qwb-grid.k-grid .k-edit-cell {
    padding: .2em 0 .1em;
}

/*.qwb-grid .k-pager-wrap.k-grid-pager {
    padding: .2em 0 0 .5em;
}

.qwb-grid .k-pager-sizes.k-label {
    padding: .2em
}

.qwb-grid .k-pager-wrap .k-pager-numbers .k-state-selected {
    margin-top: -0.2em;
    line-height: 2.0em;
}*/

.qwb-grid .k-command-cell .k-button {
    padding-top: 2px;
    padding-bottom: 2px;
}

.qwb-grid td .k-button {
    padding-top: 2px;
    padding-bottom: 2px;
}

.qwb-grid.qwb-grid-compact td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/*.qwb-grid .k-grid-content tr td {
    border-width: 0 0 1px 1px !important;
}

.qwb-grid .k-grid-content-locked tr td {
    border-right-width: 0;
}

.qwb-grid tr.k-state-selected {
    color: #444;
    background-color: skyblue;
}*/

/*.qwb-grid tr.k-state-selected > td {
    border-color: skyblue;
}

.qwb-grid tr.k-state-selected:hover td {
    color: #444;
    background-color: skyblue;
}*/

textarea.k-textbox {
    text-indent: .8em;
}

.layui-layer-ico.layui-layer-close.layui-layer-closetrue {
    background-position: 0 -40px;
}

.qwb-selector-container {
    padding: 2px 10px 0 10px;
}

.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {
    padding: 0 15px 5px !important;;
}


.qwb-selector-container .criteria {
    padding: 2px 0 5px 0;
}

.qwb-selector-container .criteria .search-btn {
    margin-left: 5px;
}

.qwb-selector-container .criteria .k-widget {
    width: 150px;
    margin-right: 5px;
}

.qwb-selector-container .criteria .k-textbox {
    width: 150px;
    margin-right: 5px;
}

.k-file-extension-wrapper, .k-multiple-files-extension-wrapper {
    width: 28px;
}

.k-file-extension-wrapper .k-file-extension {
    margin-left: .2em;
}

.upload-container {
    padding: 5px 10px 5px 5px;
}

.upload-container .k-upload {
    /*display: none;*/
}

.drop-zone {
    position: relative;
    display: inline-block;
    background-color: #f8f8f8;
    border: 1px dashed #ded8d8;
    width: 100%;
    height: 110px;
    text-align: center;
}

.text-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 24px;
    line-height: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

.drop-file-here {
    color: #c7c7c7;
    text-transform: uppercase;
    font-size: 12px;
}

.upload-container .k-icon.k-i-plus {
    font-size: 40px;
    color: #b7b0b0;
}

.qwb-accordion.k-panelbar > .k-item > .k-link {
    line-height: 2.5em;
}

.qwb-accordion li.accordion-item .k-content {
    padding: 10px 20px 10px 20px;
    background-color: #fff;
}

.qwb-accordion li.accordion-item.k-state-active .k-header {
    color: #38f;
}

.qwb-resizable::-webkit-scrollbar {
    width: 0 !important;
}

.qwb-accordion li.accordion-item .k-content::-webkit-scrollbar {
    width: 0 !important;
}

.header .q-box-wrapper .q-box-main .form-group {
    margin-bottom: 0 !important;
}

.q-box-wrapper {
    margin-right: 200px;
}

.q-box-more {
    display: none;
    margin-top: 5px;
    left: 0;
    width: 100%;
    position: absolute;
    margin-right: 200px;
    z-index: 99;
    background: #fff;
    box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, .2);
    padding: 0 10px 5px !important;
    box-sizing: border-box;
}

.q-box-more .form-group {
    margin-bottom: 5px !important;
}

.q-box-more .form-group:last-child {
    margin-bottom: 0 !important;
}

.q-box-button {
    width: 200px;
    position: fixed;
    right: 0;
    top: 20px;
}

.q-box-button .q-box-arrow {
    padding: 6px;
}

.q-box-main {
}

.box-shadow {
    box-shadow: 2px 0 8px rgba(0, 0, 0, .2);
}

.q-box-more-left {
    margin-right: 200px;
}

.form-group {
    margin-bottom: 5px;
}

.layui-card {
    margin-bottom: 5px;
}

.qwb-tabstrip.k-tabstrip {
    background-color: #fff;
}

.qwb-tabstrip .k-tabstrip-items {
    height: 31px;
    line-height: 31px;
    padding: 2px 0 1px 2px;
}

.qwb-tabstrip .k-tabstrip-items .k-item {
    background-color: #fff
}

.qwb-tabstrip .k-tabstrip-items .k-item.k-state-hover {
    background-color: #fff;
    border-bottom: 2px solid #2196f3;
}

.qwb-tabstrip .k-tabstrip-items {
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(26, 26, 26, .1)
}

.qwb-tabstrip .k-tabstrip-items li {
    height: 30px;
    line-height: 30px;
}

.qwb-tabstrip .k-tabstrip-items li.k-state-active {
    border: none;
    border-bottom: 2px solid #2196f3;
    color: #2196f3;
    height: 30px;
    line-height: 30px;
}

.qwb-tabstrip .k-tabstrip-items li.k-state-active .k-link {
    color: #2196f3;
    font-size: 14px;
    font-weight: bold;
}

.qwb-tabstrip .k-tabstrip-items li .k-link {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.qwb-tabstrip .k-tabstrip-items li .k-loading {
    display: none;
}

.qwb-tabstrip .k-tabstrip-items li .k-loading.k-complete {
    -webkit-animation: inherit
}

.qwb-tabstrip.k-tabstrip .k-content {
    margin-top: 1px;
    border: none;
}

.k-grid .k-icon {
    opacity: 0.9;
}

.qwb-tree .k-in {
    padding: 2px 5px 2px 5px;
}

.qwb-album {
    display: inline-flex;
    align-items: center;
}

.qwb-album .album-list {
    padding: 0 !important;
    border: none !important;
}

.qwb-album .album-item.album-placeholder {
    opacity: .8;
}

.qwb-album .album-select {
    z-index: 999;
    height: 20px;
    position: fixed;
    margin-top: 2px;
}

.album-item {
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    padding: 2px;
    background: #fff;
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    margin-right: 4px;

}

.album-item img {
    width: 100%;
    height: 100%;
}

.album-item:hover .album-item-cover {
    display: flex;
    justify-content: center;

}

.album-item-cover {
    display: none;
    line-height: 70px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}

.album-item-cover i {
    font-size: 16px;
    cursor: pointer;
    margin: 0 2px;
    color: #ccc;
}

.album-item-cover i:hover {
    font-size: 18px;
    color: #FFF;
}

.album-add {
    margin-top: 2px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #fff;
    border: 1px dashed #dcdee2;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .2s ease;
}

.album-add.dense {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.album-add:hover {
    border: 1px dashed #39f;
}

.album-add i {
    color: #444;
    font-size: 26px;
}

.qwb-album .k-widget.k-upload {
    display: none;
}

.cropper-wrapper {
    padding: 10px;
    width: 600px;
    height: 300px;
}

.cropper-wrapper .img-box {
    height: 300px;
    width: 400px;
    border: 1px solid #ebebeb;
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-wrapper .img-box img {
    max-width: 100%;
    display: block;
}

.cropper-wrapper .right-con {
    display: inline-block;
    width: 170px;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 10px;
}

.cropper-wrapper .right-con .preview-box {
    height: 150px !important;
    width: 100% !important;
    overflow: hidden;
    border: 1px solid #ebebeb;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-wrapper .right-con .button-box {
    padding: 10px 0 0;
}

.cropper-wrapper .right-con .button-box .k-button {
    margin-bottom: 10px;
}

.qwb-layout-container {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.qwb-layout-container > * {
    display: table-cell;
    vertical-align: top;
}

.qwb-layout-fixed {
    padding-right: 16px;
    margin-left: 10px;
    position: relative;
}

.qwb-layout-fixed .qwb-layout-toggle-bar {
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    cursor: pointer;
    background: 0;
    border-radius: 2px;
    transition: background-color .2s;
    text-align: center;
}

.qwb-layout-fixed .qwb-layout-toggle-bar .k-icon {
    top: 50%;
    margin-top: -20px;
    width: 16px;
    height: 40px;
    background-color: #38F;
    color: #FFF;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
}

.qwb-layout-fixed .qwb-layout-toggle-bar:hover {
    background: rgba(0, 0, 0, .075);
}

.qwb-notice {
    width: 335px;
    min-width: 335px;
    margin-right: 24px;
    position: fixed;
    top: 24px;
    right: 0;
    z-index: 1018;

}

.k-notification-info {
    border-top: 3px solid #2b98f3;
}

.k-notification-success {
    border-top: 3px solid #5fb662;
}

.k-notification-warning {
    border-top: 3px solid #f8c70d;
}

.k-notification-error {
    border-top: 3px solid #ff3448;
}


.qwb-notice .k-widget.k-notification {
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    background: #fff;
    line-height: 1;
    position: relative;
    overflow: hidden;
}

.qwb-notice .qwb-notice-close {
    position: absolute;
    right: 8px;
    color: #999;
    top: 11px;
    outline: 0;
}

.qwb-notice .qwb-notice-close .k-i-close {
    color: #999;
    transition: color .2s ease;
    position: relative;
    top: -3px;
    cursor: pointer;
}

.qwb-notice .k-widget.k-notification .qwb-notice-content {
    padding: 10px;
    position: relative;
}

.qwb-notice .k-widget.k-notification .qwb-notice-content .qwb-notice-icon {
    position: absolute;
    top: 6px;
    font-size: 36px;
}

.qwb-notice .k-widget.k-notification .qwb-notice-content .qwb-notice-icon .k-icon {
    font-weight: 400;
    font-size: 36px;
}

.qwb-notice .k-widget.k-notification .qwb-notice-content .qwb-notice-icon.qwb-notice-none-desc {
    top: 6px;
    font-size: 20px;
}

.qwb-notice .k-widget.k-notification .qwb-notice-content .qwb-notice-icon.qwb-notice-none-desc .k-icon {
    font-size: 20px;
}

.qwb-notice .k-widget.k-notification .qwb-notice-content .qwb-notice-title {
    margin-left: 51px;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 17px;
    color: #17233d;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qwb-notice .k-widget.k-notification .qwb-notice-content .qwb-notice-desc {
    margin-top: 2px;
    margin-left: 51px;
    font-size: 12px;
    line-height: 1.5;
    color: #515a6e;
    text-align: justify;
}


.k-checkbox-label:after, .k-checkbox-label:before {
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    top: 4px;
    left: 4px;
}


.k-checkbox:checked + .k-checkbox-label:before, .k-checkbox:checked + .k-checkbox-label:hover:before, .k-checkbox:checked:hover + .k-checkbox-label:before {
    border-color: #2196f3;
    border-radius: 3px;
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff;
    border-radius: 2px;
}

.k-checkbox:indeterminate + .k-checkbox-label:before {
    border-color: #2196f3;
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #2196f3;
    background-image: none;
    border-color: #2196f3;
    border-radius: 0;
}

.k-radio:checked + .k-radio-label:before, .k-radio:checked + .k-radio-label:hover:before {
    border-color: #2d8cf0;
}

.k-radio:checked + .k-radio-label:after {
    background-color: #2d8cf0;
    border-radius: 50%;
}

.k-calendar > .k-header {
    background-color: #2d8cf0;
}

.k-calendar > .k-header .k-link.k-state-hover {
    background-color: #1c77f0;
}

.k-calendar td.k-state-selected .k-link {
    border-color: #2d8cf0;
    color: #fff;
    background-color: #2d8cf0;
    background-image: none;
}

.k-button-group li.k-button {
    margin-left: 4px !important;
    border-radius: 2px;
}

.qwb-grid-editable.k-edit-cell .k-combobox-clearable .k-input {
    padding-right: 2px !important;
}

.qwb-grid-editable.k-edit-cell .k-combobox .k-dropdown-wrap .k-select {
    width: 1.2em !important;
}

.qwb-grid-editable.k-edit-cell .k-combobox .k-dropdown-wrap {
    padding-right: 1.2em !important;
}

.qwb-grid-editable.k-edit-cell .k-combobox > .k-dropdown-wrap > .k-i-close {
    right: 1.5em;
}

.qwb-grid-editable.k-edit-cell .k-dropdown-clearable .k-input {
    padding-right: 2px !important;
}

.qwb-grid-editable.k-edit-cell .k-dropdown .k-dropdown-wrap .k-select {
    width: 1.2em !important;
}

.qwb-grid-editable.k-edit-cell .k-dropdown .k-dropdown-wrap {
    padding-right: 1.2em !important;
}

.qwb-grid-editable.k-edit-cell .k-dropdown > .k-dropdown-wrap > .k-i-close {
    right: 1.5em;
}

.k-datetimepicker .k-select {
    display: none;
}

.k-datetimepicker .k-picker-wrap {
    padding: 0;
}

.k-datepicker > .k-picker-wrap > .k-i-close {
    top: 50%;
    transform: translateY(-50%);
    right: calc(3.67142857em - 8px);
    position: absolute;
    outline: 0;
    font-size: 100%;
    display: none;
}

.k-datetimepicker > .k-picker-wrap > .k-i-close {
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    position: absolute;
    outline: 0;
    font-size: 100%;
    display: none;
}

.k-datetimepicker > .k-picker-wrap > .k-i-close {
    right: 0;
}

.k-datetimepicker-clearable .k-input, .k-datepicker-clearable .k-input {
    padding-right: 1em;
}

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

.k-textbox.k-textbox-clearable > input {
    padding-right: 1em;
}

.k-textbox.k-textbox-clearable > .k-i-close {
    top: 55%;
    right: 10px;
    position: absolute;
    outline: 0;
    font-size: 100%;
    display: none;
}

.k-gridselector > input {
    padding-right: 1em;
}

.k-gridselector > .k-i-close {
    top: 55%;
    right: 2em;
    position: absolute;
    outline: 0;
    font-size: 100%;
    display: none;
}

.k-gridselector.k-state-hover > .k-i-close {
    display: inline-block;
}

.k-datetimepicker > .k-picker-wrap.k-state-hover .k-i-close, .k-datepicker > .k-picker-wrap.k-state-hover .k-i-close {
    display: inline-block;
}

.k-textbox.k-textbox-clearable.k-state-hover > .k-i-close {
    display: inline-block;
}

.qwb-grid.k-grid tbody .k-button {
    background: transparent;
    color: #38f;
    border: none;
    min-width: 50px;
    margin: 0;
    padding: 5px 8px 6px;
}

.qwb-grid.k-grid tbody .k-button:hover {
    box-shadow: none;
    color: #1a4cff;
}

.qwb-grid.k-grid tbody .k-button:focus {
    box-shadow: none;
    color: #1a4cff;
}

/*.qwb-grid .k-grid-content td.k-state-focused {
    background-color: #87ceeb;
    color: #000;
}*/

.qwb-grid .k-grid-content .qwb-grid-readonly {
    position: relative;
}

.qwb-grid .k-grid-content .qwb-grid-readonly .k-dirty {
    margin: 0;
    left: 0;
    top: 0;
}

.k-button {
    font-size: 13px;
}

.k-grid tr.k-state-selected {
    /*background: #fff3e0;*/
    background-color: rgba(0, 123, 255, .25);
    color: #212529;
}

.k-grid tr.k-state-selected:hover {
    /*background: #ffebbc;*/
    color: #212529;
    background-color: rgba(0, 123, 255, .35);
}

.k-pager-wrap .k-pager-numbers .k-state-selected {
    margin-top: inherit;
}

.k-grid tbody tr.k-state-hover, .k-grid tbody tr:hover {
    background-color: #e9f2fb;
}

td.k-state-selected, tr.k-state-selected > td {
    border-color: inherit;
}

.k-grid .k-grid-content-locked tr.k-state-selected .qwb-grid-checkbox:before {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    width: 3px;
    opacity: 0.8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    /* width: 0; */
    content: '';
    background: #0c64eb;
    /* opacity: 0; */
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    -webkit-transition-property: width, opacity, border-radius;
    -o-transition-property: width, opacity, border-radius;
    transition-property: width, opacity, border-radius;
}

.k-grid tr td.k-edit-cell:first-child {
    padding-left: 5px;
}

.k-grid.qwb-grid-locked .k-grid-content-locked tr.k-state-selected td:first-child:before {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    width: 3px;
    opacity: 0.8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    background: #0c64eb;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    -webkit-transition-property: width, opacity, border-radius;
    -o-transition-property: width, opacity, border-radius;
    transition-property: width, opacity, border-radius;
}

.k-grid.qwb-grid-unlocked .k-grid-content tr.k-state-selected td:first-child:before {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    width: 3px;
    opacity: 0.8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    background: #0c64eb;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    -webkit-transition-property: width, opacity, border-radius;
    -o-transition-property: width, opacity, border-radius;
    transition-property: width, opacity, border-radius;
}

.qwb-query {
    display: inline-block;
}

.qwb-query > li {
    list-style: none;
    width: 140px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

.qwb-query li.query-item-hide {
    display: none;
}

.qwb-query .query-solution-list {
    display: inline-flex;
    margin-top: 5px;
    line-height: 2.42142857em;
    vertical-align: middle;
}

.qwb-query li.query-solution-item {
    width: auto !important;
    line-height: 34px;
    cursor: pointer;
}

.qwb-query li.auto-width {
    width: auto !important;
}

.btn-compact button {
    text-decoration: none;
    background-color: #fafafa;
    border-color: #fafafa;
    color: #444;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.btn-compact button:hover, .btn-compact button:focus {
    box-shadow: none !important;
}

.query-solution-config {
    padding: 5px 10px;
}

.query-solution-config .query-solution-switch {
    margin-top: 5px;
}

.layui-card.header .layui-card-body {
    line-height: inherit;
}

.qwb-autocomplete-selectable {
    padding-right: 2em;
}

.qwb-autocomplete-selectable .k-select.k-icon {
    right: 3px;
    top: 50%;
    margin: -8px 0 0;
    position: absolute;
}

.qwb-autocomplete-selectable .k-i-loading {
    right: .3em;
    bottom: .4em;
}

.qwb-autocomplete-selectable span.k-i-close {
    right: 2.5em;
}

.k-pager-wrap.k-pager-md .k-pager-info, .k-pager-wrap.k-pager-sm .k-pager-info {
    display: block;
}

.qwb-grid.k-grid tbody .k-button {
    background: transparent;
    color: #38f;
    border: none;
    min-width: 50px;
    margin: 0;
    padding: 5px 8px 6px;
}

.qwb-grid.k-grid tbody .k-button:hover {
    box-shadow: none;
    color: #1a4cff;
}

.qwb-grid.k-grid tbody .k-button:focus {
    box-shadow: none;
    color: #1a4cff;
}

.qwb-grid .k-grid-content td.k-state-focused {
    color: #000;
}

.qwb-grid .k-grid-content .qwb-grid-readonly {
    position: relative;
}

.qwb-grid .k-grid-content .qwb-grid-readonly .k-dirty {
    margin: 0;
    left: 0;
    top: 0;
}

.k-button {
    font-size: 13px;
}

.layui-fluid {
    padding: 5px 15px;
}

.qwb-grid.k-grid .k-command-cell .k-button {
    color: #38f;
}

.qwb-grid.k-grid .k-command-cell .k-button {
    padding: 0;
    height: 20px;
    width: 20px;
    border: .13em solid #38f;
    opacity: 0.9;
    border-radius: 1px;
    margin: 5px;
    min-width: inherit;
}

.qwb-grid.k-grid .k-command-cell .k-button:hover {
    border: .13em solid #38f;
}

.qwb-grid.k-grid .k-command-cell .k-button .k-icon {
    margin: 0 auto;
}

@keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1.0;
    }
}

.blink {
    animation: fade 1000ms infinite;
    -webkit-animation: fade 1000ms infinite;
}

.page-list .actionbar .k-button:hover {
    box-shadow: none;
    background: #ebebeb;
    text-decoration: none;
}

.page-list .actionbar .k-button {
    text-decoration: none;
    background-color: #fafafa;
    border-color: #fafafa;
    color: #444;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.page-list .qwb-grid td {
    padding-left: 2px;
    padding-right: 2px;
}

.page-list .qwb-grid.k-grid tbody .k-button {
    padding-left: 0;
    padding-right: 0;
    min-width: inherit;
}

.page-list .actionbar .k-button.primary {
    color: #FFF;
    background: #38F
}

/*.k-autocomplete,.k-multiselect-wrap, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default, .k-textbox, .k-picker-wrap.k-state-default{
    border-color: #c8c8c8;
}*/
.qwb-hide-cell {
    display: none;
}

.qwb-hide-cell.qwb-rendering {
    display: block;
}

.qwb-grid span.row-number.label-circle.k-button {
    padding: 0 !important;
    min-width: inherit;
    min-height: 30px !important;
}

.qwb-multi-select.item-checkbox.k-checkbox-label {
    margin-top: 4px;
}

.form-container {
    padding: 5px;
}

.form-container .k-content *, .form-container .k-content *:before {
    box-sizing: border-box;
}

.form-container .k-checkbox-label:before, .form-container .k-slider * {
    box-sizing: content-box;
}

.form-container .form-group {
    margin: inherit;
    margin-top: 5px;
}

.form-container .form-group .control-label {
    padding-right: 5px;
}

.form-container .k-content {
    overflow: visible;
    padding: 5px 0;
}

.k-widget.k-form {
    background: 0 0;
}

.k-form-horizontal .k-form-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.k-form-field:first-child {
    margin-top: 0;
}

.k-form-field {
    margin: 0 0 5px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.k-form {
    border-width: 0;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.42857143;
}

.k-form-horizontal .k-form-field > .k-form-label, .k-form-horizontal .k-form-field > .k-label {
    margin-right: 10px;
    padding-top: 8px;
    width: 25%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-start;
}

.k-form-field > .k-form-label, .k-form-field > .k-label {
    margin: 0 0 8px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.k-form-horizontal .k-form-field-wrap {
    -ms-flex: 1;
    flex: 1;
}

.k-checkbox-label, .k-radio-label {
    padding-left: 20px;
}

.qwb-file-manager .k-listview-item .k-file-preview img {
    width: 95px;;
    height: 95px;;
    border-radius: 1px;
}

.qwb-file-manager .qwb-file-manager-content {
    flex: 1 1 0%;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    overflow: hidden;
}

.qwb-file-manager .qwb-file-manager-view-list {
    overflow: auto;
    height: 358px;
    border-right: 1px solid #e6e6e6;
}

.qwb-file-manager .qwb-file-manager-view-list .k-listview {
    flex: 1 1 0%;
    border-color: rgba(33, 37, 41, .125);
    color: #212529;
    background-color: #fff;
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.qwb-file-manager .qwb-file-manager-view-list .k-listview .k-listview-content {
    display: flex;
}

.qwb-file-manager .qwb-file-manager-content-container {
    display: inline-flex;
}

.qwb-file-manager .qwb-file-manager-view-list .k-listview .k-listview-content .k-listview-item {
    padding: 1rem 1rem;
    width: 120px;
    height: 120px;
    text-align: center;
    cursor: pointer;
}

.qwb-file-manager .k-listview-item .file-icon {
    width: 95px;;
    height: 95px;;
    line-height: 95px;;
}

.qwb-file-manager .k-listview-item .k-file-icon {
    font-size: 48px;
    color: #686b6d;
}

.qwb-file-manager .k-listview-content .k-listview-item .k-file-preview {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.qwb-file-manager .k-listview-content .k-listview-item .k-file-name {
    margin-top: .5rem;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2em;
}

.qwb-file-manager .item-wrapper {
    position: relative;
}

.qwb-file-manager .file-selection {
    position: absolute;
    left: -5px;
    top: -5px;
}

.qwb-file-manager::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.qwb-file-manager::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.qwb-file-manager::-webkit-scrollbar-thumb {
    background-color: #a59e9e;
}


.k-listview-content > .k-state-selected {
    background-color: rgba(0, 123, 255, .25);
}

.k-listview-content > .k-state-focused, .k-listview-content > .k-listview-item:focus {
    box-shadow: inset 0 0 0 3px rgba(33, 37, 41, .15);
}

.k-filemanager-preview {
    min-height: calc(7rem + 192px);
    box-sizing: border-box;
    text-align: center;
    overflow-x: auto;
    flex-shrink: 0;
}

.k-filemanager-preview .k-upload-status {
    display: none;
}

.k-filemanager-preview .k-file-preview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
}

.k-filemanager-preview .k-file-meta {
    margin: 1rem 0 0;
    box-sizing: border-box;
    text-align: start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.k-filemanager-preview .k-file-meta-label {
    display: inline-block;
}

.k-filemanager-preview .k-file-type {
    text-transform: capitalize;
}

.k-filemanager-preview .k-file-meta-value {
    margin: 0;
}

.k-filemanager-preview.k-dropzone-active.k-dropzone-hovered {
    background: #F2F2F2;
    border: 2px dotted #444;
    opacity: .6;
}

.k-form-horizontal .k-form-field > .k-form-label, .k-form-horizontal .k-form-field > .k-label {
    width: 30%;
}

.k-form-horizontal.k-form-40 .k-form-field > .k-form-label, .k-form-horizontal.k-form-40 .k-form-field > .k-label {
    width: 40%;
}

.k-form-horizontal .k-form-field-wrap {
    text-align: left;
    font-weight: bold;
}

._attachment_toolbar {
    padding: 0 2px;
    text-align: left;
}

.k-filemanager-preview .k-file-name {
    font-weight: bold;
    line-height: 2em;
    margin: 10px;
    color: #38F;
}

.k-badge-container {
    position: relative;
    overflow: visible;
}

.k-badge {
    padding: .25em .4em;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    color: inherit;
    background-color: transparent;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-badge-error {
    border-color: #dc3545;
    color: #fff;
    background-color: #dc3545;
}

.k-badge-info {
    border-color: #17a2b8;
    color: #fff;
    background-color: #17a2b8;
}

.k-badge-primary {
    border-color: #007bff;
    color: #fff;
    background-color: #007bff;
}

.k-badge-success {
    border-color: #28a745;
    color: #fff;
    background-color: #28a745;
}

.k-badge-warning {
    border-color: rgb(255, 193, 7);
    color: rgb(0, 0, 0);
    background-color: rgb(255, 193, 7);
}

.k-badge-top-end {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.k-badge-pill {
    border-radius: 5rem;
}


.k-badge-dot {
    padding: 0 !important;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    font-size: 0;
}

.k-badge-mini {
    font-size: .8rem;
    padding: .1em .5em;
    border-radius: 2em;
}

.k-badge-top-end.k-badge-mini {
    top: 2px;
}

.k-button.shadow {
    border-color: #fff;
    color: rgba(0, 0, 0, .87);
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}


/* Make clicks pass-through */
#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #29d;

    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;

    width: 100%;
    height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;

    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;

    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;

    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.k-splitter {
    color: #212529;
    border: none;
    background-color: #F2F2F2;
}

.k-splitbar {
    color: #212529;
    background-color: #F2F2F2;
}


.k-splitbar.k-state-focused, .k-splitbar:active {
    color: #fff;
    background: #38F;
    border: none;
}


.k-splitbar-horizontal-hover, .k-splitbar-vertical-hover {
    color: #212529;
    background-color: #bfc6d0
}

.k-splitter .k-ghost-splitbar-horizontal,
.k-splitter .k-splitbar-horizontal {
    width: 8px;
}

.k-ghost-splitbar-vertical,
.k-splitbar-vertical {
    height: 8px;
}

.k-splitbar-horizontal .k-icon, .k-splitbar-vertical .k-icon {
    font-size: 12px;
}

.k-splitbar-horizontal .k-icon:not(.k-resize-handle), .k-splitbar-vertical .k-icon:not(.k-resize-handle) {
    width: 12px;
    height: 12px;
}

.k-splitbar-draggable-horizontal .k-resize-handle {
    width: 4px;
    height: 16px;
    margin-left: 2px;
}

.k-ghost-splitbar {
    background-color: #bfc6d0
}

.k-splitbar-horizontal .k-expand-prev {
    background-color: #38F;
    color: #FFF;
    opacity: 1;
    height: 60px !important;
    border-radius: 1px;
}

.k-splitter-obvious .k-splitbar .k-i-arrow-60-left, .k-splitter-obvious .k-splitbar .k-i-arrow-60-right {
    z-index: 100000;
    position: relative;
    background: #ccc;
    border-radius: 0 5px 5px 0;
    bottom: -32px;
    left: 10px;
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.k-splitter-obvious .k-collapse-next {
    display: none;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.layui-fluid, .k-splitter {
    height: 100%;
}

tr.circle {
    animation: spin 2s linear infinite;
}

tr.success {
    border: 2.5px dashed #4BB543;
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}

.k-multiselect {
    height: 30px;
}

.k-multiselect .k-multiselect-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 30px;
    overflow: hidden;
}

.k-multiselect .k-multiselect-wrap li {
    margin: 1px 0 3px 3px;
}

.k-multiselect:hover .k-multiselect-wrap {
    height: auto;
    z-index: 99;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2), 0 2px 3px rgba(0, 0, 0, .05);
}

.k-menu .k-item > .k-link, .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link {
    padding: 5px 15px;
}

.k-menu .k-animation-container .k-menu-group {
    padding: 5px 0;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

a.layui-btn:focus {
    color: #FFF;
}


.k-switch {
    border-radius: 4.71428571em;
    cursor: pointer;
    width: 4.71428571em;
    background: 0 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    vertical-align: middle;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left
}

.k-switch [type=checkbox] {
    display: none
}

.k-switch, .k-switch-container, .k-switch-handle {
    box-sizing: border-box
}

.k-switch-container {
    border-radius: 4.71428571em;
    padding: 0 0;
    border-width: 0;
    border-style: solid;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    outline: 0;
    transition: background-color .2s ease-out 0s
}

.k-switch-handle {
    border-radius: 4.71428571em;
    width: 2.35714286em;
    height: 2.35714286em;
    border-width: 1px;
    border-style: solid;
    background-position: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0;
    transition: left .2s ease-out 0s
}

.k-ie11 .k-switch-handle {
    display: block
}

.k-switch-on .k-switch-handle {
    left: calc(100% - 2.35714286em)
}

.k-edge .k-switch-on .k-switch-handle, .k-ie .k-switch-on .k-switch-handle {
    left: 100%;
    margin-left: -2.35714286em
}

.k-switch-off .k-switch-handle {
    left: 0
}


/**

 =====================================

 */


.k-switch {
    border-radius: 5em;
    cursor: pointer;
    width: 5em;
    background: 0 0;
    border: 0;
    outline: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    vertical-align: middle;
    font-size: .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left
}

.k-switch [type=checkbox] {
    display: none
}

.k-switch, .k-switch-container, .k-switch-handle {
    box-sizing: border-box
}

.k-switch-container {
    border-radius: 5em;
    padding: 3px 3px;
    border-width: 0;
    border-style: solid;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    outline: 0;
    transition: background-color .2s ease-out 0s
}

.k-switch-handle {
    border-radius: 5em;
    width: 2em;
    height: 2em;
    border-width: 0;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0;
    transition: left .2s ease-out 0s
}

.k-ie .k-switch-handle {
    display: block
}

.k-switch-on .k-switch-handle {
    left: calc(100% - 2em)
}

.k-edge .k-switch-on .k-switch-handle, .k-ie .k-switch-on .k-switch-handle {
    left: 100%;
    margin-left: -2em
}

.k-switch-off .k-switch-handle {
    left: 0
}

.k-switch-label-off, .k-switch-label-on {
    display: none;
    width: calc(100% + -2em + -13px);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 2em;
    overflow: hidden
}

.k-switch-label-on {
    text-align: left;
    left: 8px
}

.k-switch-label-off {
    text-align: right;
    right: 8px
}

.k-rtl .k-switch.k-switch-on .k-switch-handle, .k-switch[dir=rtl].k-switch-on .k-switch-handle {
    left: 0
}

.k-rtl .k-switch.k-switch-off .k-switch-handle, .k-switch[dir=rtl].k-switch-off .k-switch-handle {
    left: calc(100% - 2em)
}

.k-rtl .k-switch .k-switch-label-on, .k-switch[dir=rtl] .k-switch-label-on {
    text-align: right;
    left: initial;
    right: 8px
}

.k-rtl .k-switch .k-switch-label-off, .k-switch[dir=rtl] .k-switch-label-off {
    text-align: left;
    left: 8px;
    right: initial
}

.k-switch-handle {
    background-clip: padding-box
}

.k-edge12 .k-switch-handle, .k-edge13 .k-switch-handle, .k-ie11 .k-switch-handle {
    background-clip: border-box
}

.k-switch-label-off, .k-switch-label-on {
    text-shadow: none
}

.k-switch-on .k-switch-container {
    color: #fff;
    background-color: #007bff
}

.k-switch-on .k-switch-handle {
    color: #fff;
    background-color: #fff
}

.k-switch-on.k-state-focused, .k-switch-on:focus {
    box-shadow: 0 0 1px 2px #7abaff
}

.k-switch-on.k-state-hover .k-switch-container, .k-switch-on:hover .k-switch-container {
    color: #fff;
    background-color: #0069d9
}

.k-switch-on.k-state-hover .k-switch-handle, .k-switch-on:hover .k-switch-handle {
    color: #fff;
    background-color: #fff
}

.k-switch-on .k-switch-label-off {
    color: transparent
}

.k-switch-off .k-switch-container {
    color: #000;
    background-color: #e4e7eb
}

.k-switch-off .k-switch-handle {
    color: #000;
    background-color: #fff
}

.k-switch-off.k-state-focused, .k-switch-off:focus {
    box-shadow: 0 0 1px 2px #f1f3f5
}

.k-switch-off.k-state-hover .k-switch-container, .k-switch-off:hover .k-switch-container {
    color: #000;
    background-color: #ced3db
}

.k-switch-off.k-state-hover .k-switch-handle, .k-switch-off:hover .k-switch-handle {
    color: #000;
    background-color: #fff
}

.k-switch-off .k-switch-label-on {
    color: transparent
}

.k-switch {
    box-shadow: none
}

.k-switch.k-state-focused .k-switch-container, .k-switch:focus .k-switch-container {
    outline: 0
}

.k-switch.k-state-disabled {
    cursor: default
}

.k-switch[aria-readonly=true] {
    pointer-events: none
}


/**
  -------------
 */

.k-switch-label-off, .k-switch-label-on {
    display: inline;
    width: calc(100% - 2.35714286em - 12px);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: none;
    line-height: 2.35714286em;
    overflow: hidden
}

.k-switch-label-on {
    text-align: left;
    left: 10px
}

.k-switch-label-off {
    text-align: right;
    right: 10px
}

.k-rtl .k-switch.k-switch-on .k-switch-handle, .k-switch[dir=rtl].k-switch-on .k-switch-handle {
    left: 0
}

.k-rtl .k-switch.k-switch-off .k-switch-handle, .k-switch[dir=rtl].k-switch-off .k-switch-handle {
    left: calc(100% - 2.35714286em)
}

.k-rtl .k-switch .k-switch-label-on, .k-switch[dir=rtl] .k-switch-label-on {
    text-align: right;
    left: initial;
    right: 10px
}

.k-rtl .k-switch .k-switch-label-off, .k-switch[dir=rtl] .k-switch-label-off {
    text-align: left;
    left: 10px;
    right: initial
}

.city-picker-input {
    opacity: 0 !important;
    top: -9999px;
    left: -9999px;
    position: absolute;
}

.city-picker-span {
    position: relative;
    display: block;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #ccc;
    cursor: pointer;
}

.city-picker-span > .placeholder {
    color: #aaa;
}

.city-picker-span > .arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 10px;
    margin-top: -3px;
    height: 5px;
    background: url(../images/drop-arrow.png) -10px -25px no-repeat;
}

.city-picker-span.focus,
.city-picker-span.open {
    border-bottom-color: #46A4FF;
}

.city-picker-span.open > .arrow {
    background-position: -10px -10px;
}

.city-picker-span > .title > span {
    color: #333;
    padding: 5px;
    border-radius: 3px;
}

.city-picker-span > .title > span:hover {
    background-color: #f1f8ff;
}

.city-picker-dropdown {
    position: absolute;
    width: 315px;
    left: -9999px;
    top: -9999px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 999999;
    display: none;
    min-width: 330px;
    margin-bottom: 20px;
}

.city-select-wrap {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.city-select-tab {
    border-bottom: 1px solid #ccc;
    background: #f0f0f0;
    font-size: 13px;
}

.city-select-tab > a {
    display: inline-block;
    padding: 8px 22px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid transparent;
    color: #4D4D4D;
    text-align: center;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: -1px;
}

.city-select-tab > a.active {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #46A4FF;
}

.city-select-tab > a:first-child {
    border-left: none;
}

.city-select-tab > a:last-child.active {
    border-right: 1px solid #ccc;
}

.city-select-content {
    width: 100%;
    min-height: 10px;
    background-color: #fff;
    padding: 10px 15px;
    box-sizing: border-box;
}

.city-select {
    font-size: 13px;
}

.city-select dl {
    line-height: 2;
    clear: both;
    padding: 3px 0;
    margin: 0;
}

.city-select dt {
    position: absolute;
    width: 2.5em;
    font-weight: 500;
    text-align: right;
    line-height: 2;
}

.city-select dd {
    margin-left: 0;
    line-height: 2;
}

.city-select.province dd {
    margin-left: 3em;
}

.city-select a {
    display: inline-block;
    padding: 0 10px;
    outline: 0;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 2px;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.city-select a:hover,
.city-select a:focus {
    background-color: #f1f8ff;
    border-radius: 2px;
    color: #46A4FF;
}

.city-select a.active {
    background-color: #46A4FF;
    color: #fff;
    border-radius: 2px;
}

.k-list > .k-state-selected.k-state-focused, .k-item.k-state-hover {
    background: #0094ff;
    color: #FFF;
}

.k-widget.k-tooltip.cart-popup {

}

.k-widget.k-tooltip.cart-popup:not(.k-tooltip-validation) {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 1px 6px;
    color: #515a6e !important;
    background-color: #FFF !important;
}

.k-widget.k-tooltip.cart-popup .k-callout-n {
    border-bottom-color: rgba(255, 255, 255, .9) !important;
}

.k-widget.k-tooltip.cart-popup .k-callout-s {
    border-top-color: rgba(255, 255, 255, .9) !important;
}

.k-widget.k-tooltip.cart-popup .k-callout-w {
    border-right-color: rgba(255, 255, 255, .9) !important;
}

.k-widget.k-tooltip.cart-popup .k-callout-e {
    border-left-color: rgba(255, 255, 255, .9) !important;
}

.k-widget.k-tooltip.cart-popup .k-tooltip-content {
    padding: 0;
}

.k-widget.k-tooltip.cart-popup .k-grid-toolbar {
    text-align: left;
}

.k-widget.k-tooltip.cart-popup .k-tooltip-button {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 999;
}

.k-widget.k-tooltip.cart-popup .k-tooltip-button .k-icon.k-i-close:hover {
    background-color: #38F;
    transform: rotate(-180deg);
    animation: linear 1s;
}

.k-widget.k-tooltip.cart-popup .k-tooltip-button .k-icon.k-i-close {
    border-radius: 50%;
    padding: 2px;
    color: #FFF;
    transform: none;
    background-color: rgb(119, 119, 119);
    border: 2px solid #FFF;
    z-index: 999;
}

.cart-badge.k-badge {
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    height: 20px;
    letter-spacing: 0;
    min-width: 20px;
    padding: 4px 4px;
    pointer-events: auto;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: auto;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    white-space: nowrap;
    font-weight: 600;
    line-height: 10px;
    display: inline-block;
}

.qwb-tag-dot {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 50%;
    position: relative;
    background: #e8eaec;
    top: 2px;
    display: inline-block;
}

.qwb-tag-dot.success {
    background: #19be6b;
}

.qwb-tag-dot.primary {
    background: #2d8cf0;
}

.qwb-tag-dot.error {
    background: #ed4014;
}

.qwb-tag-dot.warning {
    background: #f90;
}

/*.k-window .k-header{*/
/*    background-color: #F8F8F8;*/
/*    border-radius: 2px 2px 0 0;*/
/*    border-bottom: 1px solid #eee;*/
/*    color: #333;*/
/*}*/
.k-widget.k-window .compact.k-window-content {
    padding: 0 !important;
}

.k-window[data-role="draggable"] .k-window-title .cart-draggable {
    cursor: move !important;
}

.k-window-titlebar.k-header {
    color: #FFF;
}

.k-window-titlebar.k-header .k-window-title {
    color: #FFF;
}

.k-window-titlebar.k-header .k-button {
    padding: 0;
    background: none;
    border: none;
    color: #FFF;
}

.k-window-titlebar.k-header .k-button:hover {
    opacity: 0.8;
}

.k-window-titlebar.k-header input {
    font-size: 12px;
    line-height: 12px;
}

.k-grid.cart-grid .k-header.k-grid-toolbar, .cart-grid.k-grid .k-header.k-grid-toolbar .k-button {
    background-color: #3343a4;
    border-color: #3343a4;
}

.k-grid.cart-grid .k-grid-toolbar .k-button {
    color: #FFF;
}

.k-grid.cart-grid .k-grid-toolbar .k-button:hover {
    color: #FFF;
    opacity: 0.8;
}

.grid-manager-dialog {
    padding: 0;
    margin: 0;
}

.grid-manager-dialog .column-list {
    max-height: 300px;
    width: 100%;
    overflow: auto;
}

.grid-manager-dialog .column-list .sortable-wrap {
    position: relative;
    overflow: hidden;
    padding: 8px 0;
    font-size: 12px;
    list-style: none;
}

.grid-manager-list-item.dragging {
    z-index: 999999;
}

.grid-manager-dialog .column-list::-webkit-scrollbar-corner {
    background: 0 0;
}

.grid-manager-dialog .column-list::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

.grid-manager-dialog .column-list::-webkit-scrollbar-thumb {
    background-color: #c4cdd5;
    border-radius: 0;
}

.grid-manager-dialog .column-list::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}


li.grid-manager-list-item {
    position: relative;
    padding: 0 16px 0 56px;
    color: #2a304d;
    cursor: pointer;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;

}

li.grid-manager-list-item.multiple {
    border: 1px dashed #38F;
}

li.grid-manager-list-item .text {
    width: 100px;
    min-width: 100px;
}

.dragging.grid-manager-list-item {
    background: #FFF;
    border: 1px dashed #38F;
    min-width: 320px;
}

.dragging.grid-manager-list-item .sort-group {
    width: 100%;
}

.dragging.grid-manager-list-item .switch-wrapper,
.dragging.grid-manager-list-item .width {

}

li.grid-manager-list-item input {
    border: none;
    line-height: 16px;
    height: 16px;
    border-radius: 2px;
    margin-left: 10px;
    width: 120px;
    padding: 3px 5px;
    color: #444;
}

li.grid-manager-list-item .width input {
    width: 50px;
}

li.grid-manager-list-item input::placeholder {
    color: #333;
}

li.grid-manager-list-item input:focus::placeholder {
    opacity: 0.4;
}


li.grid-manager-list-item input:focus {
    border: 1px solid #cecece;
}

.grid-manager-dialog .column-list .sortable-wrap li.flex {
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
}

.grid-manager-dialog .column-list .sortable-wrap li .action {
    display: none;
    color: rgb(153, 153, 153);
    position: absolute;
    right: 16px;
    top: 0;
}

.col-sortable.moving {
    display: flex;
}

.col-sortable.moving .widget-container {
    display: none;
}

.col-sortable.moving .k-widget {
    display: none;
}

.col-sortable.moving i {
    display: none;
}

li.hint {
    display: block;
    width: 200px;
    background-color: #52aef7;
    color: #fff;
    height: 34px;
    line-height: 34px;
    text-align: center;
    justify-content: center;
}

li.hint:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #52aef7;
    position: absolute;
    left: 216px;
    top: 8px;
}

li.hint:last-child {
    border-radius: 4px;
}

li.hint span {
    color: #fff;
}

li.placeholder {
    background-color: #dceffd;
    color: #52aef7;
    text-align: right;
}

.grid-manager-dialog .column-list .sortable-wrap li .width {
}

.grid-manager-dialog .column-list .sortable-wrap li .text i {
    margin-left: 5px;
    font-size: 14px;
    color: #bfbfbf;
    cursor: pointer;
    display: none;
}

.grid-manager-dialog .column-list .sortable-wrap li .widget-container {
    width: 160px;
    padding: 1px 20px 1px 10px;
}

.grid-manager-dialog .column-list .sortable-wrap li .text i:hover {
    color: #444;
}

.grid-manager-dialog .column-list .sortable-wrap li:hover {
    background-color: #f0f4fc;
    cursor: move !important;
}

.grid-manager-dialog .column-list .sortable-wrap li .text {
    font-weight: bold;
}

.grid-manager-dialog .column-list .sortable-wrap li:hover .text i {
    display: inline-block;
}

.grid-manager-dialog .column-list .sortable-wrap li:hover .width {

}

.grid-manager-dialog .column-list .sortable-wrap li:hover .action {
    display: block;
}


.grid-manager-dialog .column-list .sortable-wrap li .switch-wrapper {
    width: 30px;
    position: absolute;
    left: 6px;
    cursor: pointer;
}

.grid-manager-dialog .footer {
    padding: 8px 16px;
    background-color: #f6f7f9;
    border-top: 1px solid #dee1e6;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.grid-manager-dialog .footer .btn-right {
    float: right;
}

.grid-manager-dialog .footer .btn-group {
    margin-right: -8px;
}

.grid-manager-dialog .footer .btn-group .btn {
    float: left;
    margin-right: 8px;
    opacity: 0.9;
}

.grid-manager-dialog .footer .btn-group .btn:hover {
    opacity: 1;
}

.grid-manager-dialog .footer .btn-group .btn .btn-text {
    float: left;
    margin-left: -1px;
    font-size: 12px;
    height: 26px;
    padding: 0 8px;
    line-height: 26px;
    vertical-align: middle;
    border-radius: 2px;
    border: 1px solid #dee1e6;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.grid-manager-dialog .footer .btn-group .btn .btn-primary {
    border-color: #38F;
    background-color: #38F;
    color: #FFF;
}

.k-widget.k-dropdown {
    width: 100%;
}

.k-header[data-role=columnsorter] .k-link {
    /*padding-left: 20px;*/
    padding: 0 !important;
}

.k-link .col-sorter {
    position: relative;
}

.k-link .col-sorter .k-i-sortable {
    position: relative;
    vertical-align: text-top;
}

.col-sorter .k-i-sortable .icon-sortable {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.k-i-sortable {
    top: 3px;
}

.k-i-sortable.sort-asc .icon-sortable .asc {
    fill: #007bff;
}

.k-i-sortable.sort-desc .icon-sortable .desc {
    fill: #007bff;
}

.k-header span.col-sorter {
    /*position: absolute;*/
    /*left: 2px;*/
    margin-left: 2px;
}

.k-header span.col-sorter:hover {
    opacity: 1;
}

.qwb-grid .arrow {
    top: 8px;
    position: absolute;
    right: 5px;
    background-image: url(/static/qwb/images/arrow.gif);
    background-size: cover;
    margin-left: 5px;
    height: 12px;
}

.qwb-grid .arrow.expand {
    transform: rotate(180deg);
}

.k-header .expand-icon {
    position: absolute;
    right: 2px;
    top: 6px;
    width: 16px;
    height: 16px;
}

.k-header .expand-icon.collapsed {
    transform: rotate(180deg);
}


.qwb-anchor-nav {
    padding: 0 10px 0 20px;
    border-left: solid 1px #ededed;
    position: fixed;
    top: 100px;
    right: 60px;
    z-index: 999;
}

.qwb-anchor-nav li {
    cursor: pointer;
    font-size: 13px;
    color: #515a6e;
}

.qwb-anchor-nav li.active {
    color: #2d8cf0;
}

.qwb-anchor-nav .spot {
    border-radius: 50%;
    border: solid 1px #2d8cf0;
    box-sizing: border-box;
    position: absolute;
}

.k-dropdown .k-dropdown-wrap span.k-input:empty:not(:focus):before {
    content: attr(data-placeholder);
    color: #333;
    opacity: 0.5;
}

.iziToast-wrapper {
    padding-top: 40px!important;
}