/* adminLTE reset */
body{font-size:.9rem;}
.sidebar-mini{font-size:.8rem;}
.navbar-nav i, .dropdown-item{font-size:.9rem;}
.nav-sidebar>.nav-item .nav-icon.far{font-size:.5rem;}
.dropdown-divider{margin:.2rem 0;}
.dropdown-menu-qrcode{width:14rem; padding:1rem; text-align:center; font-size:.8rem; color:#666;}
.dropdown-menu-qrcode img{width:10rem; margin:0 auto;}
.sidebar .user-panel .info a{width:10rem; text-overflow:ellipsis; overflow:hidden;}

.content-header h1{font-size:1rem;}
.card-title{font-size:.9rem;}

.table th{white-space:nowrap;}
.table thead th{vertical-align:top; border-bottom:none; background:#F3F3F3;}
.table .btn{margin:0 .1rem .1rem 0; white-space:nowrap;}

.form-check-input[type=radio], .form-check-input[type=checkbox]{margin-top:.2rem;}
.btn-sm, .form-control, .input-group-text, .custom-select{font-size:.8rem;}
.invalid-feedback{padding-left:.4rem; font-weight:normal;}

.dropzone{padding:0; border:none; min-height:0;}
.dropzone .dz-preview .dz-image{border-radius:0;}

.w100{width:100%;}
.mw100{max-width:100%;}

.modal-title{font-size:1.1rem;}
.modal-cover{position:absolute; z-index:2000; width:100%; height:100%; background:rgba(0,0,0,.6);}

.tooltip-inner{font-size:.8rem; text-align:left;}
.tips-box{display:inline-block; display:inline-flex; background:#fffbe6; border-radius:.2rem; padding:.2rem; font-size:.8rem; font-weight:normal; text-align:left;}
.tips-box i{margin:.3rem .2rem 0;}

/*toast*/
.text-toast{position:fixed; z-index:1002; left:0; display:block; padding:10px 20px; opacity:0; max-width:90%; background:rgba(0,0,0,0.8); color:#fff; font-size:14px; line-height:18px; text-align:center; border-radius:3px; overflow:hidden; top:50%; margin-top:-50px; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); -webkit-transform:translateZ(0); -webkit-user-select:none; -webkit-user-drag:none; -webkit-animation-duration:3s; -webkit-animation-timing-function:ease; -webkit-animation-fill-mode:both; -webkit-transform:translateY(0px);-webkit-transform:translateY(0px);-webkit-transform:translateY(-10000px);}
@-webkit-keyframes text-toast-on{
    0% {opacity:0; -webkit-transform:translateY(20px);}
    20% {opacity:1; -webkit-transform:translateY(0);}
    80% {opacity:1; -webkit-transform:translateY(0);}
    98% {opacity:0.1; -webkit-transform:translateY(-20px);}
    100% {opacity:0; -webkit-transform:translateY(-10000px);}
}
@keyframes text-toast-on{
    0% {opacity:0; transform:translateY(20px);}
    20% {opacity:1; transform:translateY(0);}
    80% {opacity:1; transform:translateY(0);}
    98% {opacity:0.1; transform:translateY(-20px);}
    100% {opacity:0; transform:translateY(-10000px);}
}
.text-toast-on{-webkit-animation-name:text-toast-on; animation-name:text-toast-on;}

.doc-sidebar h3{font-size:1.2rem; margin:.5rem 0 1.5rem 0;}
.doc-sidebar h4{font-size:.9rem; line-height:2rem;}
.doc-sidebar h4 a{color:#333;}
.doc-sidebar ul{padding:0; margin:0 0 1.5rem 1rem; list-style:none;}
.doc-sidebar ul.list-unstyled{padding:0; margin:0; list-style:none;}
.doc-sidebar li a{display:block; padding:.3rem 0; font-size:.9rem; color:#333;}
.doc-sidebar li a.active{color:#007bff; font-weight:bold;}
.doc-content{font-size:.9rem;}
.doc-content h3{font-size:1.4rem; margin-bottom:1rem;}
.doc-content h4{padding:.3rem 0; font-size:1.2rem; margin-bottom:1rem; border-bottom:1px solid #CCC;}
.doc-content ul, .doc-content ol{line-height:2rem;}
.doc-content .code pre{padding:.5rem; background:#263238; color:#c3cee3;}
.doc-content img{max-width:100%;}

.fixed-service{position:fixed; z-index:100; right:1rem; bottom:20%; width:4rem; height:4rem; border-radius:50%; background:#007bff;}
.fixed-service a{display:block; width:4rem; height:4rem; color:#FFF; text-align:center;}
.fixed-service i{display:block; width:3rem; height:3rem; margin:.5rem; background:url(../../home/index/images/service.png) no-repeat; background-size:cover;}
.fixed-service span{position:absolute; left:50%; bottom:-1rem; width:4rem; height:1.4rem; margin-left:-2rem; font-size:.8rem; line-height:1.4rem; background:#007bff; border-radius:.2rem;}

.ft-link ul{display:flex; justify-content:center; align-items:center; list-style:none; font-size:.8rem; border-bottom:1px solid #DDD; padding:1rem 0;}
.ft-link li{padding:0 1.5rem; border-right:1px solid #DDD;}
.ft-link li:last-child{border-right:none;}
.ft-link a{color:#666;}