/*通用的自定义css*/
body *::-webkit-scrollbar{height:8px;}
.auth-box {
    width: 500px;
    margin-top: 80px;
    }
.auth-box .lead {
    font-size: 30px;
    font-weight: 600;
}
.card {
    border-radius: 0.5rem;
}
.auth-main .card{
    margin-bottom: 100px;
}
.inbox-page {
    height: calc(25vh);
    margin: 0;
    overflow-y: auto;
    margin-right: -15px;
    padding-right: 15px;
}
.bs-tooltip-left{top: -45px !important}.bs-tooltip-top{left: 0px;top: -45px !important}
tbody.dataList div.tooltips{width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.card .body {
    padding: 20px;
}
.card .body .form-group {
    margin-bottom: 1.3rem;
}
tbody.dataList .action,thead th.action{
    position: sticky;
    right: 0;
    z-index: 11;
    background-color: #ffffff;
}
tbody.dataList tr:hover .action{
    background-color: #efefef;
}
.ispd1{color: #a55eea; font-weight: 500;}
.no{color: red;font-weight: 600;}
.sfyc1{color: red;}
.active_method{padding-right: 20px;}
.badge-cyan {
    color: #fff;
    background-color: #17a2b8
}
.badge-cyan[href]:hover,.badge-cyan[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #17a2b8
}
.badge-purple {
    color: #fff;
    background-color: #a55eea
}
.badge-purple[href]:hover,.badge-purple[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #a55eea
}
.auth-main:after {
    background: linear-gradient(154deg,#07070915 30%,rgb(190, 217, 249) 48%,#07070915 64%);
    filter: blur(100px);
    /*background: url(login_bg.jpg) no-repeat center center fixed;
    background-blend-mode: multiply;
    background-size: cover;
    -moz-background-size:cover;
    filter: blur(1.5px);
    overflow: hidden;*/
}

.text_color_Infinity{color: #f75554;}
.text_color_0{color: #007bff;}
.text_color_1{color: #2bcbba;}
.text_color_2{color: #a55eea;}
.text_color_3{color: #ffc107;}
.text_color_4{color: #6c757d;}
.text_color_5{color: #ff00ff;}
.text_color_6{color: #ff6eb4;}
.text_color_7{color: #cd8500;}
.text_color_8{color: #a0255d;}
.text_color_9{color: #92cd32;}
.test-opacity {
    background-color: unset;
    background-color: rgba(242, 244, 244, 0.8);
    box-shadow: -8px 20px 25px 0 rgba(25, 42, 70, 0.3);
}
.left_sidebar{background-color: #f7f7f7;}
.metismenu .has-arrow::after {
     color: unset; 
}
.metismenu ul a::before {
    left: 25px;
    top: 8px;
}
.resetSearch{cursor: pointer;}
.marginr20{margin-right: 20px;}
.marginl20{margin-left: 20px;}
#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    clear:both;
}
.pb-3, .py-3 {
    padding-bottom: 0.3rem !important;
}
.left_sidebar .user-info img {
     -webkit-border-radius: unset; 
    -moz-border-radius: unset;
     border-radius: unset; 
}
.pt-3, .py-3 {
    padding-top: 0.3rem !important;
}
.auth-box .top img.wave-box{
    position: relative; 
    /*background: #76daff;*/
    width: 150px;
    height: 150px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: -8px 20px 25px 0 rgba(25, 42, 70, 0.3);
    margin-right: 0px;
}
.auth-box .top img.wave-box::before,
.auth-box .top img.wave-box::after {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      border-radius: 45%;
      -webkit-transform: translate(-50%, -70%);
      transform: translate(-50%, -70%);
      background: rgba(255, 255, 255, 0.5);
      -webkit-animation: rotate 10s linear infinite;
      animation: rotate 10s linear infinite;
      z-index: 10;
}

label {
    display: inline-block;
    margin-bottom: 0.2rem;
}
label {
    color: #000;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 500;
}
.col-form-label {
    padding-top: calc(0.47rem + 1px);
    padding-bottom: calc(0.47rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.4;
}
.col-form-label {
    font-size: 0.8rem;
}


.table {
    color: #000;
}

.picture_view {
    width: 90%
}


#openHtml, .openHtml {
    display: none;
}

#results img {
    width: 100%;
    height: 100%
}

.display {
    display: none;
}
.normals{
    /*display: unset;*/
}
.swal2-container .inventory-pic{position: relative;}
.swal2-container .inventory-pic i{color:#288cff;}
.swal2-container .inventory-pic .left{width: 48%; position: absolute;top:0;left: 0px;height: 100%;cursor: pointer;display: flex;}
.swal2-container .inventory-pic .left i{margin: auto 0;}
.swal2-container .inventory-pic .right{width: 48%; position: absolute;top:0;right: 0px;height: 100%;cursor: pointer;display: flex;
}
.swal2-container .inventory-pic .right i{margin: auto 0;margin-right:0;margin-left:  auto ;}
.swal2-container .inventory-pic .left:hover i,.swal2-container .inventory-pic .right:hover i{color: #288cff;}
.swal2-container .card .body {
     padding: unset; 
}
.swal2-container .swal2-popup .swal2-header {
     align-items: unset; 
}
.swal2-container .swal2-popup .swal2-title {
    /*position: relative;*/
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.5em;
    font-weight: 600;
    text-align: left;
    text-transform: none;
    word-wrap: break-word;
}
.swal2-container .swal2-popup .swal2-actions {
    margin-top: 20px;
    z-index: unset;
}

.ttttttt{width: 10px;}

.swal2-container .swal2-popup .myinput {
    height: 2.625em;
    font-size: 14px;
}

.swal2-container .swal2-popup .swal2-actions button{
    margin: 0px 50px;
    position: relative;
    /*position: absolute;*/
    /*margin-bottom: 30px;*/
}
.swal2-container .swal2-popup .swal2-actions button:first-child{
    left: 25%;
}
.swal2-container .swal2-popup .swal2-actions button:last-child{
    left: 16%;
}

.swal2-container .swal2-popup .swal2-actions button.buttons:first-child{
    left: 65%;
}
.swal2-container .swal2-popup .swal2-actions button.buttons:last-child{
    left: 50%;
}

.swal2-container .swal2-popup .swal2-close {
    width: 0.8em;
    height: 0.8em;
    font-size: 1.5em;
    line-height: 0.8;
    top: 5px;
    right: 5px;
}
.swal2-container .swal2-popup {
    width: 600px;
    max-width: 60%;
}
.red{color: #ff0000;}
span.state_1{color: #000000;}
span.state_0{color: #ff0000;}
.custom_bt {
    margin-bottom: 8px;
}

.table .no_data {
    text-align: center;
    padding: 100px 0px;
}

.table th, .table td {
    padding: 0.6rem 0.6rem;
}

.table th:first-child, .table td:first-child {
    padding-left: 2.0rem;
}

.nowrap {
    white-space: nowrap;
}

.fl {
    float: left
}

.fr {
    float: right
}
.yichus {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yichu {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.margin-left-5{margin-left: 5px;}


tbody.dataList td{
    white-space: nowrap;
}

tbody.dataList tr:hover,tbody.dataLists tr:hover {
    padding: 25px;
    /*background-color: rgba(90, 141, 238, 0.3);*/
    /* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
}
/* 只支持IE6、7、8 */

@media \0screen\,
screen\9 {
    tbody.dataList tr:hover,tbody.dataLists tr:hover {
        /*background-color: #5A8DEE;*/
        filter: Alpha(opacity=30);
        *zoom: 1;
        /* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }

}

.action .btn.btn-icon{
         padding: 0.2rem 0.4rem; 
}
.action .mb-1{
   margin-bottom: 0rem !important;
}
.action .mr-1{
   /*margin-right: 0rem !important; */
}

.pos {
    position: relative;
}
.pos .tit {
    position: absolute;
    top: -17px;
    left: 32px;
    background: #fff;
    padding: 5px;
    font-size: 18px;
    color: #333;
    line-height: 25px;
}
.y-center{display: flex; flex-direction: column;justify-content: center;}
.fz12{font-size: 12px;}
.letter-spacing2{letter-spacing:2px}
.invoice1 .logo{width: unset;height: 70px;}
#pagehtml{
    width: 100%;
    float: right;
    /*padding-right: 80px;*/
    margin: 0 auto;
    padding-bottom: 30px;
}
#pagehtml .laypage_main{}
#pagehtml .laypage_main a {
     color: unset; 
}
#pagehtml .laypageskin_default span {
    height: 28px;
    line-height: 28px;
    color: #000000;
}
#pagehtml .laypage_main button {
    color: #6c757d;
    border-color: #adb5bd;
}
#pagehtml .laypage_main .shadow {
    box-shadow: unset;
}

#pagehtml .laypage_main .btn-primary:hover {
    color: #fff;
}
#pagehtml .laypage_main a, #pagehtml .laypage_main span {
    margin: 0 3px 6px;
    padding: 9px 18px;
    display: initial;
    font-size: 12px;
    font-weight: 600;
}
#pagehtml .laypage_main .laypage_total button {
    height: 33px;
    line-height: unset; 
    margin-left: 5px;
     /*padding: unset; */
    /*color: #fff;*/
    /* display: initial; */
}


#pagehtml .laypage_main .laypage_total input {
    width: 40px;
    margin: 0 5px;
    padding: 0 5px;
    height: 25px;
}
.timeline-item.purple:after {
    border-color: #a55eea;
}

.submitSearch{
    cursor: pointer;
}
.navbar-brand img{filter: brightness(0) invert(1);}
.right_sidebar .setting_div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 9999;
    text-align: center;
    background: #ced4da;
    position: fixed;
    bottom: 10px;
    right: 10px;
}
.swal2-container .swal2-popups{
    background: unset;
}
.table-responsive{min-height: 410px;}
.loadEffect {
            width: 50px;
            height: 50px;
            margin: 0 auto;
            /*margin-top:100px;*/
            position: relative;
        }
        .swal2-container.swal2-showns,.unset-bg{background-color: unset;}

        .loadEffect div{
            width: 100%;
            height: 100%;
            position: absolute;
            -webkit-animation: load 2.08s linear infinite;
        }
        .loadEffect div span{
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #FF5B5C;
            position: absolute;
            left: 50%;
            margin-top: -10px;
            margin-left: -10px;
        }
        @-webkit-keyframes load{
            0%{
                -webkit-transform: rotate(0deg);
            }
            10%{
                -webkit-transform: rotate(45deg);
            }
            50%{
                opacity: 1;
                -webkit-transform: rotate(160deg);
            }
            62%{
                opacity: 0;
            }
            65%{
                opacity: 0;
                -webkit-transform: rotate(200deg);
            }
            90%{
                -webkit-transform: rotate(340deg);
            }
            100%{
                -webkit-transform: rotate(360deg);
            }

        }
        .loadEffect div:nth-child(1){
            -webkit-animation-delay:0.2s;
        }
        .loadEffect div:nth-child(2){
            -webkit-animation-delay:0.4s;
        }
        .loadEffect div:nth-child(3){
            -webkit-animation-delay:0.6s;
        }
        .loadEffect div:nth-child(4){
            -webkit-animation-delay:0.8s;
        }