::-webkit-scrollbar { width:6px; height:6px } ::-webkit-scrollbar-track { background:#f5f5f5; border-radius:.5rem } ::-webkit-scrollbar-thumb { background:#dee2e6; border-radius:.5rem } * { font-size:12px } body { margin:0; line-height:1.6; letter-spacing:.6px; font:12px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; color:#545b62; background:#fff } a { color:#545b62; text-decoration:none } a:hover { color:#ff8400; text-decoration:none } div,form,ul,ol,li { margin:0; padding:0 } div,th,td { word-break:break-all; word-wrap:break-word } li { list-style:none } img { margin-right:10px; max-width:100%; border-radius:.5rem } table { background:#fff; border-spacing:0; border-collapse:separate } table tr:first-child td:first-child { border-top-left-radius:.5rem; border-top:0 } table tr:first-child td:last-child { border-top-right-radius:.5rem; border-top:0 } table tr:last-child td:first-child { border-bottom-left-radius:.5rem; border-bottom:0 } table tr:last-child td:last-child { border-bottom-right-radius:.5rem; border-bottom:0 } label { margin-bottom:0 } input { padding:.25rem .65rem; height:28px; color:#545b62; background:#fff; border:1px solid #dee2e6; vertical-align:middle; transition:all .5s } input[type=file] { padding:0; height:auto; border:0; vertical-align:middle } input[type=button],input[type=submit],input[type=reset] { padding:.25rem .65rem; height:auto; color:#fff; background:#1eb867; border:0; transition:all .5s } input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus { height:auto; outline:none; box-shadow:none; vertical-align:text-top } select { padding:.25rem .65rem; height:28px; color:#545b62; background:#fff; border:1px solid #dee2e6; vertical-align:middle; transition:all .5s } select[multiple=yes] { height:180px } textarea { padding:.25rem .65rem; color:#545b62; background:#fff; border:1px solid #dee2e6; vertical-align:middle; transition:all .5s } input:focus,select:focus,textarea:focus { color:#495057; background:#fff; border-color:#80bdff; box-shadow:0 0 0 0.2rem rgba(0,123,255,.25); outline:0 } body.hidemenu { background:none } body.showmenu .body-left { display:block } body.hidemenu .body-left { display:none } body.showmenu .body-right { left:220px; transition:all .5s } body.hidemenu .body-right { left:0; transition:all .5s } .body-left { position:absolute; top:60px; left:0; bottom:0; width:220px } .body-right { position:absolute; top:60px; right:0; bottom:0 } .main,.menu { width:100%; height:98% } .main iframe,.menu iframe { width:100%; height:98%; border:0 } .menu-box { margin:0; padding:1rem 5px } .menu-body { width:100%; background:#fff; box-shadow:0 .125rem .25rem rgba(0,0,0,.075) } .item-menu .link { position:relative; padding-left:50px; display:block; height:40px; line-height:40px; cursor:pointer; transition:all .5s } .item-menu li:last-child .link { border-bottom:0 } .item-menu li i { position:absolute; top:13px; left:20px; color:#545b62 } .item-menu li i.fa-angle-down { right:20px; left:auto } .item-menu li.open .link,.item-menu li.open i { color:#1eb867 } .item-menu li.open i.fa-angle-down { transform:rotate(180deg) } .head { width:100%; height:60px; background:linear-gradient(45deg,#1eb867,#009688 80%); box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075) } .top-logo { float:left; padding-left:30px; width:220px } .top-name a { float:left; height:60px; line-height:60px; font-size:18px; font-weight:600; color:#fff } .top-name a img { width:90px } .top-version a { float:left; height:60px; line-height:60px; font-size:18px; font-weight:600; color:#fff } .top-version { float:left; margin-top:18px; margin-left:5px; color:#fff } .btn-version { float:left; margin-top:16px; margin-left:5px } .top-item ul li { float:left; position:relative; padding-left:30px; height:60px; line-height:60px } .top-item ul li a,.top-admin ul li a { font-size:14px; color:#fff } .top-item ul li a:hover,.top-admin ul li a:hover { color:#dee2e6 } .search { position:absolute; top:20px; right:5px; height:20px; line-height:20px; font-size:12px; color:#545b62; background:0; border:0 } .search-input { width:160px; height:28px; line-height:28px; font-size:12px; background:#fff; border:0 } .top-admin { float:right; margin-right:30px; height:60px; line-height:60px } .top-admin img { margin-right:10px; width:30px; height:30px; border-radius:50% } .top-admin ul li { float:left; padding-left:30px; height:60px; line-height:60px } .user-img-sm { margin-right:10px; width:30px; height:30px; border-radius:50%; border:1px solid #dee2e6 } .submenu { display:none; padding:6px 0; background:#adb5bd } .submenu li { height:40px; line-height:40px; transition:all .5s } .submenu li:hover { background:#009688 } .submenu a { float:left; display:block; padding:0 10px 0 50px; color:#fff } .submenu .active { background:#1eb867 } .submenu-right { float:right!important; padding:0 20px 0 10px!important } .card-body { padding:.65rem } #text { font-size:0 } #latestVersion { display:none } #_fileList,#_verList { height:400px; overflow-y:scroll } #_msgInfo { display:none } .update-close { background-color:#fff; border:0 } .updates-dot { display:none; position:absolute; top:12px; right:8px; height:6px; width:6px; background:#dc3545; border-radius:50% } .spinner-border { width:20px; height:20px; vertical-align:bottom } .list-group-item { padding:.65rem 0 } .coolbg { padding:.25rem .65rem; background:#f5f5f5; border-bottom:1px solid #dee2e6; border:0; cursor:pointer } .coolbg2 { height:28px; line-height:28px; background:#dfddd2; border:1px solid #dee2e6 } .coolbt { background:#e4f7d7; border-left:1px solid #efefef; border-top:1px solid #efefef; border-bottom:1px solid #acacac; cursor:pointer } .coolbt2 { background:#f7fcda; border-left:1px solid #efefef; border-top:1px solid #efefef; border-bottom:1px solid #acacac } .coolbg3 { width:140px; height:28px; line-height:28px; background:#dfddd2; border:1px solid #bdc5b4; text-align:right } .coolbg61 { width:390px; height:28px; line-height:28px; background:#e7f3b1; border-top:1px solid #bdc5b4; border-left:1px solid #bdc5b4; border-right:1px solid #bdc5b4; text-align:right } .coolbg62 { padding:.6rem; width:390px; height:300px; background:#F8FDF0; border:1px solid #bdc5b4 } .coolbg4 { padding:.65rem; background:#fff; border-bottom:1px solid #dee2e6; text-align:right } .wsselect { padding:.65rem 0; background:#fff; overflow:auto } .pubdlg { background:#fff; border:2px solid #1eb867; z-index:8888 } .pubdlg .title { padding-left:.65rem; height:28px; line-height:28px; font-weight:600; color:#545b62; background:#f5f5f5; border-bottom:1px solid #dee2e6 } .fullpagediv { position:absolute; top:0; left:0; width:100%; height:100%; background:#cdcdcd; opacity:.6; z-index:1999 } .quicksel { margin-left:10px; margin-top:10px; width:680px; height:420px; overflow:auto; z-index:10005 } .quickselfoot { padding:.65rem 0; border-top:1px solid #dee2e6 } .quickselItem { display:block; line-height:28px } .quickselItem .topcat { margin-bottom:1rem; padding:0 10px; background:#e9ecef; clear:both } .quickselItem .soncat { margin-bottom:1rem; padding:0 10px } .quickselItem .item { display:inline-block; padding-left:10px } .mysource,.mywriter { width:300px; background:#fff; border:2px solid #1eb867; z-index:10001 } .wsselect { padding:.65rem } #uploadfield { float:left } #uploadwait { z-index:19999 } .option1 { background:#e9ecef } .option2 { background:#adb5bd } .option3 { background:#fff } .divpre img { max-width:150px; max-height:100px } .divpre { overflow:hidden } .colordlg { padding:.6rem; width:120px; background:#fff; border:2px solid #1eb867; z-index:10005 } .maintable { width:98%!important; border:1px solid #dee2e6!important } .table { margin-bottom:0; color:#545b62 } .table td,.table th { padding:.65rem; vertical-align:middle } .form-control { display:inline-block } .fa { font-size:14px!important; color:inherit; cursor:pointer } .btn-xs { padding:2px; line-height:12px; font-size:12px } .btn+.btn,.btn-text+.btn-text { margin-left:1rem } .admin-win { background:#f5f5f5; border:1px solid #dee2e6!important } .admin-win-iframe { width:100%; height:360px } .admin-border { border:1px solid #dee2e6!important } .admin-main-sort { margin-left:1rem; width:30px; text-align:center } .admin-td { padding:.65rem; border-bottom:1px solid #dee2e6 } .admin-textarea-xl { width:100%; height:90px } .admin-textarea-sm { width:360px; height:60px } .admin-input-lg { width:380px } .admin-input-md { width:360px } .admin-input-sm { width:160px } .admin-input-xs { width:60px } .web-info { padding:10px; background:#f5f5f5; text-align:center } .thumbnail-md { max-width:200px; max-height:120px } .thumbnail-sm { max-width:60px; max-height:60px } .icon img { width:20px; height:20px } .fileinput-button { display:inline-block; position:relative; overflow:hidden } .fileinput-button input { position:absolute; top:0; right:0; margin:0; opacity:0; direction:ltr; cursor:pointer } span.page-link { color:#fff; background:#1eb867 } table,input,select,textarea,.search,.menu-body,.coolbg,.mysource,.mywriter,.pubdlg,.colordlg,.quickselItem .topcat,.web-info,.cke_chrome,.cke_inner,.pagination,.card,.form-control,.btn-sm,.alert,.rounded { border-radius:.5rem!important } .btn-xs { border-radius:.35rem!important } .coolbg4,.pubdlg .title,.cke_top { border-radius:.5rem .5rem 0 0 } .submenu,.wsselect,.cke_bottom { border-radius:0 0 .5rem .5rem } .page-item:first-child .page-link { border-top-left-radius:.5rem; border-bottom-left-radius:.5rem } .page-item:last-child .page-link { border-top-right-radius:.5rem; border-bottom-right-radius:.5rem } #timerange { width:230px } #selColor { padding:0; width:50px } #browsehappy { padding:20px 30px; font-size:14px; line-height:16px; color:#856404; background:#fff3cd; border-radius:.35rem; border:0 } .browsehappy-close { float:right; cursor:pointer } @media (min-width:480px) { .modal-dialog { max-width:500px } }