.k-context-menu li.k-state-hover {
    background-color: #38F !important;
    color: #FFF;
}

ul.qwb-query * {
    box-sizing: border-box;
}

ul.qwb-query > li {
    margin-top: 2px;
    width: 160px !important;
    line-height: 34px;
}

.col-xs-4, .col-xs-3, .col-xs-11, .col-xs-18 {
    padding-right: 0;
}

@media (max-width: 1368px) {
    .form-horizontal .control-label {
        padding-top: 3px;
    }

    .col-xs-3 {
        width: 10%;
        padding-left: 5px;
    }

    .col-xs-4 {
        width: 20%;
    }

    .col-xs-13 {
        width: 50%;
    }

    .col-xs-11 {
        width: 50%;
    }

    .col-xs-6 {
        width: 20%;
    }

    .col-xs-18 {
        width: 80%;
    }
}

::placeholder {
    color: #838383; /*919191*/
}

.qwb-grid .k-edit-cell .k-combobox-clearable .k-clear-value {
    display: none !important;
}

.qwb-grid .k-badge {
    margin-left: 0;
}

.qwb-grid.k-grid td {
    height: 25px;
}

.qwb-grid.qwb-grid-normal.k-grid tbody tr[role=row], .qwb-grid.qwb-grid-normal.k-grid tbody tr[role=row] > td {
    height: 30px;
}

.row-color-pink {
    color: #E91E63 !important;
}

.layui-layer-page .layui-layer-title.center {
    font-weight: bold;
    text-align: center;
}

.layui-layer-page .layui-layer-title .tips {
    color: red !important;
    margin-left: 20px;
}

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

.k-grid tr.k-state-navigated.k-state-selected {
    background: #fff3e0;
    color: #212529;
}

.k-multiselect {
    height: 2.07142857em;
}

.flex-container {
    display: inline-flex;
    width: 100%;
    gap: 30px;
}

.flex-container .flex-group {
    width: 45%;
}

.flex-container .flex-group .k-form-field-extra {
    margin: 0 0 8px;
    justify-content: flex-end;
    align-items: flex-end;
    padding-top: 0;
    width: 20%;
    display: inline-flex;
    flex-direction: column;
}

.k-form-field.units .k-form-field-extra span {
    font-size: 16px;
    font-weight: 600;
}

.k-form-field.units .k-form-label i {
    margin-bottom: 3px;
    margin-left: 2px;
    cursor: pointer;
    margin-right: 5px;
}

.k-form .k-form-fieldset {
    margin: 2rem 0 0;
    padding: 0px;
    border: 0;
}

.k-form .k-form-fieldset > *:first-child {
    margin-top: 0;
}

.k-form .k-form-legend, .k-form-inline .k-form-legend {
    border-color: #dee2e6;
}

.k-form .k-form-legend {
    margin: 0 0 1rem;
    padding: 0px;
    border-width: 0 0 2px;
    border-style: solid;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
}

.k-form legend, .k-form-inline legend {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.5;
    text-transform: none;
}

.k-form-horizontal .k-form-field-wrap {
    font-weight: 400;
}

.k-form fieldset legend, .k-form-inline fieldset legend {
    color: #030404;
}

.k-form .k-label.k-form-label {
    padding-top: 5px;
    justify-content: flex-start;
}
.k-form .k-label.required:before,
.k-form .k-form-label.required:before {
    display: contents;
    content: '*';
    color: red;
}

.k-form-field.units {
    justify-content: center;
}

.k-form-field.units .k-form-label {
    margin-bottom: 12px;
    padding-top: 7px;
    color: #F44336;
    font-size: 16px;
    width: auto;
}

.k-form-field-wrap.center {
    justify-content: center;
    display: flex;
    gap: 10px;
}

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

.k-form-hint {
    margin-top: 2px;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px !important;
    font-style: italic;
    color: #5e645e
}

.k-form .k-tooltip-validation.k-invalid-msg {
    width: auto !important;
}

.w-e-text-container {
    height: 150px !important;
}

.k-widget.k-dropdown {
    width: 100%;
    background-color: #FFF;
    border-color: #f0f0f0;
}

.k-grid .k-header.group1 {
    background: #e1edff;
}

.k-grid .k-header.group_sub, .k-grid .k-header.group-sub {
    background: #f9f2f4;
}

.k-grid .k-header.group2 {
    background: #e1edff;
}

.k-grid .k-header.group2-sub, .k-grid .k-header.group2_sub {
    background: #f9f2f4;
}

