.login-page{
    background: -webkit-linear-gradient(transparent 70%, rgba(0,0,0,.3) 0%) !important;
    background: -o-linear-gradient(transparent 70%, rgba(0,0,0,.3) 0%)!important;
    background: linear-gradient(transparent 70%, rgba(0,0,0,.3) 0%)!important;
    background-size: 100% 3px !important;
}
.login-page:after{ position: absolute; left: 0;right: 0; bottom: 0; top: 0; content: ' ';
    z-index: -1;
    background-image: url("/storage/webp.webp");
    /*background-image: url("../images/apic25950.webp"); */
    background-position: center; background-size: cover;
    animation: waveAnimation 50s ease infinite;
}
.content-body.login-page-body{
    padding: 0; overflow: hidden;
}
.login-page .login-logo{
    font-family: fantasy;
    animation: gradientChange 30s infinite;
    letter-spacing:4px;text-shadow: 0 1px #eee, 1px 0 #eee, -1px 0 #eee, 0 -1px #eee;
}
.login-page div.card,.login-page div.card > .card-body{
    background-color: rgba(255,255,255,0.7);
}
.dcat-box table tbody td .label,.box-body .label{
    display: inline-block;
}
._table{ display: table}
._td,._table > dt,._table > dd{ display: table-cell}

.dcat-box table tbody td .column-name{
    display: block;max-width: 200px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;
}
a.grid-table-grid-load-children{white-space:nowrap;}

[class*=sidebar-light-] ul.nav > .nav-item > .nav-link.active, [class*=sidebar-light-] ul.nav > .nav-item > .nav-link.active:hover {
    background-color: #00000008!important;
}

.upgrade-header{
    width: 100%;
    margin-top: 20px;
}

@keyframes gradientChange {
    0% { color: red;}
    25% { color: blue;}
    50% { color: green;}
    75% { color: #9e048c;}
    100% { color: red;}
}

@keyframes waveAnimation {
    0% {
        transform: scale(1) rotate(0deg);
    }
    25% {
        transform: scale(1.2) rotate(-5deg);
    }
    50% {
        transform: scale(1) rotate(0deg);
    }
    75% {
        transform: scale(1.2) rotate(5deg);
    }
    100% {
        transform: scale(1) rotate(0deg);
    }
}

.iot-remarks-text a{
    padding: 0;
}
.iot-remarks-text .ie-display{
    white-space: pre-wrap;
}

.act-modal-td td{ height: auto !important;}
.act-modal-td td:first-child{ font-weight: bold;}