﻿#loading {
    position: absolute;
    background-color: black;
    -moz-opacity: 0.3;
    opacity: .30;
    filter: alpha(opacity=30);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 999999999;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1E9FFF;
}

.layui-btn-xs {
    padding: 0 10px;
}

.layui-breadcrumb a:hover {
    color: #1E9FFF !important;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    outline-width: 0px;
}

body {
    padding: 10px;
    background: #fff;
    font-size: 12px;
}

.du-txtdrop {
    display: none;
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 99%;
    border: 1px solid #eee;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgb(0 0 0 / 15%);
    box-shadow: 0 4px 5px rgb(0 0 0 / 15%);
}

    .du-txtdrop ul {
        color: #444;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0 4px 4px 0;
        padding: 0 0 0 4px;
        max-height: 240px;
        -webkit-overflow-scrolling: touch;
    }

    .du-txtdrop ul li.active-result {
        display: list-item;
        cursor: pointer;
    }

.du-txtdrop ul li {
    display: block;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

    .du-txtdrop ul  .selected {
        background-color: #3875d7;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
        background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
        color: #fff;
    }
.table-hover {
    background: #a8a8a8;
    color:#fff;
}
input .icon {
    width: 30px;
    position: absolute;
    top: -1px;
    left: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}
.input-block-suffix {
    position: relative;
}

    .input-block-suffix .layui-input {
        padding-right: 30px;
        cursor: pointer;
    }

    .input-block-suffix .block-suffix {
        position: absolute;
        right: 3px;
        top: 5px;
        margin-top: -3px;
        display: inline-block;
        width: 20px;
        font-style: inherit;
        line-height: 24px;
    }


.input-First-suffix {
    position: relative;
}

    .input-First-suffix .layui-input {
        padding-left: 8px;
        cursor: pointer;
    }

    .input-First-suffix .First-suffix {
        position: absolute;
        left: 3px;
        top: 5px;
        margin-top: -3px;
        display: inline-block;
        width: 8px;
        font-style: inherit;
    }
.clearInput {
    cursor: pointer;
}
.button-stable {
    border-color: transparent;
    background-color: #ccc;
    color: #444;
}