html{font-size:16px;height:100%}body{box-sizing:border-box;text-rendering:optimizeLegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Open Sans,Helvetica Neue,PingFang SC,PingFang TC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Noto Sans CJK TC,Noto Sans CJK JP,WenQuanYi Micro Hei,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){body{-webkit-font-smoothing:subpixel-antialiased}}body.swal2-shown{overflow-y:visible!important}.container-admin{position:relative;box-sizing:border-box}.navbar{z-index:4;box-shadow:0 .5rem 1rem rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.1)}.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate3d(-7rem,0,0);transition:transform .15s ease-in-out,opacity .15s ease-in-out;opacity:1;z-index:2;border-right:1px solid rgba(0,0,0,.1);width:8rem;will-change:transform,opacity}.sidebar .sidebar-container{position:absolute;top:3.5rem}.sidebar .nav-link{display:block;transition:color .25s ease-in-out;padding:.5rem 1rem;color:rgba(108,117,125,.6)}.sidebar .nav-link.active,.sidebar .nav-link:hover{color:#343a40}.sidebar-toggler{position:fixed;bottom:0;left:0;z-index:3;width:8rem}.sidebar-toggler a:hover{text-decoration:none}.main{position:absolute;top:3.5rem;transform:translateZ(0);transition:transform .15s ease-in-out,width .15s ease-in-out;width:100vw;will-change:transform,width}@media (min-width:75rem){.sidebar{transform:translateZ(0)}.main{transform:translate3d(7rem,0,0);width:calc(100vw - 8rem)}}.breadcrumb-item.ml-auto:before{content:""}.alert ul{margin-bottom:0}[v-cloak]{display:none}.table td{vertical-align:middle;height:3rem}.table td label{margin-bottom:0}.mw-1280{min-width:80rem}.fixed-footer{position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0}select{-moz-appearance:none}.scrollable{max-height:600px;overflow-y:auto}@-webkit-keyframes slide-up{0%{transform:translateY(2rem);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(2rem);opacity:0}to{transform:translate(0);opacity:1}}.container-login{background:#343a40 url(/images/bg.jpg) no-repeat;background-size:cover;width:100vw;height:100vh}.form-login{border-radius:.25rem;box-shadow:0 1px 4px 0 rgba(0,0,0,.1);background-color:#fff;max-width:25rem;opacity:.9;-webkit-animation:slide-up .5s ease-out;animation:slide-up .5s ease-out}.form-login #loginPhone{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.form-login #loginPassword{border-top-left-radius:0;border-top-right-radius:0}.form-login .form-control:focus{z-index:2}.case-album-container{position:relative}.case-album-container .loading{position:absolute;width:100%;height:100%;background:#fff;opacity:.7;z-index:1;display:flex;justify-content:center;align-items:center}.case-album-image{max-width:100%!important;cursor:pointer}.case-album-cover{border-color:green;border-width:1px}

.stats-icon {
    align-items: center;
    background-color: #000;
    border-radius: .5rem;
    display: flex;
    float: right;
    height: 3rem;
    justify-content: center;
    width: 3rem
}

.stats-icon i {
    color: #fff;
    font-size: 1.7rem
}

.stats-icon.purple {
    background-color: #9694ff
}

.stats-icon.blue {
    background-color: #57caeb
}

.stats-icon.red {
    background-color: #ff7976
}

.stats-icon.green {
    background-color: #5ddab4
}

@media (max-width: 767px) {
    .stats-icon {
        float:left;
        margin-bottom: .4rem
    }
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.text-width-md {
    max-width: 450px
}

.text-gray-300 {
    color: #dee2e6!important
}

.text-gray-400 {
    color: #ced4da!important
}

.text-gray-500 {
    color: #adb5bd!important
}

.text-gray-600 {
    color: #6c757d!important
}

.btn-xl {
    padding: 1rem 2rem
}

.icon-mid:before {
    vertical-align: middle
}