.layui-nav .layui-this:after, .layui-nav-bar {
    background-color: transparent;
}

.layui-nav-tree {
    border-radius: 10px;
    margin: 5px;
    padding: 5px;
    width: auto;
    z-index: 900;
}

.layui-nav-tree .layui-nav-bar {
    background-color: transparent;
}

.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
    border-radius: 10px;
}

.icon-color {
    color: #98a6ad;
}

.nav-header {
    margin: 0 20px 0 20px;
    float: right;
    line-height: 70px!important;
}

.nav-head-img{
    padding: 0;
    color: #98a6ad;
    min-width: 32px;
    text-align: center;
    margin: 0 10px;
}

.nav-img {
    height: 32px;
    width: 32px;
    border-radius: 50%!important;
}

.nav-fold {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 70px;
    margin: 0 20px 0 20px;
}

.navbar {
    background-color: #6A5ACD;
}

@media screen and (min-width: 992px) {
    .navbar-height {
        margin: 0 15px 0 15px;
    }
    .navbar {
        border-radius: 0px;
        background-color: #6A5ACD;
        text-align: center;
    }
    .layui-nav {
        padding: 0 92px;
    }
    .layui-body {
        top: 131.5px!important;
    }
    .dye-body {
        padding: 15px 100px!important;
    }
}

@media screen and (min-width: 1200px) {
    .layui-nav {
        padding: 0 100px;
    }
}

.layui-body {
    left: 0px;
    z-index: unset;
    position: fixed;
    top: 71.8px;
    bottom: 0;
}

@media screen and (max-width: 992px) {
    .layui-nav-itemed>.layui-nav-child {
        display: block;
        background-color: rgba(0,0,0,.3)!important;
        border-radius: 10px;
    }

    .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
        background-color: #FFE4B5;
        color: #fff;
    }

    .dye-body {
        padding: 15px;
    }

    .layui-body {
        background-color: #F6F6F6;
    }
}

.radmin-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.layui-panel{
    border-radius: 10px;
}

.layui-card {
    box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
    border-radius: 10px;
    border-color: #eee;
    border-width: 1px;
    border-style: solid;
}

.page-title {
    font-size: 18px;
    margin: 5px;
    line-height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
}

.float-right {
    float: right!important;
}

.widget-icon {
    font-size: 20px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;
    display: inline-block;
}

.text-color {
    color: #98a6ad!important;
}

.text-muted {
    font-weight: 400!important;
    margin-top: 0!important;
}

.text-muteds {
    margin-top: 1.5rem!important;
}

.logo-title {
    color: #6A5ACD;
    font-size: 21px;
    font-weight: 360!important;
    font-style: oblique;
}

.layui-timeline-axis {
    color: #6A5ACD;
}

.radmin-text p{
    margin-bottom: 10px;
    text-indent: 2em;
}

.purple{
    border-left: 5px solid #6A5ACD;
    border-radius: 3px 10px 10px 3px;
}


*[r-href], *[r-tips] {
    cursor: pointer;
}

/*.layui-input, .layui-textarea {
    border-radius: 7px;
}*/

.layui-input, .layui-select, .layui-textarea {
    border-width: 0 0 1px 0;
    border-radius: 0px;
}

.layui-input:hover, .layui-textarea:hover {
    border-color: #6A5ACD!important;
}

.ran-form-item {
    margin-bottom: 10px;
}

.layui-btn {
    border-radius: 10px;
}

.layui-btn-blueash {
    background-color: #6A5ACD;
}

.login-nav{
    border-radius: 0px;
    background-color: #6A5ACD;
    text-align: center;
    line-height: 73.7px;
}

.input-span{
    text-align: center;
    line-height: 37.99px;
}

.input-item{
    margin-left: 10px;
}

.blueash {
    color: #6A5ACD;
}

.right{
    float:right;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #6A5ACD!important;
    color: #fff;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #6A5ACD!important;
    background-color: #6A5ACD;
    color: #fff;
}

.layui-layer {
    border-radius: 10px!important;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 8%)!important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #6A5ACD;
    border-radius: 10px;
}

.layui-laypage input {
    border-radius: 10px;
}

.layui-laypage button {
    border-radius: 10px;
}

.layui-laypage select {
    border-radius: 10px;
}

.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
    border-radius: 10px 10px 0 0;
}

.layui-table, .layui-table-view {
    border-radius: 10px;
}

.layui-form-select dl {
    border-radius: 10px;
}

.layui-form-select dl dd.layui-this {
    background-color: #6A5ACD;
    border-radius: 10px;
}

.layui-progress {
    top: 10px;
}

.layui-bg-blueash {
    background-color: #6A5ACD!important;
}

.codeimg {
    height: 38px;
    width: 100%;
    padding:1px;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 10px;
}