.qwb-grid .arrow {
    top: 8px !important;
}

.k-list > .k-state-focused, .k-list > .k-state-hover {
    background-color: #7aa3d5;
}

.tree-sidebar .k-treeview .k-item {
    padding: 0 0 0 12px;
}

.tree-sidebar .k-treeview .k-i-collapse, .tree-sidebar .k-treeview .k-i-expand {
    margin-left: -12px;
}

.tree-sidebar .k-treeview .k-in {
    padding: .2em .667em .2em .1em;
}

/*.tree-sidebar .k-treeview>.k-treeview-lines>.k-first>.k-top .k-i-collapse, .tree-sidebar .k-treeview>.k-treeview-lines>.k-first>.k-top .k-i-expand{*/
/*    margin-left: -10px;*/
/*}*/
.tree-sidebar .k-treeview .k-in .root {
    background-color: rgba(158, 158, 158, 0.33);
    color: #3f51b5;
}

/*.tree-sidebar .k-content{*/
/*    padding-left: 6px!important;*/
/*}*/
/*.tree-sidebar .k-top.k-bot .k-icon{*/
/*    margin-left: -20px!important;*/
/*}*/
.form-horizontal label:not(.k-radio-label, .k-checkbox-label)::after {
    content: "" !important;
}

.k-grid a.layui-btn.layui-btn-normal {
    color: #FFF;
}


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

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

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

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

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

.quick-tooltip a.k-icon {
    color: #444;
}

.k-tooltip-button a.k-icon {
    color: #FFF !important;
}

.blinking {
    -webkit-animation: 1s blink ease infinite;
    -moz-animation: 1s blink ease infinite;
    -ms-animation: 1s blink ease infinite;
    -o-animation: 1s blink ease infinite;
    animation: 1s blink ease infinite;
    background-color: red !important;
    color: #FFF !important;
}

.fast .blinking {
    -webkit-animation: .2s blink ease infinite;
    -moz-animation: .2s blink ease infinite;
    -ms-animation: .2s blink ease infinite;
    -o-animation: .2s blink ease infinite;
    animation: .2s blink ease infinite;
}

@keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-ms-keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-o-keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    bottom: unset;
    top: 10px;
    z-index: 99;
}

.ion-icon {
    width: 23px;
    height: 23px;
    font-size: 23px;
}

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

.form-item-tip{
    cursor: pointer;
    color: red;
    position: absolute;
    right: -20px;
    top: 8px;
    z-index: 99;
}
.layui-card-header .bill-info{
    padding-right: 10px!important;
}
.tip-list {
    padding-top: 5px;
    list-style: none;
}
.tip-title{
    width: 100%;
    text-align: left;
    padding: 5px;
    color: #333;
    border-bottom: 1px solid #ededed;
}
.tip-list li{
    display: flex;
    justify-content: space-between;
}
.tip-list li label{
    min-width: 80px;
    text-align: right;
}

.tip-list li span{
    color: #38F;
    text-align: left;
    min-width: 80px;
    margin-left: 10px;
}

.tip-template{
    display: none;
}
.modal-radio-wrapper *:before {
    box-sizing: border-box;
}

.modal-radio-wrapper ul.qwb-radio{
    margin-top: 5px;
}
.company_class{
    font-size: 10px;
   color: rgba(28,15,4,0.31);
}

.k-window-titlebar .k-switch {
}

.badge-new {
    position: absolute;
    right: 0;
    top: -8px;
    background-size: cover;
    width: 25px;
    height: 22px;
    z-index: 233;
    background-image: url(/static/img/new.svg?v=1);
}

.k-window-titlebar.k-header .k-button{
    border-left: 1px solid #FFF;
    padding-left: 5px;
}

.k-window-titlebar.k-header .k-button:first-child{
    border-left: none;
}


.scale-wrapper .layui-layer-photos {
    left: 100px!important;
    right: 100px!important;
    width: auto!important;
    background: none;
    height: auto!important;
    top: 0px!important;
    bottom: 0px!important;
}

.scale-wrapper .layui-layer-photos .layui-layer-content {
    width: auto!important;
    height: 100%!important;
    overflow: visible!important;
}
.scale-wrapper .layui-layer-photos .layui-layer-phimg img {
    width: auto;
}
.scale-wrapper .layui-layer-photos .layui-layer-phimg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.scale-wrapper .layui-layer-photos .layui-layer-imgbar{
    left: -100px;
    right: -100px;
    width: auto;
}